@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
:root {
    --red_color: #FF4103;
    --black_color: #1C1C1C;
}
.bg_black {
    background-color:var(--black_color) ;
}
.bg_red {
    background-color:var(--red_color) ;
}
html{
    scroll-behavior: smooth;
}
body{
    margin: 0;
    /* font-family: 'Lato'; */
    font-family: "Outfit", sans-serif;
    color: #1C1C1C;
}
img{
    max-width: 100%;
    transition: all ease-in-out 3s;
}
a:hover{
    text-decoration: none;
    color: #fff;
}
a{
    display: inline-block;
    text-decoration: none;
}
.blue_circle{
    background-color: #208aae;
}
.dark_blue{
    background-color: #0d214a;
}
.white_circle{
    background-color: #fff;
}
.black_circle{
    background-color: #000000;
}
.yello_cirlcles{
    background-color: #fcb900;
}
.circle_yellow{
    background-color: #ffd800;
}
.circle_gray{
    background-color: #666;
}
/* .mls_blue_col{
    background-color: #0873b9;
}
.mls_orange_col{
    background-color: #f56d01;
}
.mls_blk_col{
    background-color: #222;
}
.mls_yellow_col{
    background-color: #facd34;
} */
.light_gray_circle{
    background-color: #dfdfdf;
}
.dark_gray_circle{
    background-color: #d9d9d9;
}
.yello_circle2{
    background-color: #f2b52f;
}
.black_circle_1{
    background-color: #282828;
}
.purple_circle{
    background-color: #a0a0cf;
}
.calibre_font_light{
    font-family: "Calibre-Light";
}
.calibre_font{
    font-family: "Calibre-Bold";
}
.calibre_font_med{
    font-family: "Calibre-Medium";
}
.gray_cir_2{
    background-color: #666;
}
.produkt_family{
    font-family: "Produkt";
}
.gray_light_1{
    background-color: #e5e5e5;
}
.navy_circle{
    background-color: #001946;
}
.sky_blue{
    background-color: #37c2d8;
}
.sofiapro_family{
    font-family: "SofiaPro-Bold",sans-serif;
}
.sofiapro_med_family{
    font-family:"SofiaPro-Medium",sans-serif;
}
.sofiapro_reg_family{
    font:normal 125%/1.4 "SofiaPro-Light",sans-serif;
}
.dark_navy_blue_circle{
    background-color: #0a1e45;
}
.red_circle{
    background-color: #d6442c;
}
.helvetica_font_family{
    font-family: 'helveticaneuebold';
}
.helvetica_medium{
    font-family: 'helveticaneuemedium';
}
.helvetica_regular{
    font-family: 'helveticaneueregular';
}
.red_bg{
    background-color: #FF4103;
}
.blue_bg{
    background-color: #1C1C1C;
}
.color-white {
    color: #fff !important  ;
}
.zsiq_theme11 .siqicon div {
    color: #ffffff !important;
}
.zsiq_theme11 .siqicon::before {
    color: #fff !important;
}
.hired_mark_header {
    background: #fff;
    box-shadow: 0px 4px 20px 0px #101A3633;
    position: sticky;
    top: 0;
    z-index: 9;
}
.show_data_btn{
    text-align: center;
    margin-top: 100px;
}
.show_data_btn a {
    color: #fff;
    text-transform: capitalize;
    line-height: 40px;
    min-width: 80px;
    border-radius: 30px;
    text-align: center;
}
.side_portfolio_tab_panel  .medicineed_section{
    display: none;
}
.header_mar_ryt_box{
    padding: 3px 10px;
    padding: 3px 10px;
    border-right: 1px solid #1C1C1C;
    height: 47px;
    display: flex;
    align-items: center;
}
.commidev-img-sec img {
    max-width: 130px;
}
.cfa_mar_common_btn {
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    padding: 10px 20px;
    border-radius: 30px;
    height: 44px;
    min-width: 140px;
    text-align: center;
    box-shadow: 0px 10px 30px rgba(215 33 49/30%);
    font-weight: 400;
    text-transform: capitalize;
    transition: ease-in-out 0.3s all;
    overflow: hidden;
}
span.blue-btn .cfa_mar_common_btn {
    box-shadow: 0px 10px 30px rgba(16 26 54/30%);
}
.hire_mar_header-inner-sec {
    padding: 19px 0px;
}
.emp_title {
    font-size: 13px;
    line-height: 17px;
    color: #1C1C1C;
}
.cfa_mark_ibi_sec {
    background: #1C1C1C;
    color: #fff;
    padding: 20px 0px;
}
.cfa_mark_clutch_sec {
    text-align: right;
}
.inn_bey-title {
    font-size: 22px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0.225em;
    margin: 0;
    color: #fff;
    text-transform: capitalize;
}
.cfa_mr_comm_heading:before {
    position: absolute;
    content: '';
    width: 2px;
    height: 100%;
    background: #FF4103;
    left: -8px;
    top: 50%;
    transform: translateY(-50%);
}
.cfa_mr_comm_heading {
    color: #1C1C1C;
    font-size: 27px;
    line-height: 35px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 21px;
    position: relative;
}
.cfa_mar_blue_btn_sec {
    gap: 0 12px;
}
.cfa_mar_blue_btn_sec .blue-btn {
    margin: 0px 0px 10px 0px;
}
.cfa_mar_blue_btn_sec .blue-btn:last-child {
    margin-right: 0px;
}
.cfa_mark_common_box {
    margin-bottom: 30px;
}
.icon_sec {
    display: block;
    text-align: center;
}
.icon_title {
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    display: block;
    font-weight: 500;
}
.cfa_mar_common_box_btn {
    width: 140px;
    height: 100px;
    border-radius: 15px;
    padding: 5px;
    box-shadow: 0px 22px 22px 0px #101A3617;
    transition: ease-in-out 0.3s all;
    overflow: hidden;
}
.techno_box:nth-child(4), .techno_box:last-child {
    margin-right: 0px;
}
.techno_box {
    margin: 0px 0px 30px 0px;
}
.cfa_ma_techno_box{
    margin-bottom: 10px;
}
.cfa_mark_main_sec:before {
    position: absolute;
    content: '';
    background: url("../images/banner-bg.png");
    width: 46%;
    height: 100%;
    right: 0;
    top: 0;
    background-repeat: no-repeat;
    background-position: right;
    background-size: cover;
    z-index: -1;
}
.cfa_mar_main-left_sec {
    padding: 30px 20px 0px 0px;
}
.cfa_mar_main-right_sec {
    padding: 30px 0px 0px 15px;
}
.cfa_mar_counter_heading {
    color: #FF4103;
    font-size: 25px;
    line-height: 30px;
    font-weight: 700;
}
.cfa_mar_counter_title {
    display: block;
    font-size: 16px;
    line-height: 20px;
    color: #1C1C1C;
    font-weight: 500;
    text-transform: capitalize;
}
.cfa_mar_counter_box {
    padding: 30px 0px;
}
.cfa_mar_counter_box {
    padding: 7px 0px;
}
.cfa_mar_client_sec {
    text-align: center;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 129px 129px 0px #00000017;
    padding: 15px 0px;
    margin: 0;
}
.counter-border{
    border-right:1px solid #1C1C1C;
}
.client-btn-sec {
    text-align: center;
    margin-top: 40px;
}
.view-client-btn a {
    width: 180px;
}
.cfa_mark_spotlight_logos {
    width: auto;
    height: 119px;
    border-radius: 15px;
    flex: 0 0 49%;
    background: #ffffff;
    box-shadow: 0px 3px 10px rgba(0 0 0/10%);
}
.cfa_mark_firmFolio_logos_sec {
    width: auto;
    height: 323px;
    background: #ffffff;
    border-radius: 15px;
    box-shadow: 0px 3px 10px rgba(0 0 0/10%);
}
.footer-para, .footer-link {
    font-size: 20px;
    line-height: 26px;
    font-weight: 400;
    margin: 0;
    padding: 6px 0px;
    text-align: center;
    color: #fff;
}
.cfa_mrk_footer {
    background: #1C1C1C;
}
.bg_blue_hover,.bg_red_hover{
    overflow: hidden;
    transition: ease-in-out 0.3s all;
}
.bg_blue_hover:hover {
    background-color: #FF4103 !important;
    box-shadow: 0px 10px 30px rgba(215 33 49/30%);
    overflow: hidden;
    transform: scale(1.1);
}
.bg_red_hover:hover {
    box-shadow: 0px 10px 30px rgba(16 26 54/30%);
    background-color: #1C1C1C;
    overflow: hidden;
    transform: scale(1.1);
}
/* other page css start */
.side_banner_inner_sec {
    background-image: url("../images/side_banner_top.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    padding: 0px 0px 35px;
    /* margin-bottom: 45px; */
    position: relative;
}
.side_banner_counter_sec {
    background: #081230;
    padding: 50px 0px 40px;
}
/* .side_banner_inner_sec:before{
    position: absolute;
    content: '';
    background-image: url("../images/side_banner_bottom.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    bottom: 0;
    width: 100%;
    height: 105px;
} */
/* .side_banner_counter_sec:before{
    position: absolute;
    content: '';
    background-image: url("../images/side_banner_bottom.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    bottom: 0;
    width: 100%;
    height: 105px;
} */
.banner_content_wr {
    text-align: center;
    padding-top: 40px;
}
.side_banner_heading {
    color: #fff;
    font-size: 64px;
    line-height: 70px;
    font-weight: 700;
    text-transform: capitalize;
}
.side_banner_heading .ban_sub_heading{
    color: #FF4103;
}
.side_banner_para {
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    width: 72%;
    font-weight: 400;
    margin: 20px auto 30px;
}
.site_btn {
    width: 200px;
    height: 50px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    text-transform: capitalize;
    border-radius: 10px;
    color: #1C1C1C;
    cursor: pointer;
}
.side_banner_height_sec {
    height: calc(100vh - 88px);
}
.watch_video_btn{
    background-color: #fff;
}
.banner_video_wr {
    max-width: 700px;
    height: 400px;
    margin: 35px auto 25px;
    position: relative;
    border-radius: 50px;
}
.banner_video_wr img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 50px;
}
.cfa-video-play-btn .play-icon img {
    width: 100%;
    height: 100%;
    object-fit: none;
}
.cfa-video-play-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
}
.cfa-video-play-btn .play-icon {
    background: #FF4103;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 0 auto;
    box-shadow: 0px 6px 12px 0px #D721311A;
}
.banner_video_wr iframe {
    display: none;
    width: 100%;
    height: 100%;
    border-radius: 50px;
    position: absolute;
    left: 0;
    top: 0;
}
.close_btn {
    font-size: 16px;
    line-height: 1;
    color: #101A36 !important;
    text-shadow: 0 1px 0 #fff;
    position: absolute;
    right: 0;
    top: 0;
    background: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    line-height: 40px;
    display: none;
}
.side_counter_heading {
    color: #FF4103;
    font-size: 30px;
    line-height: 35px;
    font-weight: 700;
}
.side_counter_title {
    color: #fff;
    font-size: 24px;
    line-height: 30px;
    font-weight: 400;
}
.mar_top_20{
    margin-top: 20px;
}
.mar_top_40{
    margin-top: 40px;
}
.mar_top_60{
    margin-top: 60px;
}
.side_counter_box {
    text-align: center;
    padding: 15px 53px 35px;
}
.side_portfolio_tab_panel.active {
    display: block;
    -webkit-animation: fadeIn 1s 1 both;
    animation: fadeIn 1s 1 both;
}

.side_portfolio_tab_panel{
    display: none;
    width: 100%;
}
.side_portfolio_tabs {
    background-color: #D9D9D9;
    border-radius: 30px;
    list-style: none;
    height: 60px;
}
.side_port_tab_item.active,.grid_port_tab_item.active {
    background-color: #1C1C1C;
    text-align: center;
    border-radius: 30px;
    padding: 7px 20px;
}
.side_port_tab_item.active .side_txts ,.grid_port_tab_item.active .side_txts{
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
}
.side_port_tab_item ,.grid_port_tab_item{
    padding: 7px 20px;
    width: 360px;
    text-align: center;
    cursor: pointer;
}
.side_icns {
    display: inline-block;
}
.side_port_tab_item.active .side_icns svg path ,.grid_port_tab_item.active .side_icns svg path{
    fill: #fff;
}
.side_icns svg path {
    fill: #081230;
}
.por_dat_left_img {
    position: relative;
    right: -80px;
}
.side_portfolio_tab_content {
    margin-top: 60px;
}
.por_data_heading {
    font-size: 40px;
    line-height: 42px;
    color: #1C1C1C;    
    font-weight: 700;
    text-transform: capitalize;
}
.por_data_technology_sec {
    margin: 25px 0px;
}
.por_da_tec_title {
    font-size: 24px;
    line-height: 26px;
    color: #1C1C1C;
    font-weight: 700;
    padding: 5px 19px 5px 0px;
    border-right: 1px solid #FF4103;
    margin:0px 19px 10px 0px;
}
.por_dat_tec {
    border: 2px solid #1C1C1C;
    min-height: 50px;
    text-align: center;
    display: flex;
    align-items: center;
    padding: 10px;
    border-radius: 25px;
    min-width: 145px;
    margin:0px 19px 10px 0px;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
}
.por_dat_tec .por_tech_img {
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    /* background: #fff; */
    margin-right: 10px;
}
.por_tech_img svg {
    width: 100%;
    height: 100%;
}
.medicineed_section {
    margin-bottom: 125px;
}
.por_data_para {
    color: #1C1C1C;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 28px;
    font-weight: 400;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}
/* .medicineed_section:nth-child(even) .por_dat_left_img {
    right: 75px;
} */

.medicineed_section:nth-child(even) .por_data_img_sec{
    flex-direction: row-reverse;
}
.medicineed_section:nth-child(even) .por_data_technology_sec {
    flex-direction: row-reverse;
    justify-content: end;
}
.medicineed_section:nth-child(even) .por_da_tec_title {
    padding: 5px 0px 5px 19px;
    border-left: 1px solid #FF4103;
    margin: 0px 0px 10px 19px;
    border-right: unset;
}
.medicineed_section:nth-child(even) .por_dat_btn_sec .site_btn {
    margin-left: auto;
}
.medicineed_section{
    position: relative;
}
.medicineed_section:nth-child(even) .row{
    align-items: center;
}
.medicineed_section:nth-child(even) .color-white{
    color: #fff;
}

.medicineed_section:nth-child(even) .por_dat_tec {
    border: 2px solid #fff;
    margin: 0px 0px 10px 19px;
}
.medicineed_section:nth-child(even) .por_tech_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.medicineed_section:nth-child(even) .por_dat_left_img {
    z-index: -1;
}

/* other page css end */
.ryt-data_bg-img {
    width: 100%;
    height: 100%;
}
.ryt-data_bg-img img {
    width: 100%;
    height: 100%;
}
.ryt-data-sec {
    position: absolute;
    top: -135px;
    right: 0;
    width: 60%;
    z-index: -1;
    min-height: 650px;
    max-width: 3075px;
    height: 655px;
}
.por_dat_btn_sec .site_btn {
    color: #fff;
}
.medicineed_section:nth-child(even){
    margin-bottom: 210px;
}
.medicineed_section:nth-child(even) .por_dat_btn_sec .site_btn {
    background-color: #fff;
    color: #1C1C1C;
}
/* .side_get_started_inner_sec {
    background-image: url('../images/lets_talk.png');
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    padding: 0px 95px;
    border-radius: 100px;
    position: relative;
    z-index: 1;
    
} */
/* .side_get_started_inner_sec:before {
    position: absolute;
    content: '';
    background-image: url("../images/gray_circle.png");
    width: 494px;
    height: 494px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    top: -150px;
    z-index: -1;
    right: 0px;
} */
.side_get_started_inner_sec  .get_star_heading {
    font-size: 40px;
    color: #fff;
    line-height: 57px;
    font-weight: 700;
}
/* .get_started_cont .site_btn {
    width: 140px;
} */
.get_start_img {
    margin-top: -120px;
}
.side_get_started_section {
    /* background-image: url('../images/gray_bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    padding: 161px 0px 170px; */
    /* margin-top: 30px; */
    background-image: url('../images/get_bg.png');
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    padding: 0px 95px;
  
    position: relative;
    margin-bottom: 0px;
    z-index: 1;
}
.slider-cont-sec.slick-slide .slider-cont-sec {
    display: none;
}
.side_tab_section {
    margin-bottom: 30px;
}
.grid-slider-sections .slick-track {
    padding-bottom: 20px;
}
.list-grid-ul li {
    list-style: none;
}
.grid-list-wr {
    /* position: relative;
    top: 60px; */
    width: 100px;
    margin-left: auto;
}
section.side_counter_section {
    margin-bottom: 30px;
}
.grid_list_container{
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
}
.list-grid-ul li svg{
    fill: #909090;;
}
li.list-grid-item.active {
    box-shadow: 0px 4px 4px 0px #00000040;
    background: #fff;
}
.counter-border-col .side_counter_box{
    border: 1px solid #D7213133;
    border-radius: 10px;
}
.counter-border-col .side_counter_box:hover{
    border: 1px solid #FF4103;
}
/* .fullpage_slider_img_sec img {
    height: 100%;
} */
.full_gray_bg{
    background: #f7f7f9;
}
.full_blue_bg{
    background: #081130;
}
.full_blue_bg2 {
    background: #153762;
}
.full_black_bg2 {
    background: #1C1C1C;
}
.full_light_blue_bg{
    background: #101936;
}
.full_black_bg{
    background: #262a33;
}
.full_blue-white_bg {
    background: linear-gradient(to right,  #1c1c1c 0%,#ffffff 100%,#ffffff 100%);
}
.full_white_bg{
    background: #fff;
}
.fullpage_slider_sec {
    width: 100%;
    height: calc(100vh - 138px);
    height: -webkit-calc(100vh - 138px);
    height: -moz-calc(100vh - 138px);
    overflow-x: hidden;
}
li.list-grid-item {
    background: transparent;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
    border-radius: 5px;
}
.list-grid-item.active svg path{
    fill: #1C1C1C;
}
.list-grid-ul {
    padding-bottom: 15px !important;
    border-bottom: 1px solid #000000;
}
.list-grid-item span {
    display: inline-block;
}
.side_tab_inner_sec{
    display: none;
}
.list-data{
    display: none;
}
.list-data.active{
    display: block;
}
.grid-pane-data{
    display: none;
}
.grid-pane-data.active{
    display: block;
}
/* img scroll css start */
.grid_web_port_mokcup {
    position: relative;
    /* width: 570px; */ 
    margin: 0 auto 30px;
    width: 100%;
    height: 100%;
}
.port_mobile_img {
    width: 100%;
    height: 100%;
}
.grid_web_port_mokcup .mockup_img {
    width: 100%;
    transition: all 0.3s ease-in-out 0s;
}
.grid_web_portfolio_img {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    /* padding: 19px 43px 0px 58px; */
    padding: 11px 25px 0px 33px;
    height: 190px;
}
.portfolio_dtl_thumbnail_section {
    margin-top: 50px;
}
.medicineed_section:nth-child(even) .por_dat_btn_sec .site_btn:hover {
    color: #fff;
}
.grid_web_portfolio_img > .grid_web_portfolio_lnk {
    display: block;
    overflow: hidden;
    transition: all 0.3s ease-in-out 0s;
}
.gird_web_portfolio_img img {
    width: 100%;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    /* transform: translateY(0); */
    -webkit-transition: ease-in-out 3s all;
    -moz-transition: ease-in-out 3s all;
    transition: ease-in-out 3s all;
}
.grid_web_portfolio_img:hover img {
    -webkit-transform: translateY(calc(-100% + 177px));
    -moz-transform: translateY(calc(-100% + 177px));
    -ms-transform: translateY(calc(-100% + 177px));
    -o-transform: translateY(calc(-100% + 177px));
    transform: translateY(calc(-100% + 177px));
    transition: ease-in-out 3s all;
}
.grid-slider-wr {
    margin-bottom: 40px;
}
/* img scroll css end */
/* slick slider css start */

.slider-products .slick-arrow{
    display:none !important;
}
.slider-nav  .slick-slide,.slider-nav1  .slick-slide {
    margin: 0px 50px 0px 0px;
    height: 215px;
    
    position: relative;
}
.mobile_grid_slider_sec .slider-nav  .slick-slide,.mobile_grid_slider_sec .slider-nav1  .slick-slide {
    height: 385px;
}
.slider-products  .slick-slide ,.slider-products1  .slick-slide {
    font-size: 36px;
    font-weight: bold;
    outline: none; 
    text-align: center;
}
.grid-slider-sections  .slick-prev {
    left: 170px;
}
.grid-slider-sections .slick-next {
    right: 215px;
}
.grid-slider-sections .slider-nav .slick-track,.grid-slider-sections .slider-nav1 .slick-track {
    padding: 50px 0px;
}
.slider-nav .slide-box.slick-slide.slick-current.slick-active.slick-center {
    /* width: 530px !important; */
    transform: scale(1.3);
}
.slider-nav1 .slide-box.slick-slide.slick-current.slick-active.slick-center {
    /* width: 530px !important; */
    transform: scale(1.3);
}
.grid-slider-sections .slick-prev,.slick-next{
    background: #101A36 !important;
    width: 70px;
    height: 70px;
    font-size: 26px !important;
    z-index: 1;
    text-align: center;
    border-radius: 50%;
}
.grid-slider-sections .slick-prev:before,.grid-slider-sections .slick-next:before {
    content: '';
    left: 0;
    right: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 35px;
    background-image: url("../images/icons/arrow-small-left.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    width: 40px;
    height: 27px;
    margin: 0 auto;
}
.grid-slider-sections .slick-next:before {
    background-image: url("../images/icons/arrow-small-right.svg");
}
.grid-slider-sections:before ,.grid-slider-sections:after{
    position: absolute;
    content: '';
    background-image: url("../images/grid/slider-bg-left.png");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top;
    width: 235px;
    height: 100%;
    z-index: 1;
    top: 0;
}
.grid-slider-sections:after{
    right: 0px;
    left: unset;
    background-image: url("../images/grid/slider-bg-right.png");
}
.grid-slider-sections {
    position: relative;
}
.slider-con-det .por_data_technology_sec {
    justify-content: center;
}
.slider-con-det .por_dat_btn_sec .site_btn {
    margin: 0 auto;
}
.slider-con-det {
    max-width: 651px;
    margin: 0 auto;
}
/* slick slider css end */
/* project css start */
.banner_video_wr .grid_web_port_mokcup{
    height: 100%;
}
.banner_video_wr .grid_web_portfolio_img {
    padding: 45px 0px 0px 0px;
    height: 340px;
    border-radius: 19px;
}
.project_banner_img_sec {
    height: 380px;
}
.banner_video_wr .grid_web_port_mokcup .mockup_img {
    height: 100%;
}
.project_main_heading{
    margin-bottom: 35px;
}
.project_conc_img {
    flex: 0 0 50%;
}
/* .side_banner_inner_sec.project_concern_banner {
    padding-bottom: 270px;
} */
.project_concern_wr {
    /* margin-top: -270px; */
    position: relative;
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    padding: 20px 0px 240px;

}
.project_concern_wr::before{
    position: absolute;
    content: '';
    background-image: url("../images/side_banner_bottom.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    bottom: 0;
    width: 100%;
    height: 105px;
}
.tropy_conc_bg{
    background-image: url("../images/trophy_con_bg.png");
}
.trade_con_bg{
    background-image: url("../images/trade_con_bg.png");
}
.co_con_bg{
    background-image: url("../images/co_con_bg.png");
}
.prog_con_bg{
    background-image: url("../images/prog_con_bg.png");
}
.escal_con_bg{
    background-image: url("../images/escal_con_bg.png");
}
.mitchel_con_bg{
    background-image: url("../images/mitchel_con_bg.png");
}
.project_concern_banner:before {
    display: none;
}

.project_banner_img_sec .grid_web_portfolio_img:hover img {
    -webkit-transform: translateY(calc(-100% + 300px));
    -moz-transform: translateY(calc(-100% + 300px));
    -ms-transform: translateY(calc(-100% + 300px));
    -o-transform: translateY(calc(-100% + 300px));
    transform: translateY(calc(-100% + 300px));
    transition: ease-in-out 3s all;
}
.project_con_heading {
    font-size: 35px;
    line-height: 40px;
    color: #fff;
    margin-bottom: 40px;
    padding-bottom: 5px;
    border-bottom: 1px solid #fff;
    display: inline-block;
    padding-right: 40px;
    font-weight: 700;
}
.solution_heading {
    display: inline-block;
    border-bottom: 1px solid #fff;
    padding: 0px 0px 7px 35px;
    margin-bottom: 25px;    
}
.solution_blk .por_data_para{
    margin-bottom: 25px;
}
.solution_section_wr .ryt-data-sec {
    width: 63%;
}
.solution_blk {
    padding-left: 40px;
}
.sharpslab_font_family{
    font-family: "SharpSlab-Bold";
}
.achievements_counters {
    text-align: right;
}
.achievment_plus_icon{
    color: #FF4103 !important;
}
.achievement_bg_sec:before {
    position: absolute;
    content: '';
    background-color: #FF4103;
    width: calc(100% + 13px);
    height: calc(100% + 0px);
    bottom: -10px;
    left: -4px;
    z-index: -1;
    border-radius: 20px;
}
.achievement_bg_sec {
    position: relative;
    z-index: 1;
}
.achivement-ul li{
    list-style: none;
    margin-top: 10px;
    padding-left: 25px;
    position: relative;
}
.achivement-ul li:before {
    position: absolute;
    content: '';
    background: #fff;
    width: 8px;
    height: 8px;
    top: 10px;
    border-radius: 50%;
    left: 0;
}
.side_tab_section {
    margin-bottom: 30px;
}
.bxslider-inner-sec  .bx-wrapper .bx-prev{
    margin-right: 5px;
}
.bxslider-wr .bx-viewport {
    max-height: 400px;
    height: 400px !important;
}
.bxslider-inner-sec .bx-controls-direction {
    display: flex;
    align-items: center;
    margin-top: 20px;
}
.bxslider-inner-sec  .bx-wrapper .bx-prev {
    left: calc(50% - 16px) !important;
    top: -2em !important;
    width: 40px;
    height: 40px;
    display: block;
    background: #fff;
    box-shadow: 5px 5px 20px 0px #101A3626;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }
 .bxslider-wr .bx-wrapper {
    -moz-box-shadow: 0 0 5px #ccc;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    border: unset;
    background: #fff;
}
.bxslider-wr .bx-wrapper .bx-controls-direction a{
    position: unset !important;
    margin-top: 0px !important;
    z-index: 0;
}
 .bxslider-inner-sec  .bx-wrapper .bx-next {
    right: calc(50% - 16px) !important;
    top: calc(100% + 2em) !important;
    width: 40px;
    height: 40px;
    display: block;
    background: #fff;
    box-shadow: 5px 5px 20px 0px #101A3626;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }

.bxslider-inner-sec   a.slide {
    cursor: auto;
}
.port_features_itemss p {
    margin: 0;
}
.port_features_itemss{
    padding-bottom: 10px;
    margin-bottom:10px ;
    border-bottom: 1px solid rgba(10, 12, 17, 0.1);
}
.porf_dtl_feature_section:before {
    position: absolute;
    content: '';
    background-image: url("../images/project/escale_cir_bg.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top;
    width: 250px;
    height: 516px;
    right: 0;
    top: 135px;
}
.trophy_cir_bg:before{
    background-image: url("../images/project/trophy_cir_bg.svg");
}
.trade_cir_bg:before{
    background-image: url("../images/project/trade_cir_bg.svg");
}
.co_cir_bg:before{
    background-image: url("../images/project/co_cir_bg.svg");
}
.prog_cir_bg:before{
    background-image: url("../images/project/pog_cir_bg.svg");
}
.escale_cir_bg:before{
    background-image: url("../images/project/escale_cir_bg.svg");
}
.mitchale_cir_bg:before{
    background-image: url("../images/project/mitchel_cir_bg.svg");
}
@keyframes bounce {
    50% {
        transform: translateY(-15px);
      }
    }
    
.down_arrow_icon {
    display: block;
    width: 22px;
    height: 22px;
    margin-left: 10px;
    animation: bounce 1600ms infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);
    cursor: pointer;
}
/* slider start */


 
.screenshot_slider .owl-item .item {
    transform: translate3d(0, 0, 0); /* DO NOT REMEMBER WHERE TU PUT THIS, SEARCH FOR 3D ACCELERATION */
   margin: 50px 0 20px; /* OVERWRITE PLUGIN MARGIN */
  }
 
 .screenshot_slider .owl-item .item img {
     -webkit-transition: 0.3s;
     -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
     box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
     -o-transition: 0.3s;
     transition: 0.3s;
     opacity: 0.5;
 }
 
 .screenshot_slider .owl-item.center .item img {
     -webkit-transform: translateY(-50px);
     -ms-transform: translateY(-50px);
     transform: translateY(-50px);
     opacity: 1;
 }
 
 .screenshot_slider .owl-nav {
    text-align: center;
    
}
 .slider_outer_sec {
    padding: 20px 0px;
}
.screenshot_slider .owl-nav button {
    font-size: 24px !important;
    margin: 0;
    color: #101A36 !important;
    font-weight: 600 !important;
    width: 40px;
    height: 40px;
    background: #fff !important;
    text-align: center;
    box-shadow: 5px 5px 20px 0px #101A3626;
    border-radius: 10px;
    line-height: 34px !important;
    position: relative;
}
.screenshot_slider .owl-nav button img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
}
.screenshot_slider .owl-nav button.owl-prev {
    margin-right: 10px;
}
/* slider end */
.proj_dat_tec {
    border: 2px solid #FF4103;
    color: #fff;
    width: auto;
    min-width: 145px;
    padding: 5px 15px;
    margin-bottom: 15px;
    justify-content: center;
}
.project_main_para {
    font-size: 16px;
    line-height: 24px;
    margin: 35px 0px 40px;
    color: #fff;
}
.project_banner_con{
    text-align: left;
    padding-top: 0;
}
.proj_data_tech_sec {
    margin-bottom: 0px;
}
.project_concern_banner {
    padding: 65px 0px 60px;
    margin-bottom: 0px;
}
.projec_con_para {
    color: #fff;
    margin: 0;
}
.tech_leav_ul {
    list-style: none;
    padding: 0;
    flex-wrap: wrap;
    margin: 0;
    justify-content: center;
}
.technology_leaveraged_section {
    text-align: center;
    margin-top: -220px;
    position: relative;  
}
.tec_leave_content_sec{
    background-image: url("../images/leave_bg.png");
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 60px 40px 35px;
    box-shadow: 5px 10px 20px 0px #101A364D;
}
.tec_leav_con_heading {
    color: #fff;
    font-size: 40px;
    line-height: 45px;
    font-weight: 700;
    margin-bottom: 30px;
}
.tec_leave_content_sec p {
    color: #fff;
    width: 59%;
    margin: 0 auto;
    -webkit-line-clamp: 2;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
li.leverage_box {
    width: auto;
    padding: 16px;
}
.project_banner_img_sec img.mockup_img {
    border-radius: 20px;
    object-fit: contain;
}
.leave_box_inner{
    background: #1C1C1C;
    border-radius: 20px;
    padding: 20px;
    min-width: 150px;
    min-height: 150px;
}
.leave_tec_img {
    width: 50px;
    height: 50px;
}
.leave_title {
    color: #fff;
    font-size: 15px;
    line-height: 20px;
    margin: 20px 0px 0px;
}
.tech_leave_tec_list_sec {
    margin-top: 45px;
}
.solution_section_wr {
    margin-top: 155px;
}
/* project css end */   
/* cursor css start */

.cursor,
.cursor2,
.cursor3{
  position: fixed;
  border-radius: 50%; 
  transform: translateX(-50%) translateY(-50%);
  pointer-events: none;
  left: -100px;
  top: 50%;
  z-index: 112;
  cursor: grab;
}

/* .cursor2:before,.cursor3:before{
    position: absolute;
    content: "Drag";
    z-index: 115;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
    height: 50px;
} */
.cursor{
  background-color:transparent;
  height: 0;
  width: 0;
}
.cursor2,.cursor3{
  height: 15px;
  width: 15px;
  transition: all 200ms ease-out;
   background-color:transparent;
}
.cursor2:before, .cursor3:before {
    position: absolute;
    content: "Drag";
    z-index: 115;
    left: 25px;
    right: 0px;
    margin: 0 auto;
    top: 64%;
    transform: translateY(-50%);
    height: 50px;
    width: 100%;
    color: #fff;
    font-weight: 500;
    opacity: 0;
    visibility: hidden;
    cursor: grab;
}

.cursor2.hover, 
.cursor3.hover{
  height: 90px;
  width: 90px;
  border:none;  
  border-radius: 50%;
  background-color: #1C1C1C;
  cursor: grab;
}
.cursor2.hover:before,.cursor3.hover:before{
    opacity: 1;
    visibility: visible;
    cursor: grab;
}
/* cursor css end */
/* english presentaion css start */
/* .cfa_intro_sec{
    background-image: url("../images/english_presentation/eng_first_sec_bg.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    height: 700px;
}
.cfa_intro_left_img {
    position: absolute;
    width: 528px;
    height: 568px;
    left: -45px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}
.cfa_intro_left_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.cfa_intro_left_img:before {
    position: absolute;
    content: '';
    background-image: url("../images/english_presentation/engs_first_ellipses.svg");
    width: 100%;
    height: 100%;
    z-index: -1;
    top: -15px;
    left: 0px;
    background-repeat: no-repeat;
    background-position: top;
    background-size: auto;
}
.cfa_intro_con {
    text-align: center;
    position: absolute;
    left: 19%;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.red_tag_line {
    color: #FF4103;
}
.cfa_tag_line_title {
    font-size: 32px;
    line-height: 40px;
    font-weight: 800;
    letter-spacing: 10px;
    color: #1C1C1C;
}
.cfa_intro_logo {
    margin-bottom: 45px;
}
.full_header_logo_wr {
    width: 200px;
    height: 31px;
}
.cfa_blur_title {
    display: block;
    color: #EBEBEB;
    font-size: 48px;
    line-height: 55px;
    text-transform: capitalize;
    font-weight: 800;
    letter-spacing: 7px;
}
.cfa_full_title {
    color: #1C1C1C;
    font-size: 35px;
    line-height: 40px;
    font-weight: 800;
    letter-spacing: 5px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
.cfa_data_sec {
    padding-bottom: 15px;
}
.cfa_data_sec::before {
    position:absolute;
    content: '';
    background-image: url("../images/english_presentation/line_right.svg");
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 12px;
}
.com_pro_heading {
    font-size: 32px;
    line-height: 40px;
    text-align: center;
    color: #1C1C1C;
    font-weight: 700;
    text-transform: capitalize;
    padding-bottom: 20px;
    position: relative;
    margin-bottom: 45px;
}
.com_pro_heading:before{
    position: absolute;
    content: '';
    background-color: #1C1C1C;
    width: 200px;
    height: 2px;
    bottom: 0;
    left: 0;
    right:0;
    margin: 0 auto;
}
.cfa_profile_para.flipInX.wow {
    color: #1C1C1C;
}
.comp_profile_inner_sec {
    width: 60%;
    margin: 60px auto 80px;
    text-align: center;
}
.company_profile_sec {
    padding: 20px 0px;
}
.common-foo-text {
    color: #1C1C1C;
    font-size: 16px;
    font-weight: 400;
}
.common-footer_icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 10px;
}
.fullpage_list_ul li:first-child{
    padding-left: 0px;
    border-left: unset;
    margin-left: 0;
}
.fullpage_list_ul li {
    padding-left: 10px;
    list-style: none;
    border-left: 1px solid #1C1C1C;
    margin-left: 15px;
    min-width: 200px;
}
.company_wework_sec {
    padding: 20px 0px 40px;
}
.work_box_heading {
    text-align: left;
} */
.fullpage_slider_wr {
    margin: 0px 0px 0px;
    position: relative;
}
/* .fullpage_slider_wr .owl-nav {
    display: flex;
    justify-content: center;
    margin-top: 20px;
} */
.fullpage_slider_wr .owl-nav button {
    width: 40px;
    height: 40px;
    background: #fff !important;
    box-shadow: 5px 5px 20px 0px #101A3626;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.fullpage_slider_wr .owl-nav {
    position: absolute;
    bottom: 10px;
    display: flex;
    justify-content: center;
    left: 0;
    right: 0;
}
/* .fullpage_slider_wr .owl-nav button.owl-prev {
    margin-right: 10px;
} */
.fullpage_slider_wr .owl-nav button.owl-next {
    margin-left: 10px;
}
.fullpage_header_home .ful-home-data {
    text-transform: uppercase;
    color: #FF4103;
    font-weight: 700;
    font-size: 35px;
    line-height: 40px;
}
/* english presentation css end */

/* job hire web page css start */

      /* common css */
      .active_job_heading {
        margin-bottom: 24px;
        -ms-flex-pack: justify;
        justify-content: space-between;
        align-items: center;
    }
    .active_job_title {
        font-size: 20px;
        font-weight: 600;
        text-transform: capitalize;
        margin-bottom: 10px;
    }
    .active_job_card {
        border: 1px solid #e1e1e1;
        border-radius: 6px;
        margin-bottom: 40px;
        position: relative;
        transition: all .3s ease-out;
        -webkit-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
    }
    .active_job_card_body {
        padding: 30px 16px;
    }
    .active_job_card:hover {
        border-color: var(--red_color);
        box-shadow: 0 12px 22px rgba(0,0,0,.12);
    }
    .active_job_card .top_heading {
        margin-bottom: 24px;
        display: flex;
        justify-content: space-between;
        font-size: 15px;
    }
    .active_job_card .top_heading .left_title {
        align-items: center;
    }
    .active_job_card .top_heading .exptext {
        font-size: 14px;
        margin-bottom: 0;
        line-height: 20px;
        margin-left: 5px;
        padding-left: 10px;
        border-left: 1px solid #000;
    }
    .job_filter_button_mob:focus{
        box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 20px !important;
        -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 20px !important;
    }
    .active_job_card .top_heading .documentImg_span {
        margin: 0 10px;
    }
    .active_job_card .top_heading .documentImg_span img {
        width: 16px;
    }
    .active_job_card .top_heading .documentImg_span i {
        font-size: 16px;
    }
    .active_job_card .top_heading .right_title {
        font-size: 13px;
    }
    .active_job_card .top_heading .right_title .text1 {
        margin-right: 2px;
    }
    .active_job_card .insight_labeldv {
        margin-bottom: 30px;
    }
    .active_job_card .insight_label {
        padding: 10px;
        background-color: #ffffff;
        border-radius: 0.375rem;
        margin-top: 5px;
        margin-bottom: 5px;
        margin-right: 8px;
        color: #2a2a2a;
        border-radius: 16px 16px 16px 4px;
        background: rgb(221 25 40 / 9%);
    }
    .active_job_card .insight_label .imgs {
        margin-right: 8px;
        width: 20px;
    }
    .active_job_card .insight_label .imgs i {
        font-size: 16px;
    }
    .active_job_card .insight_label .imgs img {
        width: 18px;
    }
    .active_job_card .insight_label .texts {
        font-size: 15px;
    }
    .active_job_bottom .active_job_bottomrow {
        justify-content: space-between;
    }
    .active_job_bottom .tech_title {
        font-size: 18px;
        line-height: 20px;
        font-weight: 400;
        text-transform: capitalize;
        margin-bottom: 14px;
    }
    .active_job_bottom .tags {
        border-radius: 15px 15px 15px 0px;
        padding: 10px 14px;
        border: 1px solid #dee2e6;
        font-size: 14px;
        margin-bottom: 5px;
        margin-top: 5px;
        margin-right: 6px;
    }
    .active_job_bottom .applybutton {
        height: 42px;
        line-height: 42px;
    }
    .active_job_bottom .copylink {
        flex: 0 0 auto;
        width: 25px;
        margin-right: 14px;
    }
    .active_job_bottom .copylink i {
        font-size: 25px;
    }
    .active_job_bottom .copylink img {
        width: 24px;
    }
    .in_active_jobs_section .show_More_btn {
        margin-top: 20px;
    }
    
    /*===== searchbox sidebar css =====*/
    .active_job_searchdv {
        position: sticky;
        top: 142px;
    }
    .active_job_searchbox {
        background: #fff;
        border-radius: 12px;
        box-shadow: 0 4px 20px rgba(0,0,0,.1);
        padding: 24px 18px;
    }
    
    .active_job_searchbox .search_hdngs {
        color: #3a3a3a;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        letter-spacing: .4px;
        line-height: 25px;
        text-transform: capitalize;
        margin: 0;
    }
    .active_job_searchbox .search_Wrapper {
        margin-bottom: 30px;
    }
    .active_job_searchbox .search_Wrapper .frmlabel {
        color: #3a3a3a;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: .4px;
        line-height: 20px;
        text-align: left;
        text-transform: capitalize;
        display: block;
        margin-bottom: 14px;
    }
    .active_job_searchbox .search_Wrapper input {
        background: #ffffff;
        border: 1px solid #e1e1e1;
        border-radius: 6px;
        box-sizing: border-box;
        padding: 5px 14px;
        width: 100%;
        height: 43px;
    }
    .active_job_searchbox .search_Wrapper input:hover {
        border-color: var(--red_color);
    }
    .job_filteroption_box {
        background: #fff;
        border: 1px solid #e1e1e1;
        border-radius: 12px;
        box-sizing: border-box;
        padding: 10px 14px;
        z-index: 1;
    }
    /*Checkbox css*/
    .job_filteroption_box .radiosrow {
        margin-bottom: 18px;
    }
    /* .job_filter_radios {
    } */
    .job_filter_radios .radio_labels {
        position: relative;
        margin-bottom: 12px;
        cursor: pointer;
        background-color: #fff;
        padding: 10px 19px;
        border-radius: 50px;
        height: 44px;
        border: 1px solid #70707021;
        min-width: 115px;
    }
    .job_filter_radios input[type="checkbox"], 
    .job_filter_radios input[type="radio"] {
        display: none;
    }
    .job_filter_radios .r_box {
        display: inline-block;
        border: 1px solid #70707029;
        background: #ffffff;
        width: 18px;
        height: 18px;
        border-radius: 50%;
        position: absolute;
        left: 11px;
        top: 50%;
        transform: translateY(-50%);
    }
    
    
    .job_filter_radios .r_box:after {
        content: "\f00c";
        font-family: "Font Awesome 5 Pro";
        position: absolute;
        left: 2px;
        top: 0px;
        font-weight: 400;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: var(--fa-display, inline-block);
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        font-size: 12px;
        opacity: 0;
        visibility: hidden;
    }
    .job_filter_radios .r_text {
        text-align: right;
        color: #000000;
        font-size: 12px;
        line-height: 24px;
        display: block;
        text-transform: capitalize;
    }
    .job_filter_radios input:checked ~ .r_box {
        border-color: #51CC38;
        background: #51CC38;
    }
    .job_filter_radios input:checked ~ .r_box:after {
       color: #fff;
       opacity: 1;
       visibility: visible;
    }
    /*.job_filter_radios input:checked ~ .r_text {
        color: var(--red_color);
    }*/
    /*Checkbox css*/
    .job_filteroption_box .clearinput {
        background: #2A2A2A;
        border: none;
        text-transform: capitalize;
        font-weight: 400;
        min-width: auto;
        height: 40px;
        line-height: 40px;
        padding: 0 15px;
    }
    .panel1-form-sec {
        padding-top: 40px;
        border-top: 1px solid #140b2a14;
        margin-top: 20px;
    }
    .job_filteroption_box .clearinput:hover {
        background: var(--red_color);
    }
    .job_filteroption_box .fltr_apply_btn {
        min-width: auto;
        height: 40px;
        line-height: 40px;
        padding: 0 15px;
    }
    /*===== searchbox sidebar css =====*/
    .job_filter_button_mob {
        box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 20px;
        -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 20px;
        display: none;
        width: 128px;
        height: 42px;
        line-height: 42px;
        cursor: pointer;
        background: #fff;
        border: none;
        border-radius: 4px;
    }
    .job_filter_button_mob img {
        width: 21px;
        margin-right: 9px;
        font-size: 15px;
    }
    /* active job hiredeveloper css start */
    .job_hire_step_panel {
        display: none;
    }
    .job_hire_step_panel.active{
        display: block;
    }
    /*.job-hire-developer-title-wr {
        margin-bottom: 20px;
    }*/
    .job-hire-developer-title-wr h3 {
        font-size: 30px;
        line-height: 35px;
        font-weight: 800;
        text-transform: capitalize;
        padding-right: 10px;
        flex: 1;
        color: #1C1C1C;
    }
    .job_hire_step_panel p.form_infotext {
        font-size: 14px;
        color: #A3A3A3;
    }
    .badge-active-button-sec  .stepbadge {
        flex: 0 0 auto;
        width: auto;
       
        color: #A3A3A3;
        line-height: 24px;
        border-radius: 30px;
        margin: 0;
    }
    .job_hire_rightpanel {
        background: #FAFAFA;
        padding: 30px 30px 85px 30px;
        border-radius: 15px;
    }
    .badge-active-button-sec span.stepradio {
        width: 12px;
        height: 12px;
        background-color: #0e072629;
        border-radius: 50px;
        margin-left: 10px;
    }
    .badge-active-button-sec span.stepradio.active {
        width: 30px;
        background: #0E0726;
    }
    span.checkbox-radio-btn {
        width: 20px;
        height: 20px;
        background: #51CC38;
        border-radius: 50%;
        margin-left: 10px;
        position: relative;
        display: none;
        text-align: center;
    }
    span.checkbox-radio-btn i {
        color: #fff;
        font-size: 11px;
    }
    .job_dev_skill_checkbox input[type="checkbox"]:checked ~ .skillsrow span.checkbox-radio-btn {
        display: block;
    }
    .badge-active-button-sec span.stepradio:first-child{
        margin-left: 0px;
    }
    .job-hire-developer-title-wr p {
        color: rgb(37, 37, 37);
    }
    .job-h-dev-skill-box {
        width: 150px;
        margin: 0px 20px 20px 0px;
    }
    .job-h-dev-skill-box:first-child, .job-h-dev-skill-box:nth-child(6) {
        margin-left: 0px;
    }
    .job-h-dev-skill-box .skillsrow {
        border: 1px solid #70707024;
        height: 100%;
        padding: 7px;
        border-radius: 15px;
        background: #fff;
    }
    
    .job-h-dev-skill-box .skillsrow img {
        max-height: 30px;
    }
    .job-h-dev-skill-box .skillsrow span {
        font-size: .875rem;
        line-height: 1.25rem;
        text-transform: uppercase;
        color: rgb(37, 37, 37);
        margin-left: 10px;
        font-weight: 500;
    }
    .job-connect-form-wr .bootstrap-select .btn.dropdown-toggle {
        border: 1px solid #70707021 !important;
        border-radius: 5px;
        padding: 0 10px;
        height: 40px;
        line-height: 38px;
    }
    .job_dev_skill_checkbox {
        width: 100%;
        margin: 0;
        height: 100%;
        position: relative;
    }
    .job_dev_skill_checkbox input[type="checkbox"] {
        position: absolute;
        visibility: hidden;
        opacity: 0;
    }
    .hire-dev-left-heading-wr h2 {
        font-size: 43px;
        text-transform: capitalize;
        line-height: 50px;
        font-weight: bold;
        position: relative;
        color: #fff;
    }
    .hire-dev-left-heading-wr p {
        color: #C0C0C0;
        font-size: 14px;
        padding-bottom: 15px;
    }
    .hire-dev-left-heading-wr span.bracket-sec {
        display: inline-block;
        height: 70px;
        position: absolute;
        bottom: -27px;
        margin-left: 10px;
    }
    .hire-dev-left-heading-wr span.bracket-sec img{
        height: 100%;
    }
    .hire-dev-left-heading-wr {
        position: relative;
    }
    .job_hire_leftpanel {
        background-image: url('../hire_new_image/job-hire-dev/formbg1.png');
        background-repeat: no-repeat;
        background-position: initial;
        background-size: auto;
        padding: 35px 35px 30px 30px;
        border-radius: 15px 0px 15px 15px;
    }
    .h-dev-counter-blk span {
        color: #fff;
        font-size: 30px;
        font-weight: 600;
        line-height: 40px;
        display: block;
    }
    .h-dev-left-counter-inner-sec .h-dev-couner-col {
        padding: 0px 10px;
    }
    .h-dev-counter-blk {
        background: #2D1F40;
        padding: 15px 10px;
        border-radius: 5px;
    }
    .job-slide-blk-detail-sec p {
        color: #fff;
        font-size: 14px;
    }
    .job-slide-profile-detail-sec span {
        color: #fff;
        font-size: 13px;
    }
    .job-slide-img-sec {
        width: 53px;
    }
    .job-h-dev-slide-blk {
        background: rgba(255 255 255/10%);
        padding: 25px 35px 70px 25px;
        border-radius: 15px;
    }
    .job-slide-profile-detail-sec h4 {
        color: #fff;
        font-size: 18px;
        margin-bottom: 3px;
    }
    .h-dev-left-slider-inner-sec {
        margin-top: 25px;
        position: relative;
    }
    .h-dev-counter-blk p {
        color: #fff;
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 0px;
    }
    .light-red-color {
        color: #D72131!important;
    }
    .hire-dev-left-heading-wr:before {
        position: absolute;
        content: '';
        background: #FF4103;
        width: 50px;
        height: 3px;
        bottom: 0;
        left: 0;
        border-radius: 10px;
    }
    .h-dev-left-slider-inner-sec .owl-carousel .owl-dots {
        text-align: center;
        margin-top: 0;
        position: absolute;
        bottom: 25px;
        left: 20px;
    }
    .remote-industry-sec{
        margin-top: 35px;
    }
    .world-leading-company-wr p {
        color: #fff;
        font-size: 20px;
        line-height: 25px;
        font-weight: 600;
    }
    .world-leading-company-wr ul li {
        color: #fff;
        list-style: none;
        font-size: 17px;
        text-transform: capitalize;
        font-weight: 500;
    }
    
    .h-dev-left-slidr-wr {
        position: relative;
        z-index: 0;
        padding-bottom: 160px;
    }
    .h-dev-left-slidr-wr:before {
        position: absolute;
        content: '';
        background-image: url("../hire_new_image/job-hire-dev/formgraph.png");
        width: 477px;
        height: 358px;
        right: -39px;
        z-index: 1;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: initial;
        top: 165px;
    }
    .remote-industry-sec span {
        display: block;
        color: #fff;
        font-size: 15px;
        text-transform: capitalize;
        line-height: 22px;
    }
    .h-dev-left-slider-inner-sec .owl-carousel .owl-dots .owl-dot.active {
        background: #FF4103 !important;
        width: 30px;
        border-radius: 15px;
    }
    /*.job_dev_skill_checkbox input[type="checkbox"]:checked ~ .skillsrow {
        border-color: var(--red_color);
    }
    */.job-connect-form-wr .bootstrap-select .btn.dropdown-toggle:hover, 
    .job-connect-form-wr .bootstrap-select .btn.dropdown-toggle:focus, 
    .job-connect-form-wr .bootstrap-select .btn.dropdown-toggle:active{
        border-bottom: transparent;
    }
    .job-connect-form-wr .form_group input,.job-connect-form-wr .form_group select,.job-connect-form-wr .form_group textarea,.job-connect-form-wr .country_number_gorup .selct_group {
        border: 1px solid #70707021;
        width: 100%;
        height: 44px;
        font-size: 15px;
        color: #545454;
        background-color: #ffffff;
        padding: 10px;
        border-radius: 6px;
    }
    .job-connect-form-wr .form_group {
        margin-bottom: 20px;
    }
    .job-connect-form-wr .country_number_gorup .selct_group {
        max-width: 70px;
        border-radius: 10px 0px 0px 10px;
        border-right: unset;
    }
    .job-connect-form-wr .country_number_gorup .input_group input {
        border-radius: 0px 10px 10px 0px;
    }
    .dropdown-toggle::after {
        vertical-align: middle;
        content: "";
        border-top: none;
        border-right: none;
        border-bottom: 0;
        border-left: none;
        background: url("../hire_new_image/job-hire-dev/svg/cont-arrow_down.svg") no-repeat;
        background-size: contain;
        width: 12px;
        height: 7.5px;
    }
    .job-connect-label-wr label {
        font-size: 16px;
        line-height: 20px;
        font-weight: 500;
        margin-bottom: 10px;
    }
    .job-hire-dev-radio-wr .radio_labels:last-child {
        margin-left: 10px;
    }
    .job-h-dev-submit-wr input.site_button {
        font-weight: 700;
        font-size: 18px;
        line-height: 22px;
    }
    .job-connect-label-wr span {
        display: inline-block;
        color: red;
        font-weight: 500;
        margin-left: 2px;
    }
    .job-hire-dev-searching-selct_group .dropdown-toggle::after {
        width: 40px;
        height: 25px;
        background-size: 34%;
        background-position: center;
        border-left: 1px solid gainsboro;
    }
    .select2-container {
        width: 100% !important;
    }
    .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: transparent;
        border: 1px solid transparent;
        font-size: 14px;
        padding: 0px 20px 0px 5px;
        color: #000;
        text-transform: capitalize;
        font-weight: 500;
        margin-top: 0px !important;
    }
    .select2-container .select2-search--inline .select2-search__field {
        margin-top: 0 !important;
        height: 25px !important;
    }
    .select2-container .select2-selection--multiple .select2-selection__rendered{
        margin:0px !important;
    }
    button.select2-selection__clear {
        margin-top: -3px !important;
    }
    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        border-left: 1px solid #aaa;
        right: 0;
        left: unset;
        border-right: unset;
        border-radius: unset;
    }
    .select2-results__option--selected, .select2-results__option--highlighted.select2-results__option--selectable{
        background-color: red !important;
        color: #fff;
    }
    .uploadprofile_circle {
        display: inline-block;
        width: 117px;
        height: 117px;
        border: 1px solid var(--red_color);
        border-radius: 50%;
        cursor: pointer;
        padding: 0 10px;
    }
    .uploadprofile_circle input[type="file"] {
        visibility: hidden;
        opacity: 0;
    }
    .uploadprofile_circle .uploadedimg {
        display: none;
    }
    .uploadprofile_circle .textsdv span {
        display: block;
    }
    .uploadprofile_circle .textsdv .texts {
        font-size: 12px;
        line-height: 16px;
        margin-top: 10px;
    }
    .job-hire-dev-connect-wr .radio_labels {
        border: 1px solid #dcdddf;
        border-radius: 4px;
        background: #F3F4F5;
        padding: 12px 15px 12px 42px;
        align-items: center;
        display: flex;
    }
    .job-hire-dev-connect-wr .radio_labels .r_box {
        top: 11px;
        left: 15px;
    }
    
    /* active job hiredeveloper css end */
    /* Hire Developer Login css start */
    .select2-container .select2-selection--multiple {
        background-color: white;
        border: 1px solid #e1e1e1 !important;
        border-radius: 50px !important;
        min-height: 44px;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        padding: 0px 10px;
    }
    /*.select2-selection--multiple:before {
        content: "";
        position: absolute;
        right: 5px;
        top: 19px;
        border-top: 5px solid #222;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
    }*/
    .h_step_nextbtn ,.h_step_backbtn {
        background: #FF4103;
        border: unset;
        padding: 10px 10px;
        min-width: 150px;
        border-radius: 50px;
        color: #fff;
        font-size: 14px;
        font-weight: 500;
        display: inline-block;
        text-transform: capitalize;
        margin-top: 10px;
        max-height: 41px;
    }
    .option-radio-label span.r_text{
        text-align: center;
        font-weight: 500;
    }
    .job-hire-dev-connect-wrapper .job-hire-developer-title-wr h3 {
        font-size: 27px;
        font-weight: bold;
        margin-bottom: 25px;
    }
    .job-filter-connect-radios .radio_labels {
        margin-right: 10px;
        font-weight: 500;
        min-width: 110px;
    }
    .job-filter-connect-radios .radio_labels:last-child{
        margin-left: 0px;
    }
    .h_step_backbtn {
        background: #1C1C1C;
    }
    .meet-dev-img-sec {
        border-radius: 50%;
        flex: 0 0 21%;
        width: 100px;
        height: 100px;
        margin-right: 20px;
    }
    .meet-dev-img-sec img{
        width: 100%;
        height: 100%;
        border-radius: 50%;
    }
    .meet-dev-profile-summary-sec {
        color: #A2A2A2;
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 0px;
    }
    .meet-hire-dev-wr {
        background: #fff;
        border-radius: 15px;
        padding: 15px 15px;
        box-shadow: 0px 0px 10px rgba(0 0 0/10%);
        margin: 15px 0px 30px;
    }
    .meet-dev-title-sec {
        color: #1C1C1C;
        font-size: 22px;
        line-height: 25px;
        font-weight: bold;
    }
    .meet-dev-reach-left-sec {
        color: #FF4103;
        font-size: 15px;
        line-height: 20px;
        font-weight: bold;
        flex: 0 0 35%;
    }
    .meet-dev-reach-right-sec span, .meet-dev-reach-right-sec span a {
        display: block;
        font-size: 14px;
        line-height: 22px;
        color: #2E2E2E;
        font-weight: 500;
    }
    .meet-dev-reach-right-sec {
        margin-left: 10px;
    }
    
    
    .select2-selection--multiple:before {
        content: "";
        position: absolute;
        right: 16px;
        top: 10px;
        content: "\f107";
        font-family: 'Font Awesome 5 Pro';
        /* color: #e1e1e1; */
        font-size: 18px;
    }
    .job-hire-dev-searching-wr {
        max-width: 320px;
        margin-bottom: 20px;
    }
    .select2-container--default .select2-selection--multiple.select2-selection--clearable {
        padding-right: 30px;
    }
    .panel1-form-group input ,.job-connect-websie-sec input{
        border-radius: 50px !important;
        padding: 5px 10px 5px 20px !important;
        font-size: 13px !important;
    }
    .form_group.job-connect-websie-sec input {
        max-width: 350px;
    }
    .form_group.job-connect-websie-sec {
        margin-bottom: 40px;
    }
    .select2-container--default .select2-selection--multiple .select2-selection__clear {
        cursor: pointer;
        font-weight: bold;
        height: 20px;
        margin-right: 10px;
        margin-top: 0;
        position: absolute;
        right: 30px;
        padding: 1px;
        top: 11px;
    }
    .min_h_100 {
        min-height: 100vh;
    }
    .bg_white {
        background: #fff;
    }
    .hire_dev_job_header {
        position: sticky;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 111;
        background: var(--black_color);
        box-shadow: 0 15px 10px -13px rgb(0 0 0 / 16%);
        -webkit-box-shadow: 0 15px 10px -13px rgb(0 0 0 / 16%);
        -moz-box-shadow: 0 15px 10px -13px rgb(0 0 0 / 16%);
        padding: 15px 0;
    }
    .hire_dev_login_sec {
        min-height: 100vh;
    }
    /* hire login left colm */
    @-webkit-keyframes shadow_pulse
    {
        0% {
          box-shadow: 0 0 0 0px rgb(114 110 110 / 30%);
        }
        100% {
          box-shadow: 0 0 0 35px rgb(114 110 110 / 1%);
        }
    }
    @keyframes shadow_pulse
    {
        0% {
            box-shadow: 0 0 0 0px rgb(114 110 110 / 30%);
          }
          100% {
            box-shadow: 0 0 0 35px rgb(114 110 110 / 1%);
          }
    }
    .hire_login_left_colm {
        width: 50%;
        background: #2a2a2a;
        padding: 30px;
    }
    .hire_login_left_colm .go_backdv {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .hire_login_left_colm .go_backlink {
        font-size: 20px;
        color: #fff;
        text-decoration: none;
        display: inline-flex;
        align-items: center;
    }
    .hire_login_left_colm .go_backlink i {
        margin-right: 7px;
        font-size: 23px;
    }
    .hire_dev_login_left {
        margin: 0 auto;
        max-width: 500px;
    }
    .hire_dev_login_left .topparts {
        margin-bottom: 70px;
    }
    .hire_dev_login_left .h_l_logo {
      margin-bottom: 25px;
    }
    .hire_dev_login_left .topparts p {
        color: #fff;
    }
    .login_hire_dev_tooltip {
        position: absolute;
    }
    .hire_dev_tooltipwrap {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .login_hire_dev_tooltip .imagebox {
        position: relative;
        width: 120px;
        height: 120px;
        overflow: hidden;
        border-radius: 50%;
        border: 4px solid #DD1928;
        -webkit-animation: shadow_pulse 1s infinite;
        animation: shadow_pulse 1s infinite;
    }
    .login_hire_dev_tooltip .imagebox > img {
        object-fit: cover;
        height: 100%;
        width: 100%;
    }
    .hiredev_tooltptext {
        z-index: 1;
        position: absolute;
        padding: 5px 11px;
        border-radius: 5px;
        background: #3b444b;
        color: #fff;
        font-size: 12px;
        line-height: 15px;
        margin-top: 11px;
        top: 100%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        display: none;
        text-align: center;
    }
    .hiredev_tooltptext::after {
        margin-top: 8px;
        position: absolute;
        content: "";
        left: 50%;
        margin-left: -4px;
        top: -12px;
        border-bottom: 8px solid #3b444b;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
    }
    .login_hire_dev_tooltip:hover .hiredev_tooltptext {
        display: block;
    }
    .login_hire_dev_tooltip:first-child {
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        z-index: 1;
    }
    .login_hire_dev_tooltip:first-child .imagebox {
        width: 220px;
        height: 220px;
    }
    .login_hire_dev_tooltip:nth-child(2) .imagebox {
        width: 100px;
        height: 100px;
    }
    .login_hire_dev_tooltip:nth-child(2) {
        left: 0;
        top: 0;
    }
    .login_hire_dev_tooltip:nth-child(3) {
        right: 0;
        top: 0;
    }
    .login_hire_dev_tooltip:nth-child(4) {
        right: 0;
        bottom: 0;
    }
    /* hire login left colm */
    /* hire login circle css  */
    .hire_dev_login_circle {
        margin: 0 auto;
        width: 350px;
        height: 350px;
        position: relative;
        border-radius: 50%;
        border: 4px solid #DD1928;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .hire_dev_login_circle .inner_circle1 {
        width: 220px;
        height: 220px;
        border: 2px solid #aba5a5;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #3b444b;
    }
    .hire_dev_login_circle .inner_circle2 {
        width: 132px;
        height: 132px;
        border: 29px solid #aba5a5;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .hire_dev_login_circle .inner_circle2 .fav_logoimg {
        width: 45px;
    }
    /* hire login circle css  */
    /* agency register css css  */
    .hire_dev_agencyregistdv {
        padding-top: 30px;
    }
    .hire_dev_agencyregistdv .toptext {
       text-align: center;
       margin-bottom: 40px;
    }
    .hire_dev_agencyregistdv .toptext p {
        color: #ffffff;
    }
    .hire_dev_agency_skills_row {margin-left: -4px;margin-right: -4px;}
    .agency_skillscolm {
        width: 33.3333%;
        padding-left: 4px;
        padding-right: 4px;
    }
    .hire_dev_agency_skills_row  .agency_skilldv {
        background: #545454;
        padding: 21px 15px;
        border-radius: 8px;
        color: #fff;
        text-align: center;
    }
    .hire_dev_agency_skills_row .agency_skilldv .icon {
        font-size: 35px;
        margin-bottom: 15px;
        display: flex;
        width: 100%;
        justify-content: center;
    }
    .hire_dev_agency_skills_row .agency_skilldv p {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 0;
    }
    /* agency register css css  */
    .hire_login_right_colm {
        width: 50%;
        padding: 30px;
    }
    .hire_dev_login_formbody {
        margin: 0 auto;
        max-width: 500px;
    }
    .hire_dev_login_formbody .form_top_heading h3 {
        font-weight: 700;
    }
    .hire_login_tabmenu {
        display: flex;
        list-style: none;
        justify-content: center;
        margin-bottom: 25px;
    }
    .hire_login_tabmenu li a {
        padding: 10px;
        color: #13131380;
        margin: 5px 15px;
        font-size: 19px;
        text-transform: capitalize;
        font-weight: 500;
        cursor: pointer;
        text-decoration: none;
        border-bottom: 1px solid transparent;
    }
    .hire_login_tabmenu li a.active {
        border-bottom-color: var(--red_color);
        color: var(--red_color);
    }
    .hire_login_tabmenu li a:hover {
        color: var(--red_color);
    }
    .hire_login_tabmenu .icons {
        margin-right: 6px;
    }
    .hire_login_tabmenu .icons img {
        width: 16px;
    }
    .hire_common_form .form_group {
       margin-bottom: 15px;
    }
    .hire_common_form .frm_label {
        margin-bottom: 5px;
        font-weight: 400;
        text-transform: capitalize;
        font-size: 14px;
    }
    .hire_common_form .frm_label .starmark {
        padding-left: 4px;
        color: #f50d0d;
    }
    .hire_common_form .form_group input, 
    .hire_common_form .form_group select, 
    .hire_common_form .form_group textarea {
        width: 100%;
        background: #ffffff;
        border: 1px solid #e1e1e1;
        border-radius: 6px;
        box-sizing: border-box;
        padding: 5px 10px;
        width: 100%;
        height: 44px;
    }
    .hire_common_form .forget_passtext {
        color: var(--red_color);
        text-decoration: none;
    }
    .hire_common_form .forget_passtext:hover {
        color: #2a2a2a;
    }
    .hire_common_form .forget_pass_grp {
        margin-bottom: 25px;
    }
    .hire_common_form .registerbtn {
        display: inline-block;
        padding: 0 15px;
        text-align: center;
        min-width: 134px;
        height: 48px;
        line-height: 48px;
        background: transparent;
        border: 1px solid var(--red_color);
        color: var(--red_color);
        text-decoration: none;
        border-radius: 16px 16px 16px 4px;
    }
    .hire_common_form .registerbtn:hover {
        background: var(--red_color);
        color: #ffffff;
        text-decoration: none;
    }
    .hire_dev_login_form  .already_textbottom p {
        font-size: 14px;
        line-height: 24px;
    }
    .hire_dev_login_form  .already_textbottom p a {
        color: var(--red_color);
    }
    .hire_common_form .bootstrap-select .btn.dropdown-toggle {
        border: 1px solid #e1e1e1;
        padding: 0 10px;
        line-height: 44px;
        height: 44px;
        border-radius: 6px;
    }
    .login_country_number_group {
        display: -ms-flexbox;
        display: flex;
    }
    .login_country_number_group .selct_group {
        flex: 0 0 auto;
        width: 60px;
    }
    .login_country_number_group .input_group {
        flex: 1;
    }
    .login_country_number_group .bootstrap-select .btn.dropdown-toggle {
        border-radius: 6px 0 0 6px;
        height: 44px;
        line-height: 42px;
        padding: 0 2px;
        font-size: 14px;
    }
    .login_country_number_group .input_group input {
        border-radius: 0px 6px 6px 0px;
    }
    .hire_common_form .backlogin_lnk {
        color: #2a2a2a;
        text-decoration: none;
        font-size: 16px;
    }
    .hire_common_form .backlogin_lnk i {
        margin-right: 10px;
    }
    .forget_pass_fomrbox {
        max-width: 650px;
        margin: 0 auto;
    }
    .forget_frm_heading {
        margin-bottom: 40px;
    }
    .forget_frm_heading  .hdngs {
        font-weight: 700;
        margin-bottom: 10px;
    }
    .forget_frm_heading p {
        color: #999;
        font-weight: 400;
    }
    .dev_reg_steptab .stepbutton {
        background: rgb(247, 250, 254);
        color: var(--red_color);
        padding: 11px 24px;
        text-transform: capitalize;
        cursor: pointer;
        font-size: 15px;
    }
    .dev_reg_steptab .stepbutton.active {
        background: var(--red_color);
        color:#ffffff;
    }
    .dev_reg_steptab .stepbutton:first-child {
     border-radius: 5px 0 0 5px;
    }
    .dev_reg_steptab .stepbutton:last-child {
        border-radius: 0px 5px 5px 0px;
    }
    /* Hire Developer Login css end */
    
    /* hire developer step 3 css */
    .hire_devtalk_texts .topheading h5 {
        font-size: 16px;
        margin-bottom: 0;
        line-height: 22px;
        color: #666;
    }
    .hire_devtalk_texts .topheading h3 {
        font-size: 24px;
        line-height: 32px;
        font-weight: 600;
        text-align: left;
        text-transform: capitalize;
    }
    .dev_fatchdata {
        list-style: none;
        margin-bottom: 20px;
    }
    .dev_fatchdata li {
        margin-bottom: 11px;
        font-size: 16px;
        color: #363636;
        font-weight: 600;
        display: flex;
        align-items: center;
    }
    .dev_fatchdata li .icons {
        margin-right: 9px;
        color: #FF4103;
        background-color: #fff;
        width: 45px;
        height: 45px;
        display: inline-block;
        text-align: center;
        border-radius: 50%;
        box-shadow: 0px 0px 10px rgba(0 0 0/10%);
    }
    .dev_fatchdata li .icons i {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        font-size: 20px;
    }
    .talkto_hiredev_detail {
        padding: 20px 0px 7px;
        border-top: 1px solid rgba(20 11 42/10%);
        border-bottom: 1px solid rgba(20 11 42/10%);
        margin-bottom: 20px;
    }
    .dev_fatchdata li .icons i.far.fa-phone-volume {
        transform: translateY(-50%) rotate(314deg);
    }
    .h-dev-left-slider-inner-sec .owl-carousel .owl-dots .owl-dot {
        display: inline-block;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background: #E5E5E5 !important;
        margin: 0 4px;
    }
    .h-dev-left-slider-inner-sec .owl-carousel .owl-dots .owl-dot.active {
        background: #FF4103 !important;
        width: 30px;
        border-radius: 15px;
    }
    /* hire developer step 3 css */

/* jon hire web page css end */

.cfa_mark_spotlight_logos .links {
    width: 100%;
    height: 100%;
    text-align: center;
    color: var(--black_color);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 15px;
}
.cfa_mark_spotlight_logos .links h3 {
    font-size: 23px;
}
.cfa_mark_spotlight_logos .links img {
    max-width: 170px;
}
.h_spotlight_logos_card {
    width: 49%;
    border-radius: 15px;
    flex: 0 0 auto;
    background: #ffffff;
    box-shadow: 0px 3px 10px rgba(0 0 0 / 10%);
    align-items: center;
    display: flex;
    justify-content: center;
}
.h_spotlight_logos_card .links {
    display: flex;
    justify-content: center;
    font-size: 25px;
    color: var(--black_color);
    padding: 30px 20px;
    align-items: center;
}
.h_spotlight_logos_card .links .icon {
    flex: 0 0 auto;
    margin-right: 10px;
}
.h_spotlight_logos_card .links .icon i {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 30px;
    background: var(--red_color);
    border-radius: 50%;
    color: #fff;
    text-align: center;
}
.h_spotlight_logos_card .links .icon img {
    width: 50px;
}
/* .fullpage_slider_img_sec{
    height: calc(100vh - 138px);
} */

.fullpage_slider_img_sec{
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.fullpage_slider_img_sec img {
    max-height: 100%;
    object-fit: contain;
}
/* portfolio mobile css start */

.port_ryt_data_sec{
    top: 0px;
}
.mobile_portfolio_tab_sec .medicineed_section:nth-child(even) ,.mobile_portfolio_tab_sec .medicineed_section{
    margin-bottom: 0px;
}
.grid_web_port_mokcup .port_mobile_img img {
    width: 100%;
    height: 100%;
}
.mobile_technology_leav_sec {
    margin:0px 0px 40px;
}
.mobile_technology_leav_sec .tec_leave_content_sec {
    background-image:unset;
    border-radius: 20px;
}
.mobile_technology_leav_sec .tec_leave_content_sec .tec_leav_con_heading{
    color: #1C1C1C;
}
.mobile_achievement_section {
    padding: 50px 0px 150px !important;
}

.port_app_thumb_row .owl-item.active.center .app_colms {
    transform: translateY(-35px);
}
.port_app_thumb_row .owl-stage {
    padding: 50px 0px;
}
.port_app_thumb_row .owl-nav.disabled,.port_app_thumb_row .owl-nav {
    display: block !important;
    text-align: center;
}
.port_app_thumb_row .owl-nav button {
    font-size: 24px !important;
    margin: 0;
    color: #101A36 !important;
    font-weight: 600 !important;
    width: 40px;
    height: 40px;
    background: #fff !important;
    text-align: center;
    box-shadow: 5px 5px 20px 0px #101A3626;
    border-radius: 10px;
    line-height: 34px !important;
    position: relative;
}
.port_app_thumb_row button.owl-prev {
    margin-right: 10px !important;
}
.port_app_thumb_row .owl-nav button img {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
}
.achievements_count_item p {
    font-size: 16px;
    line-height: 20px;
}
.app_colms {
    transition: ease-in-out 0.3s all;
}
.banner_video_wr img.port_img {
    border-radius: unset;
}
.flex_blue_circle{
    background: #1D9DB8;
}
.flex_black_circle{
    background: #1D1D1D;
}
.flex_gray_circle{
    background: rgb(32,33,36)
}
.flex_green_circle{
    background: #4CAF50;
}
.flex_parot_circle{
    background: #7CB342;
}
.roboto_font_family{
    font-family: 'Roboto', sans-serif;
}
/* portfolio mobile css end */
/* portfolio php css start */
.zitimama-family{
    font-family: 'Mayonnaise_extra_black';
}
.ziti_org_cir{
    background-color: #f64a19;
}
.ziti_blk_cir{
    background-color: #333333;
}
.ziti_yel_cir{
    background-color: #ffc600;
}
.cb_blue_cir{
    background-color: #17357D;
}
.cb_black_cir{
    background-color: #2e2e2e;
}
.cb_light_blue_cir{
    background-color: #113162;
}
.hwd_black_cir{
    background-color: #2A2A2A;
}
.hwd_red_cir{
    background-color: #D12A1A;
}
.hwd_gray_cir{
    background-color: #787878;
}
.manrop_family{
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
}
.manrop_family_reg{
    font-family: 'Manrope', sans-serif;
    font-weight: 400;
}
.manrop_family_medi{
    font-family: 'Manrope', sans-serif;
    font-weight: 500;
}
.digital_marketing_typog{
    display: none;
}
.digital_marketing_feat{
    padding-bottom: 0px !important;
}
.leave_box_inner span.counter_number, .leave_box_inner .achievment_plus_icon {
    color: #fff !important;
    font-size: 25px;
}
/* .dcg_light_family{
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}
.dcg_medium_family{
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}
.dcg_bold_family{
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}
.dcg_blue_col{
    background-color: #00a0e3;
}
.dcg_red_col{
    background-color: #ec3237;
}
.dcg_blk_col{
    background-color:#222529;
}
.dcg_gray_col{
    background-color: #777777;
} */
.ziti_conc_bg{
    background-image: url("../images/zitimama_conc_bg.png");
}
.legacy_conc_bg{
    background-image: url("../images/legacy_conc_bg.png");
}
.cali_conc_bg{
    background-image: url("../images/cali_conc_bg.png");
}
.howd_conc_bg{
    background-image: url("../images/howd_conc_bg.png");
}
.cbjamaica_conc_bg{
    background-image: url("../images/cbjamaica_conc_bg.png");
}
.project_concern_det {
    padding-right: 15px;
}
.hired_mar_logo a i.fa-home {
    color: #FF4103;
    font-size: 35px;
}
/* portfolio php css end */
/* marketing css start */
.marketing_con_wr{
    padding-bottom: 85px !important;
}
.digital_counter_section{
    background-color: #1C1C1C;
    padding: 50px 0px;
}
.digital_counter_box span.counter_number, .digital_counter_box .achievment_plus_icon {
    color: #fff !important;
    font-size: 60px;
}
.digital_counter_box p {
    color: #fff;
    font-size: 20px;
}

.digi_mar_tech_con{
    background-image:unset;
    background-color: #fff;
    padding: 30px 20px 10px;
    box-shadow:unset;
    border-radius: 0px;
}
.digi_mar_tech_con .tec_leav_con_heading {
    color: #0e1b35;
    text-align: center;
}
.digi_mar_tech_con .leave_box_inner{
    text-align: center;
}
.dcgpac_conc_bg{
    background-image: url("../images/digital_marketing/dcgpac_conc_bg.png");
}
.medlab_conc_bg{
    background-image: url("../images/digital_marketing/medlab_conc_bg.png");
}
.millenium_conc_bg{
    background-image: url("../images/digital_marketing/millenium_conc_bg.png");
}
.panama_conc_bg{
    background-image: url("../images/digital_marketing/panama_conc_bg.png");
}
/* marketing css end */
.h_showall_video_card_row {
    margin-left: -5px;
    margin-right: -5px;
}
.h_showall_video_card_row .colms {
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
}
.h_showall_video_card {
    color: var(--black_color);
    padding: 20px;
    border-radius: 16px;
    align-items: center;
    background: #fff;
    width: 100%;
    text-align: center;
    border: 1px solid #ccc;
    box-shadow: 0px 3px 10px rgba(0 0 0 / 10%);
    min-height: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
}
.h_showall_video_card .videotitle {
    font-size: 20px;
    margin: 0;
    color: #000000;
}
.h_showall_video_card:hover .videotitle {
    color: #FF4103;
}


.hire_video_single_main {
    min-height: calc(100vh - 156px);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 50px 0;
}

.video_singletitle {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 35px;
    text-align: center;
}
.hire_video_singlediv iframe {
    width: 100%;
    height: 500px;
    border-radius: 16px;
}

@media screen and (max-width:991px) {
    .hire_video_singlediv iframe {
        width: 100%;
        height: 350px;
        border-radius: 12px;
    }
    .video_singletitle {
        font-size: 28px;
        line-height: 32px;
        font-weight: 700;
        text-align: center;
    }
}