/* CSS responsive */
@media (min-width:2560px) {
    .page_area1{height: 70vh;}
    .z_logo {width: 50px;height: auto;}
    .services_logo{justify-content: center;}
    .g-recaptcha {margin-bottom: 20px;margin-left: auto !important;display: flex;justify-content: center;}
    .design_response{display:block}
    .hero h1{font-size:40px;text-align:left;line-height:65px}
    .hero h2{font-size:24px;text-align:left}
    .copy__area{margin-left:20px}
    .scroller_style{font-size:32px;text-align:left}
    .scroller{margin:0 0;font-size:28px}
    .hero{height:75vh}
    .main_btns{padding-top:40px}
    .about_section h2{text-align:center;padding-bottom:20px;font-size:26px;font-weight:700}
    .one h2:after,.process_steps h2:after,.service_section h2:after,.contact_section h2::after{margin-top:18px}
    .process_steps h2,.service_section h2,.testimonial_section h2,.contact_section h2{text-align:center;padding-bottom:20px;font-size:28px;font-weight:700;text-transform:uppercase}
    /* .one h2:before,.process_steps h2:before,.service_section h2:before{bottom:-49px}
    .contact_section h2::before{bottom:-49px} */
    .process_step img{height:52px;width:auto}
    .nav-tabs{flex-wrap:nowrap!important;overflow-x:hidden;overflow-y:hidden;gap: 25px;}
    .process_step{font-size:18px;gap:16px}
    .process_desc{padding:50px 0}
    .tab_img img{width:auto;height:320px}
    .process_tetBlock h3{color:#000;font-size:32px;font-style:normal;font-weight:600;line-height:42px;margin-bottom:20px;text-transform:capitalize;text-align:left}
    .process_tetBlock p{font-size:20px;line-height:30px;text-align:justify}
    .technology_section{padding-top:20px;padding-bottom:0}
    .heroSlider-fixed h4{font-size:20px}
    .fact{height:100%}
    .barWrapper{width:48%}
    .Infotech{padding-bottom:45px;padding-top:40px}
    .Infotech_wrapper .Infotech_block .col-md-6.firstOne{padding-right:15px;flex-direction:row}
    .Infotech_wrapper .Infotech_block .col-md-6{padding:0 40px;position:relative}
    .Infotech_wrapper .text_wrapper h4{text-align:left;font-size:20px;line-height:26px}
    .Infotech_wrapper .text_wrapper h3{font-size:36px;line-height:44px;margin-bottom:10px;margin-top:10px;text-align:left}
    .Infotech_wrapper .btn_wrapper{background:#3eafd1;margin:32px 0 0}
    .images_wrapper img{height:350px;width:auto}
    .Infotech_wrapper .Infotech_block .col-md-6.secondtwo{padding-left:15px;padding-right:15px;flex-direction:row}
    .Infotech_wrapper:before{bottom:-15px;opacity:.2;width:calc(100% - 40px)}
    .Infotech_wrapper:after{bottom:-30px;opacity:.1;width:calc(100% - 85px)}
    .portfolio-section{padding-top:30px}
    .testimonial_wrapper .animation_block{display:block}
    .testimonial4_slide{width:80%;margin:auto;padding:20px 0}
    .testimonial4_slide img{width:90px;height:90px}
    .testimonial4_slide p{color:#000;font-size:16px;line-height:1.3;margin:20px 0;height:110px}
    .service_response{flex-direction:row;font-size:24px}
    .count_bg_numbers{justify-content:space-between;display:flex;flex-wrap:wrap;gap:10px}
    .bg-count{width:24%}
    .pa-40{padding:30px 0}
    .faq-section{background:#fdfdfd;padding:30px 0}
    .contact_form{padding:40px 0}
    .maps_response{flex-direction:row}
    .form_width{width:100%}
    #footer{padding-top:20px}
    .footer_menu{flex-direction:row}
    .copyrights{width:auto}
    .web_link{flex-direction:row;flex-wrap:wrap;gap:5px}
    .web_link span{display:block}
    .zil_web{font-size:15px}
    .copy_right{font-size:14px}
    .footer_menu{gap:15px}
    .social_media{width:auto}
    .follow_media img{cursor:pointer;height:17px;width:auto}
    .media_follow{height:30px;width:30px}
    .header_menu{flex-direction:row;align-items:center;gap:10px;padding: 10px 0;}
    .logo img{height:35px;width:auto}
    .menus{gap:15px;width:100%;flex-wrap:wrap;justify-content:right}
    .contact_section {height: 70%;transition: 1.3s;}
    .main_btns{gap: 30px;justify-content: left;}
    .button2 {margin-left: 00px;}
    .tab_img{display: flex;justify-content: center;}
    .svg_design{height: auto;width: 550px;}
    .Infotech_wrapper .Infotech_block .col-md-6.secondtwo .text_wrapper:after {left: -30px;top: 0px;}
    .subscribe {font-size: 14px;}
    .testimonial_wrapper {min-height: calc(100vh - 295px);}
}

@media (min-width:1040px) and (max-width:2560px) {
    .page_area1{height: 70vh;}
    .z_logo {width: 45px;height: auto;}
    .services_logo{justify-content: center;}
    .g-recaptcha {margin-bottom: 20px;margin-left: auto !important;display: flex;justify-content: center;}
    .design_response{display:block}
    .hero h1{font-size:40px;text-align:left;line-height:65px}
    .hero h2{font-size:24px;text-align:left}
    .copy__area{margin-left:20px}
    .scroller_style{font-size:32px;text-align:left}
    .scroller{margin:0 0;font-size:28px}
    .hero{height:95vh}
    .main_btns{padding-top:40px}
    .about_section h2{text-align:center;padding-bottom:20px;font-size:26px;font-weight:700}
    .one h2:after,.process_steps h2:after,.service_section h2:after,.contact_section h2::after{margin-top:18px}
    .process_steps h2,.service_section h2,.testimonial_section h2,.contact_section h2, .contact_form h2, .portfolio_sec h2{text-align:center;padding-bottom:20px;font-size:28px;font-weight:700;text-transform:uppercase}
    /* .one h2:before{bottom:-51px}
    .process_steps h2:before{bottom:-51px}
    .service_section h2:before{bottom:-51px}
    .contact_section h2::before{bottom:-49px} */
    .process_step img{height:52px;width:auto}
    .nav-tabs{flex-wrap:nowrap!important;overflow-x:hidden;overflow-y:hidden;gap: 25px;}
    .process_step{font-size:18px;gap:16px}
    .process_desc{padding:50px 0}
    .tab_img img{width:auto;height:300px}
    .process_tetBlock h3{color:#000;font-size:32px;font-style:normal;font-weight:600;line-height:42px;margin-bottom:20px;text-transform:capitalize;text-align:left}
    .process_tetBlock p{font-size:18px;line-height:30px;text-align:justify}
    .technology_section{padding-top:50px;padding-bottom:0}
    .heroSlider-fixed h4{font-size:20px}
    .fact{height:100%}
    .barWrapper{width:48%}
    .Infotech{padding-bottom:45px;padding-top:60px}
    .Infotech_wrapper .Infotech_block .col-md-6.firstOne{padding-right:15px;flex-direction:row}
    .Infotech_wrapper .Infotech_block .col-md-6{padding:0 40px;position:relative}
    .Infotech_wrapper .text_wrapper h4{text-align:left;font-size:20px;line-height:26px}
    .Infotech_wrapper .text_wrapper h3{font-size:36px;line-height:44px;margin-bottom:10px;margin-top:10px;text-align:left}
    .Infotech_wrapper .btn_wrapper{background:#3eafd1;margin:32px 0 0}
    .images_wrapper img{height:350px;width:auto}
    .Infotech_wrapper .Infotech_block .col-md-6.secondtwo{padding-left:15px;padding-right:15px;flex-direction:row}
    .Infotech_wrapper:before{bottom:-15px;opacity:.2;width:calc(100% - 40px)}
    .Infotech_wrapper:after{bottom:-30px;opacity:.1;width:calc(100% - 85px)}
    .portfolio-section{padding-top:50px}
    .testimonial_wrapper .animation_block{display:block}
    .testimonial4_slide{width:60%;margin:auto;padding:20px 0}
    .testimonial4_slide img{width:90px;height:90px}
    .testimonial4_slide p{color:#000;font-size:16px;line-height:1.3;margin:20px 0;height:110px}
    .service_response{flex-direction:row;font-size:24px}
    .count_bg_numbers{justify-content:space-between;display:flex;flex-wrap:wrap;gap:10px}
    .bg-count{width:24%}
    .pa-40{padding:50px 0}
    .faq-section{background:#fdfdfd;padding:60px 0 80px 0}
    .contact_form{padding:60px 0}
    .maps_response{flex-direction:row}
    .form_width{width:100%}
    /* #footer{padding-top:20px} */
    .footer_menu{flex-direction:row}
    .copyrights{width:auto}
    .web_link{flex-direction:row;flex-wrap:wrap;gap:5px}
    .web_link span{display:block}
    .zil_web{font-size:15px}
    .copy_right{font-size:14px}
    .footer_menu{gap:15px}
    .social_media{width:auto}
    .follow_media img{cursor:pointer;height:17px;width:auto}
    .media_follow{height:30px;width:30px}
    .header_menu{flex-direction:row;align-items:center;gap:10px;padding: 10px 0;}
    .logo img{height:35px;width:auto}
    .menus{gap:15px;width:100%;flex-wrap:wrap;justify-content:right}
    .contact_section {height: 70%;transition: 1.3s;}
    .main_btns{gap: 30px;justify-content: left;}
    .button2 {margin-left: 00px;}
    .tab_img{display: flex;justify-content: center;}
    .svg_design{height: auto;width: 550px;}
    .Infotech_wrapper .Infotech_block .col-md-6.secondtwo .text_wrapper:after {left: -30px;top: 0px;}
    .subscribe {font-size: 16px;}
    .testimonial_wrapper {min-height: calc(100vh - 295px);}
}

@media (min-width:1041px) and (max-width:1400px) {
    .design_response{display:block}
    .hero h1{font-size:38px;text-align:left;line-height:65px}
    .hero h2{font-size:24px;text-align:left}
    .copy__area{margin-left:20px}
    .scroller_style{font-size:32px;text-align:left}
    .scroller{margin:0 0;font-size:28px}
    .hero{height:85vh}
    .main_btns{padding-top:40px}
    .about_section h2{text-align:center;padding-bottom:20px;font-size:26px;font-weight:700}
    .one h2:after,.process_steps h2:after,.service_section h2:after,.contact_section h2::after, .faq-title h2::after{margin-top:18px}
    .process_steps h2,.service_section h2,.testimonial_section h2,.contact_section h2, .portfolio_sec h2{text-align:center;padding-bottom:20px;font-size:26px;font-weight:700;text-transform:uppercase}
    /* before */
    /* .one h2:before{bottom:-50px}
    .process_steps h2:before {bottom:-50px}
    .service_section h2:before {bottom:-49px}
    .contact_section h2::before{bottom:-45px}
    .faq-title h2::before{bottom:-55px} */
    /* before */
    .process_step img{height:52px;width:auto}
    .nav-tabs{flex-wrap:nowrap!important;overflow-x:auto;overflow-y:hidden;gap: 25px;}
    .process_step{font-size:18px;gap:16px}
    .process_desc{padding:40px 0}
    .tab_img img{width:auto;height:280px}
    .process_tetBlock h3{color:#000;font-size:32px;font-style:normal;font-weight:600;line-height:42px;margin-bottom:20px;text-transform:capitalize;text-align:left}
    .process_tetBlock p{font-size:18px;line-height:28px;text-align:justify}
    .technology_section{padding-top:20px;padding-bottom:0}
    .heroSlider-fixed h4{font-size:18px}
    .fact{height:100%}
    .barWrapper{width:48%}
    .Infotech{padding-bottom:45px;padding-top:40px}
    .Infotech_wrapper .Infotech_block .col-md-6.firstOne{padding-right:15px;flex-direction:row}
    .Infotech_wrapper .Infotech_block .col-md-6{padding:0 40px;position:relative}
    .Infotech_wrapper .text_wrapper h4{text-align:left;font-size:20px;line-height:26px}
    .Infotech_wrapper .text_wrapper h3{font-size:36px;line-height:44px;margin-bottom:10px;margin-top:10px;text-align:left}
    .Infotech_wrapper .btn_wrapper{background:#3eafd1;margin:32px 0 0}
    .images_wrapper img{height:280px;width:auto}
    .Infotech_wrapper .Infotech_block .col-md-6.secondtwo{padding-left:15px;padding-right:15px;flex-direction:row}
    .Infotech_wrapper:before{bottom:-15px;opacity:.2;width:calc(100% - 40px)}
    .Infotech_wrapper:after{bottom:-30px;opacity:.1;width:calc(100% - 85px)}
    .portfolio-section{padding-top:30px}
    .testimonial_wrapper .animation_block{display:block}
    .testimonial4_slide{width:60%;margin:auto;padding:20px 0}
    .testimonial4_slide img{width:90px;height:90px}
    .testimonial4_slide p{color:#000;font-size:16px;line-height:1.3;margin:20px 0;height:140px}
    .service_response{flex-direction:row;font-size:24px}
    .count_bg_numbers{justify-content:space-between;display:flex;flex-wrap:wrap;gap:10px}
    .bg-count{width:24%}
    .pa-40{padding:30px 0}
    .faq-section{background:#fdfdfd;padding:30px 0}
    .contact_form{padding:40px 0}
    .maps_response{flex-direction:row}
    .form_width{width:100%}
    #footer{padding-top:20px}
    .footer_menu{flex-direction:row}
    .copyrights{width:auto}
    .web_link{flex-direction:row;flex-wrap:wrap;gap:5px}
    .web_link span{display:block}
    .zil_web{font-size:15px}
    .copy_right{font-size:14px}
    .footer_menu{gap:15px}
    .social_media{width:auto}
    .follow_media img{cursor:pointer;height:17px;width:auto}
    .media_follow{height:30px;width:30px}
    .header_menu{flex-direction:row;align-items:center;gap:10px;padding: 10px 0;}
    .logo img{height:35px;width:auto}
    .menus{gap:15px;width:100%;flex-wrap:wrap;justify-content:right}
    .contact_section {height: 70%;transition: 1.3s;}
    .main_btns{gap: 30px;justify-content: left;}
    .button2 {margin-left: 00px;}
    .tab_img{display: flex;justify-content: center;}
    .svg_design{height: auto;width: 550px;}
    .Infotech_wrapper .Infotech_block .col-md-6.secondtwo .text_wrapper:after {left: -30px;top: 0px;}
    .subscribe {font-size: 14px;}
    .testimonial_wrapper {min-height: calc(100vh - 295px);}
}

@media (min-width:1040px) and (max-width:1200px) {
    .design_response{display:block}
    .hero h1{font-size:34px;text-align:left;line-height:65px}
    .hero h2{font-size:24px;text-align:left}
    .copy__area{margin-left:20px}
    .scroller_style{font-size:32px;text-align:left}
    .scroller{margin:0 0;font-size:28px}
    .hero{height:80vh}
    .main_btns{padding-top:40px}
    .about_section h2{text-align:center;padding-bottom:20px;font-size:26px;font-weight:700}
    .one h2:after,.process_steps h2:after,.service_section h2:after,.contact_section h2::after{margin-top:18px}
    .process_steps h2,.service_section h2,.testimonial_section h2,.contact_section h2{text-align:center;padding-bottom:20px;font-size:24px;font-weight:700;text-transform:uppercase}
    /* .one h2:before,.process_steps h2:before,.service_section h2:before{bottom:-47px}
    .contact_section h2::before{bottom:-45px} */
    .process_step img{height:52px;width:auto}
    .nav-tabs{flex-wrap:nowrap!important;overflow-x:scroll;overflow-y:hidden;gap: 25px;}
    .process_step{font-size:18px;gap:16px}
    .process_desc{padding:50px 0}
    .tab_img img{width:auto;height:230px}
    .process_tetBlock h3{color:#000;font-size:32px;font-style:normal;font-weight:600;line-height:42px;margin-bottom:20px;text-transform:capitalize;text-align:left}
    .process_tetBlock p{font-size:18px;line-height:28px;text-align:justify}
    .technology_section{padding-top:20px;padding-bottom:0}
    .heroSlider-fixed h4{font-size:16px}
    .fact{height:100%}
    .barWrapper{width:48%}
    .Infotech{padding-bottom:45px;padding-top:40px}
    .Infotech_wrapper .Infotech_block .col-md-6.firstOne{padding-right:15px;flex-direction:row}
    .Infotech_wrapper .Infotech_block .col-md-6{padding:15px;position:relative}
    .Infotech_wrapper .text_wrapper h4{text-align:left;font-size:20px;line-height:26px}
    .Infotech_wrapper .text_wrapper h3{font-size:36px;line-height:44px;margin-bottom:10px;margin-top:10px;text-align:left}
    .Infotech_wrapper .btn_wrapper{background:#3eafd1;margin:32px 0 0}
    .images_wrapper img{height:230px;width:auto}
    .Infotech_wrapper .Infotech_block .col-md-6.secondtwo{padding-left:15px;padding-right:15px;flex-direction:row}
    .Infotech_wrapper:before{bottom:-15px;opacity:.2;width:calc(100% - 40px)}
    .Infotech_wrapper:after{bottom:-30px;opacity:.1;width:calc(100% - 85px)}
    .portfolio-section{padding-top:30px}
    .testimonial_wrapper .animation_block{display:block}
    .testimonial4_slide{width:60%;margin:auto;padding:20px 0}
    .testimonial4_slide img{width:90px;height:90px}
    .testimonial4_slide p{color:#000;font-size:16px;line-height:1.3;margin:20px 0;height:110px}
    .service_response{flex-direction:row;font-size:24px}
    .count_bg_numbers{justify-content:space-between;display:flex;flex-wrap:wrap;gap:10px}
    .bg-count{width:24%}
    .pa-40{padding:30px 0}
    .faq-section{background:#fdfdfd;padding:30px 0}
    .contact_form{padding:40px 0}
    .maps_response{flex-direction:row}
    .form_width{width:100%}
    #footer{padding-top:20px}
    .footer_menu{flex-direction:row}
    .copyrights{width:auto}
    .web_link{flex-direction:row;flex-wrap:wrap;gap:5px}
    .web_link span{display:block}
    .zil_web{font-size:15px}
    .copy_right{font-size:14px}
    .footer_menu{gap:15px}
    .social_media{width:auto}
    .follow_media img{cursor:pointer;height:17px;width:auto}
    .media_follow{height:30px;width:30px}
    .header_menu{flex-direction:row;align-items:center;gap:10px;padding: 10px 0;}
    .logo img{height:30px;width:auto}
    .menus{gap:15px;width:100%;flex-wrap:wrap;justify-content:right}
    .contact_section {height: 70%;transition: 1.3s;}
    .main_btns{gap: 30px;justify-content: left;}
    .button2 {margin-left: 00px;}
    .tab_img{display: flex;justify-content: center;}
    .svg_design{height: auto;width: 500px;}
    .Infotech_wrapper .Infotech_block .col-md-6.secondtwo .text_wrapper:after {left: -30px;top: 0px;}
    .subscribe {font-size: 14px;}
    .testimonial_wrapper {min-height: calc(100vh - 295px);}
}

@media (max-width: 1040px) {
    .career_contact img {height: 250px;}
    .page_area1{height: 70vh;}
    .z_logo {width: 40px;height: auto;}
    .services_logo{justify-content: center;}
    .g-recaptcha {margin-bottom: 20px;margin-left: auto !important;display: flex;justify-content: center;}
    .design_response{display:block}
    .hero h1{font-size:34px;text-align:left;line-height:55px}
    .hero h2{font-size:22px;text-align:left}
    .copy__area{margin-left:20px}
    .scroller_style{font-size:24px;text-align:left}
    .scroller{margin:0 0;font-size:28px}
    .hero{height:75vh}
    .main_btns{padding-top:40px}
    .about_section h2{text-align:center;padding-bottom:20px;font-size:26px;font-weight:700}
    .one h2:after,.process_steps h2:after,.service_section h2:after,.contact_section h2::after{margin-top:18px}
    .process_steps h2,.service_section h2,.testimonial_section h2,.contact_section h2{text-align:center;padding-bottom:20px;font-size:24px;font-weight:700;text-transform:uppercase}
    /* .one h2:before,.process_steps h2:before,.service_section h2:before{bottom:-47px}
    .contact_section h2::before{bottom:-45px} */
    .process_step img{height:45px;width:auto}
    .nav-tabs{flex-wrap:nowrap!important;overflow-x:scroll;overflow-y:hidden;gap: 25px;}
    .process_step{font-size:16px;gap:16px}
    .process_desc{padding:50px 0}
    .tab_img img{width:auto;height:230px}
    .process_tetBlock h3{color:#000;font-size:28px;font-style:normal;font-weight:600;line-height:42px;margin-bottom:20px;text-transform:capitalize;text-align:left}
    .process_tetBlock p{font-size:16px;line-height:inherit;text-align:left}
    .technology_section{padding-top:20px;padding-bottom:0}
    .heroSlider-fixed h4{font-size:16px}
    .fact{height:100%}
    .barWrapper{width:48%}
    .Infotech{padding-bottom:45px;padding-top:40px}
    .Infotech_wrapper .Infotech_block .col-md-6.firstOne{padding-right:15px;flex-direction:row}
    .Infotech_wrapper .Infotech_block .col-md-6{padding:15px;position:relative}
    .Infotech_wrapper .text_wrapper h4{text-align:left;font-size:20px;line-height:26px}
    .Infotech_wrapper .text_wrapper h3{font-size:36px;line-height:44px;margin-bottom:10px;margin-top:10px;text-align:left}
    .Infotech_wrapper .btn_wrapper{background:#3eafd1;margin:32px 0 0}
    .images_wrapper img{height:230px;width:auto}
    .Infotech_wrapper .Infotech_block .col-md-6.secondtwo{padding-left:15px;padding-right:15px;flex-direction:row}
    .Infotech_wrapper:before{bottom:-15px;opacity:.2;width:calc(100% - 40px)}
    .Infotech_wrapper:after{bottom:-30px;opacity:.1;width:calc(100% - 85px)}
    .portfolio-section{padding-top:30px}
    .testimonial_wrapper .animation_block{display:block}
    .testimonial4_slide{width:70%;margin:auto;padding:20px 0}
    .testimonial4_slide img{width:90px;height:90px}
    .testimonial4_slide p{color:#000;font-size:16px;line-height:1.3;margin:20px 0;height:110px}
    .service_response{flex-direction:row;font-size:24px}
    .count_bg_numbers{justify-content:space-between;display:flex;flex-wrap:wrap;gap:10px}
    .bg-count{width:24%}
    .pa-40{padding:30px 0}
    .faq-section{background:#fdfdfd;padding:30px 0}
    .contact_form{padding:40px 0}
    .maps_response{flex-direction:row}
    .form_width{width:100%}
    #footer{padding-top:20px}
    .footer_menu{flex-direction:row}
    .copyrights{width:auto}
    .web_link{flex-direction:row;flex-wrap:wrap;gap:5px}
    .web_link span{display:block}
    .zil_web{font-size:15px}
    .copy_right{font-size:14px}
    .footer_menu{gap:15px}
    .social_media{width:auto}
    .follow_media img{cursor:pointer;height:17px;width:auto}
    .media_follow{height:30px;width:30px}
    .header_menu{flex-direction:row;align-items:center;gap:10px;padding: 10px 0;}
    .logo img{height:30px;width:auto}
    .menus{gap:15px;width:100%;flex-wrap:wrap;justify-content:right}
    .contact_section {height: 70%;transition: 1.3s;}
    .main_btns{gap: 30px;justify-content: left;}
    .button2 {margin-left: 00px;}
    .tab_img{display: flex;justify-content: center;}
    .svg_design{height: auto;width: 480px;}
    .Infotech_wrapper .Infotech_block .col-md-6.secondtwo .text_wrapper:after {left: -30px;top: 0px;}
    .subscribe {font-size: 14px;}
    .testimonial_wrapper {min-height: calc(100vh - 295px);}
}

@media (max-width: 992px) {
    .cards-section{justify-content: center;}
    .career_contact img {height: 200px;}
    .career_contact{text-align: center;}
    .career_contact img{height: 200px;}
    #content, #leftThing, #rightThing {width: 50%;}
    .page_area1{height: 70vh;}
    .services_connect{padding: 0 10px 0 0}
    .z_logo {width: 40px;height: auto;}
    .services_logo{justify-content: center;}
    .g-recaptcha {margin-bottom: 20px;margin-left: auto !important;display: flex;justify-content: center;}
    .design_response{display:block}
    .hero h1{font-size:34px;text-align:left;line-height:55px}
    .hero h2{font-size:22px;text-align:left}
    .copy__area{margin-left:20px}
    .scroller_style{font-size:24px;text-align:left}
    .scroller{margin:0 0;font-size:28px}
    .hero{height:80vh}
    .main_btns{padding-top:40px}
    .about_section h2{text-align:center;padding-bottom:20px;font-size:26px;font-weight:700}
    .one h2:after,.process_steps h2:after,.service_section h2:after,.contact_section h2::after{margin-top:18px}
    .process_steps h2,.service_section h2,.testimonial_section h2,.contact_section h2{text-align:center;padding-bottom:20px;font-size:24px;font-weight:700;text-transform:uppercase}
    /* .one h2:before,.process_steps h2:before,.service_section h2:before{bottom:-50px}
    .contact_section h2::before{bottom:-45px} */
    .process_step img{height:45px;width:auto}
    .nav-tabs{flex-wrap:nowrap!important;overflow-x:scroll;overflow-y:hidden;gap: 30px;}
    .process_step{font-size:16px;gap:16px}
    .process_desc{padding:50px 0}
    .tab_img img{width:auto;height:230px}
    .process_tetBlock h3{color:#000;font-size:28px;font-style:normal;font-weight:600;line-height:42px;margin-bottom:20px;text-transform:capitalize;text-align:left}
    .process_tetBlock p{font-size:16px;line-height:inherit;text-align:left}
    .technology_section{padding-top:20px;padding-bottom:0}
    .heroSlider-fixed h4{font-size:16px}
    .fact{height:100%}
    .barWrapper{width:47%}
    .Infotech{padding-bottom:45px;padding-top:40px}
    .Infotech_wrapper .Infotech_block .col-md-6.firstOne{padding-right:15px;flex-direction:row}
    .Infotech_wrapper .Infotech_block .col-md-6{padding:15px;position:relative}
    .Infotech_wrapper .text_wrapper h4{text-align:center;font-size:20px;line-height:26px}
    .Infotech_wrapper .text_wrapper h3{font-size:36px;line-height:44px;margin-bottom:10px;margin-top:10px;text-align:center}
    .Infotech_wrapper .btn_wrapper{background:#3eafd1;margin:32px auto auto}
    .images_wrapper img{height:230px;width:auto}
    .Infotech_wrapper .Infotech_block .col-md-6.secondtwo{padding-left:15px;padding-right:15px;flex-direction:row}
    .Infotech_wrapper:before{bottom:-15px;opacity:.2;width:calc(100% - 40px)}
    .Infotech_wrapper:after{bottom:-30px;opacity:.1;width:calc(100% - 85px)}
    .portfolio-section{padding-top:30px}
    .testimonial_wrapper .animation_block{display:block}
    .testimonial4_slide{width:80%;margin:auto;padding:20px 0}
    .testimonial4_slide img{width:90px;height:90px}
    .testimonial4_slide p{color:#000;font-size:16px;line-height:1.3;margin:20px 0;height:150px}
    .service_response{flex-direction:row;font-size:24px}
    .count_bg_numbers{justify-content:space-between;display:flex;flex-wrap:wrap;gap:10px}
    .bg-count{width:24%}
    .pa-40{padding:30px 0}
    .faq-section{background:#fdfdfd;padding:30px 0}
    .contact_form{padding:40px 0}
    .maps_response{flex-direction:row}
    .form_width{width:100%}
    #footer{padding-top:20px}
    .footer_menu{flex-direction:row}
    .copyrights{width:auto}
    .web_link{flex-direction:row;flex-wrap:wrap;gap:5px}
    .web_link span{display:block}
    .zil_web{font-size:14px}
    .copy_right{font-size:14px}
    .footer_menu{gap:15px}
    .social_media{width:auto}
    .follow_media img{cursor:pointer;height:15px;width:auto}
    .media_follow{height:25px;width:25px}
    .header_menu{flex-direction:row;align-items:center;gap:10px;padding: 10px 0;}
    .logo img{height:30px;width:auto}
    .menus{gap:15px;width:100%;flex-wrap:wrap;justify-content:right}
    .contact_section {height: 70%;transition: 1.3s;}
    .main_btns{gap: 30px;justify-content: left;}
    .button2 {margin-left: 00px;}
    .tab_img{display: flex;justify-content: center;}
    .svg_design{height: auto;width: 400px;}
    .Infotech_wrapper .Infotech_block .col-md-6.secondtwo .text_wrapper:after {left: -30px;top: 0px;}
    .subscribe {font-size: 14px;}
    .menu_btn{flex-direction: row;gap: 1rem;align-items: center;}
    .side-social {width: 45px;height: 45px;}
    .side-social img {width: 26px;}
    .carousel-control-prev {left: 10px!important;}
    .carousel-control-next {right: 10px!important;}
    .btn-btn-schedule {width: 140px;}
    .menu_pick a {font-size: 14px;}
    .btn-btn-schedule .button__bg {width: 140px;}
    .btn-btn-schedule .button__bg .blob {width: 140px;}
    #filter-goo-4 {font-size: 14px;padding: 0;}
    .button--4 .blob:nth-child(n+2) {width: max-content;height: 40px;}
    /* .z_logo {Transform: translate(275px, -40%);} */
}

@media (max-width: 828px) {
    /* .cards-section{justify-content: center;} */
    .career_contact{text-align: center;}
    .career_contact img{height: 200px;}
    #content, #leftThing, #rightThing {width: 50%;}
    .page_area1{height: 70vh;}
    .services_connect{padding: 0 10px 0 0}
    .z_logo {width: 40px;height: auto;}
    .services_logo{justify-content: center;}
    .g-recaptcha {margin-bottom: 20px;margin-left: auto !important;display: flex;justify-content: center;}
    .design_response{display:block}
    .hero h1{font-size:34px;text-align:left;line-height:55px}
    .hero h2{font-size:22px;text-align:left}
    .copy__area{margin-left:20px}
    .scroller_style{font-size:24px;text-align:left}
    .scroller{margin:0 0;font-size:28px}
    .hero{height:75vh}
    .main_btns{padding-top:40px}
    .about_section h2{text-align:center;padding-bottom:20px;font-size:26px;font-weight:700}
    .one h2:after,.process_steps h2:after,.service_section h2:after,.contact_section h2::after{margin-top:18px}
    .process_steps h2,.service_section h2,.testimonial_section h2,.contact_section h2{text-align:center;padding-bottom:20px;font-size:24px;font-weight:700;text-transform:uppercase}
    /* .one h2:before,.process_steps h2:before,.service_section h2:before{bottom:-50px}
    .contact_section h2::before{bottom:-45px} */
    .process_step img{height:45px;width:auto}
    .nav-tabs{flex-wrap:nowrap!important;overflow-x:scroll;overflow-y:hidden;gap: 30px;}
    .process_step{font-size:16px;gap:16px}
    .process_desc{padding:30px 0}
    .tab_img img{width:auto;height:230px}
    .process_tetBlock h3{color:#000;font-size:28px;font-style:normal;font-weight:600;line-height:42px;margin-bottom:20px;text-transform:capitalize;text-align:left}
    .process_tetBlock p{font-size:16px;line-height:inherit;text-align:left}
    .technology_section{padding-top:20px;padding-bottom:0}
    .heroSlider-fixed h4{font-size:16px}
    .fact{height:100%}
    .barWrapper{width:46%}
    .Infotech{padding-bottom:45px;padding-top:40px}
    .Infotech_wrapper .Infotech_block .col-md-6.firstOne{padding-right:15px;flex-direction:column}
    .Infotech_wrapper .Infotech_block .col-md-6{padding:15px;position:relative}
    .Infotech_wrapper .text_wrapper h4{text-align:center;font-size:20px;line-height:26px}
    .Infotech_wrapper .text_wrapper h3{font-size:36px;line-height:44px;margin-bottom:10px;margin-top:10px;text-align:center}
    .Infotech_wrapper .btn_wrapper{background:#3eafd1;margin:32px auto auto}
    .images_wrapper img{height:230px;width:auto}
    .Infotech_wrapper .Infotech_block .col-md-6.secondtwo{padding-left:15px;padding-right:15px;flex-direction:column}
    .Infotech_wrapper:before{bottom:-15px;opacity:.2;width:calc(100% - 40px)}
    .Infotech_wrapper:after{bottom:-30px;opacity:.1;width:calc(100% - 85px)}
    .portfolio-section{padding-top:30px}
    .testimonial_wrapper .animation_block{display:block}
    .testimonial4_slide{width:80%;margin:auto;padding:20px 0}
    .testimonial4_slide img{width:90px;height:90px}
    .testimonial4_slide p{color:#000;font-size:16px;line-height:1.3;margin:20px 0;height:150px}
    .service_response{flex-direction:row;font-size:24px}
    .count_bg_numbers{justify-content:space-between;display:flex;flex-wrap:wrap;gap:10px}
    .bg-count{width:48%}
    .pa-40{padding:30px 0}
    .faq-section{background:#fdfdfd;padding:30px 0}
    .contact_form{padding:40px 0}
    .maps_response{flex-direction:row}
    .form_width{width:100%}
    #footer{padding-top:20px}
    .footer_menu{flex-direction:row}
    .copyrights{width:auto}
    .web_link{flex-direction:row;flex-wrap:wrap;gap:5px}
    .web_link span{display:block}
    .zil_web{font-size:14px}
    .copy_right{font-size:14px}
    .footer_menu{gap:15px}
    .social_media{width:auto}
    .follow_media img{cursor:pointer;height:15px;width:auto}
    .media_follow{height:25px;width:25px}
    .header_menu{flex-direction:row;align-items:center;gap:10px;padding: 10px 0;}
    .logo img{height:27px;width:auto}
    .menus{column-gap:10px;row-gap:5px;width:100%;flex-wrap:wrap;justify-content:right}
    .contact_section {height: 70%;transition: 1.3s;}
    .main_btns{gap: 30px;justify-content: left;}
    .button2 {margin-left: 00px;}
    .tab_img{display: flex;justify-content: center;}
    .svg_design{height: auto;width: 410px;}
    .Infotech_wrapper .Infotech_block .col-md-6.secondtwo .text_wrapper:after {left: -40px;top: 125px;}
    .subscribe {font-size: 14px;}
    .menu_btn{flex-direction: row;gap: 1rem;align-items: center;}
    .side-social {width: 45px;height: 45px;}
    .side-social img {width: 26px;}
    .carousel-control-prev {left: 10px!important;}
    .carousel-control-next {right: 10px!important;}
    .btn-btn-schedule {width: 130px;}
    .menu_pick a {font-size: 13px;}
    .btn-btn-schedule .button__bg {width: 130px;}
    .btn-btn-schedule .button__bg .blob {width: 130px;}
    #filter-goo-4 {font-size: 12px;padding: 0;}
    .button--4 .blob:nth-child(n+2) {width: max-content;height: 40px;}
    /* .z_logo {Transform: translate(275px, -40%);} */
}

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

@media screen and (max-width:799px) {
    .career_contact{text-align: center;}
    .career_contact img{height: 200px;}
    #content, #leftThing, #rightThing {width: 50%;}
    .page_area1{height: 70vh;}
    .services_connect{padding: 0 10px 0 0}
    .z_logo {width: 40px;height: auto;}
    .services_logo{justify-content: center;}
    .g-recaptcha {margin-bottom: 20px;margin-left: auto !important;display: flex;justify-content: center;}
    .design_response{display:block}
    .hero h1{font-size:34px;text-align:left;line-height:55px}
    .hero h2{font-size:22px;text-align:left}
    .copy__area{margin-left:20px}
    .scroller_style{font-size:24px;text-align:left}
    .scroller{margin:0 0;font-size:28px}
    .hero{height:80vh}
    .main_btns{padding-top:40px}
    .about_section h2{text-align:center;padding-bottom:20px;font-size:26px;font-weight:700}
    .one h2:after,.process_steps h2:after,.service_section h2:after,.contact_section h2::after{margin-top:18px}
    .process_steps h2,.service_section h2,.testimonial_section h2,.contact_section h2{text-align:center;padding-bottom:20px;font-size:24px;font-weight:700;text-transform:uppercase}
    /* .one h2:before,.process_steps h2:before,.service_section h2:before{bottom:-50px}
    .contact_section h2::before{bottom:-45px} */
    .process_step img{height:45px;width:auto}
    .nav-tabs{flex-wrap:nowrap!important;overflow-x:scroll;overflow-y:hidden;gap: 30px;}
    .process_step{font-size:16px;gap:16px}
    .process_desc{padding:30px 0}
    .tab_img img{width:auto;height:230px}
    .process_tetBlock h3{color:#000;font-size:28px;font-style:normal;font-weight:600;line-height:42px;margin-bottom:20px;text-transform:capitalize;text-align:left}
    .process_tetBlock p{font-size:16px;line-height:inherit;text-align:left}
    .technology_section{padding-top:20px;padding-bottom:0}
    .heroSlider-fixed h4{font-size:16px}
    .fact{height:100%}
    .barWrapper{width:100%}
    .Infotech{padding-bottom:45px;padding-top:40px}
    .Infotech_wrapper .Infotech_block .col-md-6.firstOne{padding-right:15px;flex-direction:column}
    .Infotech_wrapper .Infotech_block .col-md-6{padding:15px;position:relative}
    .Infotech_wrapper .text_wrapper h4{text-align:center;font-size:20px;line-height:26px}
    .Infotech_wrapper .text_wrapper h3{font-size:36px;line-height:44px;margin-bottom:10px;margin-top:10px;text-align:center}
    .Infotech_wrapper .btn_wrapper{background:#3eafd1;margin:32px auto auto}
    .images_wrapper img{height:230px;width:auto}
    .Infotech_wrapper .Infotech_block .col-md-6.secondtwo{padding-left:15px;padding-right:15px;flex-direction:column}
    .Infotech_wrapper:before{bottom:-15px;opacity:.2;width:calc(100% - 40px)}
    .Infotech_wrapper:after{bottom:-30px;opacity:.1;width:calc(100% - 85px)}
    .portfolio-section{padding-top:30px}
    .testimonial_wrapper .animation_block{display:block}
    .testimonial4_slide{width:80%;margin:auto;padding:20px 0}
    .testimonial4_slide img{width:90px;height:90px}
    .testimonial4_slide p{color:#000;font-size:16px;line-height:1.3;margin:20px 0;height:150px}
    .service_response{flex-direction:row;font-size:24px}
    .count_bg_numbers{justify-content:space-between;display:flex;flex-wrap:wrap;gap:10px}
    .bg-count{width:48%}
    .pa-40{padding:30px 0}
    .faq-section{background:#fdfdfd;padding:30px 0}
    .contact_form{padding:40px 0}
    .maps_response{flex-direction:row}
    .form_width{width:100%}
    #footer{padding-top:20px}
    .footer_menu{flex-direction:row}
    .copyrights{width:auto}
    .web_link{flex-direction:row;flex-wrap:wrap;gap:5px}
    .web_link span{display:block}
    .zil_web{font-size:14px}
    .copy_right{font-size:14px}
    .footer_menu{gap:15px}
    .social_media{width:auto}
    .follow_media img{cursor:pointer;height:15px;width:auto}
    .media_follow{height:25px;width:25px}
    .header_menu{flex-direction:row;align-items:center;gap:10px;padding: 10px 0;}
    .logo img{height:27px;width:auto}
    .menus{column-gap:10px;row-gap:5px;width:100%;flex-wrap:wrap;justify-content:right}
    .contact_section {height: 70%;transition: 1.3s;}
    .main_btns{gap: 30px;justify-content: left;}
    .button2 {margin-left: 00px;}
    .tab_img{display: flex;justify-content: center;}
    .svg_design{height: auto;width: 380px;}
    .Infotech_wrapper .Infotech_block .col-md-6.secondtwo .text_wrapper:after {left: -40px;top: 125px;}
    .menu_btn{flex-direction: row;gap: 1rem;align-items: center;}
    .side-social {width: 45px;height: 45px;}
    .side-social img {width: 26px;}
    .carousel-control-prev {left: 10px!important;}
    .carousel-control-next {right: 10px!important;}
    .btn-btn-schedule {width: 119px;}
    .menu_pick a {font-size: 12px;}
    .btn-btn-schedule .button__bg {width: 119px;}
    .btn-btn-schedule .button__bg .blob {width: 119px;}
    #filter-goo-4 {font-size: 12px;padding: 0;}
    .button--4 .blob:nth-child(n+2) {width: max-content;height: 40px;}
}

@media (max-width: 768px) {
    .no_vacancy_img {width: 340px;height: auto;}
    .novacay_p {font-weight: 500;text-align: center;}
    .career_contact{text-align: center;}
    /* .sec-title {padding: 160px 0 50px 0;} */
    /* .resume_form{flex-direction: column;} */
    .services_connect{padding: 0 6px 0 0}
    .z_logo {width: 40px;height: auto;}
    .services_logo{justify-content: center;}
    .g-recaptcha {margin-bottom: 20px;margin-left: auto !important;display: flex;justify-content: center;}
    .design_response{display:block}
    .hero h1{font-size:34px;text-align:left;line-height:55px}
    .hero h2{font-size:22px;text-align:left}
    .copy__area{margin-left:20px}
    .scroller_style{font-size:24px;text-align:left}
    .scroller{margin:0 0;font-size:28px}
    .hero{height:80vh}
    .main_btns{padding-top:40px}
    .about_section h2{text-align:center;padding-bottom:20px;font-size:26px;font-weight:700}
    .one h2:after,.process_steps h2:after,.service_section h2:after,.contact_section h2::after{margin-top:18px}
    .process_steps h2,.service_section h2,.testimonial_section h2,.contact_section h2{text-align:center;padding-bottom:20px;font-size:24px;font-weight:700;text-transform:uppercase}
    /* .one h2:before,.process_steps h2:before,.service_section h2:before{bottom:-50px}
    .contact_section h2::before{bottom:-45px} */
    .process_step img{height:45px;width:auto}
    .nav-tabs{flex-wrap:nowrap!important;overflow-x:scroll;overflow-y:hidden;gap: 30px;}
    .process_step{font-size:16px;gap:16px}
    .process_desc{padding:30px 0}
    .tab_img img{width:auto;height:230px}
    .process_tetBlock h3{color:#000;font-size:28px;font-style:normal;font-weight:600;line-height:42px;margin-bottom:20px;text-transform:capitalize;text-align:left}
    .process_tetBlock p{font-size:16px;line-height:inherit;text-align:left}
    .technology_section{padding-top:20px;padding-bottom:0}
    .heroSlider-fixed h4{font-size:16px}
    .fact{height:100%}
    .barWrapper{width:100%}
    .Infotech{padding-bottom:45px;padding-top:40px}
    .Infotech_wrapper .Infotech_block .col-md-6.firstOne{padding-right:15px;flex-direction:column}
    .Infotech_wrapper .Infotech_block .col-md-6{padding:15px;position:relative}
    .Infotech_wrapper .text_wrapper h4{text-align:center;font-size:20px;line-height:26px}
    .Infotech_wrapper .text_wrapper h3{font-size:36px;line-height:44px;margin-bottom:10px;margin-top:10px;text-align:center}
    .Infotech_wrapper .btn_wrapper{background:#3eafd1;margin:32px auto auto}
    .images_wrapper img{height:230px;width:auto}
    .Infotech_wrapper .Infotech_block .col-md-6.secondtwo{padding-left:15px;padding-right:15px;flex-direction:column}
    .Infotech_wrapper:before{bottom:-15px;opacity:.2;width:calc(100% - 40px)}
    .Infotech_wrapper:after{bottom:-30px;opacity:.1;width:calc(100% - 85px)}
    .portfolio-section{padding-top:30px}
    .testimonial_wrapper .animation_block{display:none}
    .testimonial4_slide{width:80%;margin:auto;padding:20px 0}
    .testimonial4_slide img{width:90px;height:90px}
    .testimonial4_slide p{color:#000;font-size:16px;line-height:1.3;margin:20px 0;height:150px}
    .service_response{flex-direction:row;font-size:24px}
    .count_bg_numbers{justify-content:space-between;display:flex;flex-wrap:wrap;gap:10px}
    .bg-count{width:48%}
    .pa-40{padding:30px 0}
    .faq-section{background:#fdfdfd;padding:30px 0}
    .contact_form{padding:40px 0}
    .maps_response{flex-direction:row}
    .form_width{width:100%}
    #footer{padding-top:20px}
    .footer_menu{flex-direction:row}
    .copyrights{width:auto}
    .web_link{flex-direction:row;flex-wrap:wrap;gap:5px}
    .web_link span{display:block}
    .zil_web{font-size:14px}
    .copy_right{font-size:14px}
    .footer_menu{gap:15px}
    .social_media{width:auto}
    .follow_media img{cursor:pointer;height:15px;width:auto}
    .media_follow{height:25px;width:25px}
    .header_menu{flex-direction:row;align-items:center;gap:10px;padding: 10px 0;}
    .logo img{height:27px;width:auto}
    .menus{width:100%;flex-wrap:wrap;justify-content:right;column-gap: 7px;row-gap:5px}
    .contact_section {height: 70%;transition: 1.3s;}
    .main_btns{gap: 30px;justify-content: left;}
    .button2 {margin-left: 00px;}
    .tab_img{display: flex;justify-content: center;}
    .svg_design{height: auto;width: 350px;}
    .Infotech_wrapper .Infotech_block .col-md-6.secondtwo .text_wrapper:after {left: -40px;top: 125px;}
    .menu_btn{flex-direction: row;gap: 1rem;align-items: center;}
    .side-social {width: 45px;height: 45px;}
    .side-social img {width: 26px;}
    .carousel-control-prev {left: 10px!important;}
    .carousel-control-next {right: 10px!important;}
    .btn-btn-schedule {width: 119px;}
    .menu_pick a {font-size: 12px;}
    .btn-btn-schedule .button__bg {width: 119px;}
    .btn-btn-schedule .button__bg .blob {width: 119px;}
    #filter-goo-4 {font-size: 12px;padding: 0;}
    .button--4 .blob:nth-child(n+2) {width: max-content;height: 40px;}
    /* career page */
    .page_area5 {height: 60vh;}
    .cards-section{flex-direction: row;gap: 20px;}
    #content, #leftThing, #rightThing {width: 100%;}
    .margin-left50 {margin-left: 0%!important;justify-content: center;}
    .page_area1 {height: 50vh;}
    .title5 h1 {text-align: center;}
    .green img{height: 210px;width: auto;margin-top: 30px;}
    .career_title {font-size: 32px;line-height: 40px;}
    #content img, #leftThing img, #rightThing img{height: auto; width: 210px;}
    .resume_form {display: flex;align-items: center;justify-content: center;}
    /* .z_logo {Transform: translate(192px, -40%);width: 35px;height: auto;} */
}

@media only screen and (max-width: 730px) {
    .no_vacancy_img {width: 320px;height: auto;}
    .novacay_p {font-weight: 500;text-align: center;}
    .career_contact{text-align: center;}
    .sec-title {padding: 160px 0 50px 0;}
    .resume_form{flex-direction: column;}
    .services_connect{padding: 0 6px 0 0}
    .z_logo {width: 35px;height: auto;}
    .services_logo{justify-content: center;}
    .g-recaptcha {margin-bottom: 20px;margin-left: auto !important;display: flex;justify-content: center;}
    .design_response{display:none}
    .hero h1{font-size:34px;text-align:center;line-height:55px}
    .hero h2{font-size:22px;text-align:center}
    .copy__area{margin-left:0}
    .scroller_style{font-size:24px;text-align:center}
    .scroller{margin:0 auto;font-size:28px}
    .hero{height:95vh}
    .main_btns{padding-top:60px}
    .about_section h2{text-align:center;padding-bottom:20px;font-size:26px;font-weight:700}
    .one h2:after,.process_steps h2:after,.service_section h2:after,.contact_section h2::after, .faq-title h2::after{margin-top:18px}
    .process_steps h2,.service_section h2,.testimonial_section h2,.contact_section h2, .portfolio_sec h2{text-align:center;padding-bottom:20px;font-size:24px;font-weight:700;text-transform:uppercase}
    /* .one h2:before,.process_steps h2:before,.service_section h2:before, .faq-title h2::before{bottom:-50px}
    .contact_section h2::before{bottom:-45px} */
    .process_step img{height:45px;width:auto}
    .nav-tabs{flex-wrap:nowrap!important;overflow-x:scroll;overflow-y:hidden}
    .process_step{font-size:16px;gap:16px}
    .process_desc{padding:30px 0}
    .tab_img img{width:auto;height:230px}
    .process_tetBlock h3{color:#000;font-size:28px;font-style:normal;font-weight:600;line-height:42px;margin-bottom:20px;text-transform:capitalize;text-align:center}
    .process_tetBlock p{font-size:16px;line-height:inherit;text-align:center}
    .technology_section{padding-top:20px;padding-bottom:0}
    .heroSlider-fixed h4{font-size:16px}
    .fact{height:100%}
    .barWrapper{width:100%}
    .Infotech{padding-bottom:45px;padding-top:40px}
    .Infotech_wrapper .Infotech_block .col-md-6.firstOne{padding-right:15px;flex-direction:column}
    .Infotech_wrapper .Infotech_block .col-md-6{padding:15px;position:relative}
    .Infotech_wrapper .text_wrapper h4{text-align:center;font-size:20px;line-height:26px}
    .Infotech_wrapper .text_wrapper h3{font-size:36px;line-height:44px;margin-bottom:10px;margin-top:10px;text-align:center}
    .Infotech_wrapper .btn_wrapper{background:#3eafd1;margin:32px auto auto}
    .images_wrapper img{height:230px;width:auto}
    .Infotech_wrapper .Infotech_block .col-md-6.secondtwo{padding-left:15px;padding-right:15px;flex-direction:column}
    .Infotech_wrapper:before{bottom:-15px;opacity:.2;width:calc(100% - 40px)}
    .Infotech_wrapper:after{bottom:-30px;opacity:.1;width:calc(100% - 85px)}
    .portfolio-section{padding-top:30px}
    .testimonial_wrapper .animation_block{display:none}
    .testimonial4_slide{width:80%;margin:auto;padding:20px 0}
    .testimonial4_slide img{width:90px;height:90px}
    .testimonial4_slide p{color:#000;font-size:16px;line-height:1.3;margin:20px 0;height:190px}
    .service_response{flex-direction:column;font-size:24px}
    .count_bg_numbers{justify-content:space-between;display:flex;flex-wrap:wrap;gap:10px}
    .bg-count{width:48%}
    .pa-40{padding:30px 0}
    .faq-section{background:#fdfdfd;padding:30px 0}
    .contact_form{padding:40px 0}
    .maps_response{flex-direction:column-reverse}
    .form_width{width:100%}
    #footer{padding-top:80px}
    .footer_menu{flex-direction:column}
    .copyrights{width:auto}
    .web_link{flex-direction:row;flex-wrap:wrap;gap:5px}
    .web_link span{display:block}
    .zil_web{font-size:14px}
    .copy_right{font-size:14px}
    .footer_menu{gap:15px}
    .social_media{width:auto}
    .follow_media img{cursor:pointer;height:15px;width:auto}
    .media_follow{height:25px;width:25px}
    .header_menu{flex-direction:column;align-items:center;gap:10px;padding: 10px 0;}
    .logo img{height:27px;width:auto}
    .menus{gap:15px;width:100%;flex-wrap:wrap;justify-content:center}
    .contact_section {height: 70%;transition: 1.3s;}
    .main_btns{gap: 30px;justify-content: center;}
    .button2 {margin-left: 00px;}
    .tab_img{display: flex;justify-content: center;}
    .Infotech_wrapper .Infotech_block .col-md-6.secondtwo .text_wrapper:after {left: -40px;top: 125px;}
    .Infotech_wrapper .Infotech_block>div {flex-direction: column;}
    .tab-pane .align-center{flex-direction: column;}
    .menu_btn{flex-direction: column;gap: 1rem;align-items: center;}
    .side-social {width: 45px;height: 45px;}
    .side-social img {width: 26px;}
    .carousel-control-prev {left: 10px!important;}
    .carousel-control-next {right: 10px!important;}
    /* career page */
    .page_area5 {height: 60vh;}
    .cards-section{flex-direction: column;gap: 20px;}
    #content, #leftThing, #rightThing {width: 100%;}
    .margin-left50 {margin-left: 0%!important;justify-content: center;}
    .page_area1 {height: 60vh;}
    .title5 h1 {text-align: center;}
    .green img{height: 330px;width: auto;margin-top: 30px;}
    .career_title {font-size: 32px;line-height: 40px;}
    #content img, #leftThing img, #rightThing img{height: auto; width: 350px;}
}

@media screen and (max-width: 575px) {
    .no_vacancy_img {width: 280px;height: auto;}
    .novacay_p {font-weight: 500;text-align: center;}
    .career_contact{text-align: center;}
    .sec-title {padding: 160px 0 50px 0;}
    .resume_form{flex-direction: column;}
    .services_connect{padding: 0 0px 0 0}
    .z_logo {width: 30px;height: auto;}
    .services_logo{justify-content: center;}
    .g-recaptcha {margin-bottom: 20px;margin-left: auto !important;display: flex;justify-content: center;}
    .design_response{display:none}
    .hero h1{font-size:34px;text-align:center;line-height:55px}
    .hero h2{font-size:22px;text-align:center}
    .copy__area{margin-left:0}
    .scroller_style{font-size:24px;text-align:center}
    .scroller{margin:0 auto;font-size:28px}
    .hero{height:90vh}
    .main_btns{padding-top:60px}
    .about_section h2{text-align:center;padding-bottom:20px;font-size:26px;font-weight:700}
    .one h2:after,.process_steps h2:after,.service_section h2:after,.contact_section h2::after{margin-top:18px}
    .process_steps h2,.service_section h2,.testimonial_section h2,.contact_section h2{text-align:center;padding-bottom:20px;font-size:24px;font-weight:700;text-transform:uppercase}
    /* .one h2:before,.process_steps h2:before,.service_section h2:before{bottom:-50px}
    .contact_section h2::before{bottom:-45px} */
    .process_step img{height:45px;width:auto}
    .nav-tabs{flex-wrap:nowrap!important;overflow-x:scroll;overflow-y:hidden}
    .process_step{font-size:16px;gap:16px}
    .process_desc{padding:30px 0}
    .tab_img img{width:auto;height:230px}
    .process_tetBlock h3{color:#000;font-size:28px;font-style:normal;font-weight:600;line-height:42px;margin-bottom:20px;text-transform:capitalize;text-align:center}
    .process_tetBlock p{font-size:16px;line-height:inherit;text-align:center}
    .technology_section{padding-top:20px;padding-bottom:0}
    .heroSlider-fixed h4{font-size:16px}
    .fact{height:100%}
    .barWrapper{width:100%}
    .Infotech{padding-bottom:45px;padding-top:40px}
    .Infotech_wrapper .Infotech_block .col-md-6.firstOne{padding-right:15px;flex-direction:column}
    .Infotech_wrapper .Infotech_block .col-md-6{padding:15px;position:relative}
    .Infotech_wrapper .text_wrapper h4{text-align:center;font-size:20px;line-height:26px}
    .Infotech_wrapper .text_wrapper h3{font-size:36px;line-height:44px;margin-bottom:10px;margin-top:10px;text-align:center}
    .Infotech_wrapper .btn_wrapper{background:#3eafd1;margin:32px auto auto}
    .images_wrapper img{height:230px;width:auto}
    .Infotech_wrapper .Infotech_block .col-md-6.secondtwo{padding-left:15px;padding-right:15px;flex-direction:column}
    .Infotech_wrapper:before{bottom:-15px;opacity:.2;width:calc(100% - 40px)}
    .Infotech_wrapper:after{bottom:-30px;opacity:.1;width:calc(100% - 85px)}
    .portfolio-section{padding-top:30px}
    .testimonial_wrapper .animation_block{display:none}
    .testimonial4_slide{width:80%;margin:auto;padding:20px 0}
    .testimonial4_slide img{width:90px;height:90px}
    .testimonial4_slide p{color:#000;font-size:16px;line-height:1.3;margin:20px 0;height:190px}
    .service_response{flex-direction:column;font-size:24px}
    .count_bg_numbers{justify-content:space-between;display:flex;flex-wrap:wrap;gap:10px}
    .bg-count{width:48%}
    .pa-40{padding:30px 0}
    .faq-section{background:#fdfdfd;padding:30px 0}
    .contact_form{padding:40px 0}
    .maps_response{flex-direction:column-reverse}
    .form_width{width:100%}
    #footer{padding-top:80px}
    .footer_menu{flex-direction:column}
    .copyrights{width:auto}
    .web_link{flex-direction:row;flex-wrap:wrap;gap:5px}
    .web_link span{display:block}
    .zil_web{font-size:14px}
    .copy_right{font-size:14px}
    .footer_menu{gap:15px}
    .social_media{width:auto}
    .follow_media img{cursor:pointer;height:15px;width:auto}
    .media_follow{height:25px;width:25px}
    .header_menu{flex-direction:column;align-items:center;gap:10px;padding: 10px 0;}
    .logo img{height:27px;width:auto}
    .menus{gap:15px;width:100%;flex-wrap:wrap;justify-content:center}
    .contact_section {height: 70%;transition: 1.3s;}
    .main_btns{gap: 30px;justify-content: center;}
    .button2 {margin-left: 00px;}
    .tab_img{display: flex;justify-content: center;}
    .Infotech_wrapper .Infotech_block .col-md-6.secondtwo .text_wrapper:after {left: -40px;top: 125px;}
    .Infotech_wrapper .Infotech_block>div {flex-direction: column;}
    .tab-pane .align-center{flex-direction: column;}
    .menu_btn{flex-direction: column;gap: 1rem;align-items: center;}
    .side-social {width: 40px;height: 45px;}
    .side-social img {width: 24px;}
    .carousel-control-prev {left: 10px!important;}
    .carousel-control-next {right: 10px!important;}
    /* career page */
    .page_area5 {height: 80vh;}
    .cards-section{flex-direction: column;gap: 20px;}
    #content, #leftThing, #rightThing {width: 100%;}
    .margin-left50 {margin-left: 0%!important;justify-content: center;}
    .page_area1 {height: 50vh;}
    .title5 h1 {text-align: center;}
    .green img{height: 330px;width: auto;margin-top: 30px;}
    .career_title {font-size: 32px;line-height: 40px;}
    #content img, #leftThing img, #rightThing img{height: auto; width: 350px;}
}

@media screen and (max-width: 500px) {
    .no_vacancy_img {width: 250px;height: auto;}
    .novacay_p {font-weight: 500;text-align: center;}
    .career_contact{text-align: center;}
    .sec-title {padding: 160px 0 50px 0;}
    .resume_form{flex-direction: column;}
    .services_logo{justify-content: center;}
    .z_logo {width: 30px;height: auto;}
    .g-recaptcha {margin-bottom: 20px;margin-left: auto !important;display: flex;justify-content: center;}
    .design_response{display:none}
    .hero h1{font-size:34px;text-align:center;line-height:55px}
    .hero h2{font-size:22px;text-align:center}
    .copy__area{margin-left:0}
    .scroller_style{font-size:24px;text-align:center}
    .scroller{margin:0 auto;font-size:28px}
    .hero{height:95vh}
    .main_btns{padding-top:60px}
    .about_section h2{text-align:center;padding-bottom:20px;font-size:26px;font-weight:700}
    .one h2:after,.process_steps h2:after,.service_section h2:after,.contact_section h2::after, .faq-title h2::after{margin-top:18px}
    .process_steps h2,.service_section h2,.testimonial_section h2,.contact_section h2, .portfolio_sec h2{text-align:center;padding-bottom:20px;font-size:24px;font-weight:700;text-transform:uppercase}
    /* .one h2:before{bottom:-50px}
    .process_steps h2:before{bottom:-47px}
    .service_section h2:before{bottom:-48px}
    .faq-title h2::before{bottom:-45px}
    .contact_section h2::before{bottom:-45px} */
    .process_step img{height:45px;width:auto}
    .nav-tabs{flex-wrap:nowrap!important;overflow-x:scroll;overflow-y:hidden}
    .process_step{font-size:16px;gap:16px}
    .process_desc{padding:30px 0}
    .tab_img img{width:auto;height:230px}
    .process_tetBlock h3{color:#000;font-size:28px;font-style:normal;font-weight:600;line-height:42px;margin-bottom:20px;text-transform:capitalize;text-align:center}
    .process_tetBlock p{font-size:16px;line-height:inherit;text-align:center}
    .technology_section{padding-top:20px;padding-bottom:0}
    .heroSlider-fixed h4{font-size:16px}
    .fact{height:100%}
    .barWrapper{width:100%}
    .Infotech{padding-bottom:45px;padding-top:40px}
    .Infotech_wrapper .Infotech_block .col-md-6.firstOne{padding-right:15px;flex-direction:column}
    .Infotech_wrapper .Infotech_block .col-md-6{padding:15px;position:relative}
    .Infotech_wrapper .text_wrapper h4{text-align:center;font-size:18px;line-height:26px}
    .Infotech_wrapper .text_wrapper h3{font-size:30px;line-height:36px;margin-bottom:10px;margin-top:10px;text-align:center}
    .Infotech_wrapper .btn_wrapper{background:#3eafd1;margin:32px auto auto}
    .images_wrapper img{height:230px;width:auto}
    .Infotech_wrapper .Infotech_block .col-md-6.secondtwo{padding-left:15px;padding-right:15px;flex-direction:column}
    .Infotech_wrapper:before{bottom:-15px;opacity:.2;width:calc(100% - 40px)}
    .Infotech_wrapper:after{bottom:-30px;opacity:.1;width:calc(100% - 85px)}
    .portfolio-section{padding-top:30px}
    .testimonial_wrapper .animation_block{display:none}
    .testimonial4_slide{width:80%;margin:auto;padding:20px 0}
    .testimonial4_slide img{width:90px;height:90px}
    .testimonial4_slide p{color:#000;font-size:16px;line-height:1.3;margin:20px 0;height:190px}
    .service_response{flex-direction:column;font-size:24px}
    .count_bg_numbers{justify-content:space-between;display:flex;flex-wrap:wrap;gap:10px}
    .bg-count{width:48%}
    .pa-40{padding:30px 0}
    .faq-section{background:#fdfdfd;padding:30px 0}
    .contact_form{padding:40px 0}
    .maps_response{flex-direction:column-reverse}
    .form_width{width:100%}
    #footer{padding-top:80px}
    .footer_menu{flex-direction:column}
    .copyrights{width:auto}
    .web_link{flex-direction:row;flex-wrap:wrap;gap:5px}
    .web_link span{display:block}
    .zil_web{font-size:14px}
    .copy_right{font-size:14px}
    .footer_menu{gap:15px}
    .social_media{width:auto}
    .follow_media img{cursor:pointer;height:15px;width:auto}
    .media_follow{height:25px;width:25px}
    .header_menu{flex-direction:column;align-items:center;gap:10px;padding: 10px 0;}
    .logo img{height:27px;width:auto}
    .menus{gap:15px;width:100%;flex-wrap:wrap;justify-content:center}
    .contact_section {height: 70%;transition: 1.3s;}
    .main_btns{gap: 30px;justify-content: center;}
    .button2 {margin-left: 00px;}
    .tab_img{display: flex;justify-content: center;}
    .Infotech_wrapper .Infotech_block>div {flex-direction: column;}
    .tab-pane .align-center{flex-direction: column;}
    .menu_btn{flex-direction: column;gap: 1rem;align-items: center;}
    .side-social {width: 40px;height: 45px;}
    .side-social img {width: 24px;}
    .carousel-control-prev {left: 10px!important;}
    .carousel-control-next {right: 10px!important;}
    /* career page */
    .page_area5 {height: 80vh;}
    .cards-section{flex-direction: column;gap: 20px;}
    #content, #leftThing, #rightThing {width: 100%;}
    .margin-left50 {margin-left: 0%!important;justify-content: center;}
    .page_area1 {height: 60vh;}
    .title5 h1 {text-align: center;}
    .green img{height: 280px;width: auto;margin-top: 30px;}
    .career_title {font-size: 32px;line-height: 40px;}
    #content img, #leftThing img, #rightThing img{height: auto; width: 350px;}  
}

@media (max-width: 426px) {
    .no_vacancy_img {width: 250px;height: auto;}
    .novacay {font-size: 20px;}
    .novacay_p {font-weight: 500;text-align: center;}
    .career_contact{text-align: center;}
    .sec-title {padding: 160px 0 50px 0;}
    .resume_form{flex-direction: column;}
    .services_logo{justify-content: center;}
    .z_logo {width: 30px;height: auto;}
    .g-recaptcha {margin-bottom: 20px;margin-left: auto !important;display: flex;justify-content: center;}
    .design_response{display:none}
    .hero h1{font-size:34px;text-align:center;line-height:55px}
    .hero h2{font-size:22px;text-align:center}
    .copy__area{margin-left:0}
    .scroller_style{font-size:24px;text-align:center}
    .scroller{margin:0 auto;font-size:28px}
    .hero{height:95vh}
    .main_btns{padding-top:60px}
    .about_section h2{text-align:center;padding-bottom:20px;font-size:26px;font-weight:700}
    .one h2:after,.process_steps h2:after,.service_section h2:after,.contact_section h2::after, .faq-title h2::after{margin-top:18px}
    .process_steps h2,.service_section h2,.testimonial_section h2,.contact_section h2, .portfolio_sec h2{text-align:center;padding-bottom:20px;font-size:24px;font-weight:700;text-transform:uppercase}
    /* .one h2:before{bottom:-50px}
    .process_steps h2:before{bottom:-47px}
    .service_section h2:before{bottom:-48px}
    .faq-title h2::before{bottom:-45px}
    .contact_section h2::before{bottom:-45px} */
    .process_step img{height:35px;width:auto}
    .nav-tabs{flex-wrap:nowrap!important;overflow-x:scroll;overflow-y:hidden}
    .process_step{font-size:14px;gap:14px}
    .process_desc{padding:30px 0}
    .tab_img img{width:auto;height:230px}
    .process_tetBlock h3{color:#000;font-size:28px;font-style:normal;font-weight:600;line-height:42px;margin-bottom:20px;text-transform:capitalize;text-align:center}
    .process_tetBlock p{font-size:16px;line-height:inherit;text-align:center}
    .technology_section{padding-top:20px;padding-bottom:0}
    .heroSlider-fixed h4{font-size:16px}
    .fact{height:100%}
    .barWrapper{width:100%}
    .Infotech{padding-bottom:45px;padding-top:40px}
    .Infotech_wrapper .Infotech_block .col-md-6.firstOne{padding-right:15px;flex-direction:column}
    .Infotech_wrapper .Infotech_block .col-md-6{padding:15px;position:relative}
    .Infotech_wrapper .text_wrapper h4{text-align:center;font-size:18px;line-height:26px}
    .Infotech_wrapper .text_wrapper h3{font-size:30px;line-height:36px;margin-bottom:10px;margin-top:10px;text-align:center}
    .Infotech_wrapper .btn_wrapper{background:#3eafd1;margin:32px auto auto}
    .images_wrapper img{height:230px;width:auto}
    .Infotech_wrapper .Infotech_block .col-md-6.secondtwo{padding-left:15px;padding-right:15px;flex-direction:column}
    .Infotech_wrapper:before{bottom:-15px;opacity:.2;width:calc(100% - 40px)}
    .Infotech_wrapper:after{bottom:-30px;opacity:.1;width:calc(100% - 85px)}
    .portfolio-section{padding-top:30px}
    .testimonial_wrapper .animation_block{display:none}
    .testimonial4_slide{width:80%;margin:auto;padding:20px 0}
    .testimonial4_slide img{width:90px;height:90px}
    .testimonial4_slide p{color:#000;font-size:16px;line-height:1.3;margin:20px 0;height:240px}
    .service_response{flex-direction:column;font-size:24px}
    .count_bg_numbers{justify-content:space-between;display:flex;flex-wrap:wrap;gap:10px}
    .bg-count{width:48%}
    .pa-40{padding:30px 0}
    .faq-section{background:#fdfdfd;padding:30px 0}
    .contact_form{padding:40px 0}
    .maps_response{flex-direction:column-reverse}
    .form_width{width:100%}
    #footer{padding-top:80px}
    .footer_menu{flex-direction:column}
    .copyrights{width:auto}
    .web_link{flex-direction:column;flex-wrap:wrap;gap:5px}
    .web_link span{display:none}
    .zil_web{font-size:14px}
    .copy_right{font-size:14px}
    .footer_menu{gap:20px}
    .social_media{width:auto}
    .follow_media img{cursor:pointer;height:15px;width:auto}
    .media_follow{height:25px;width:25px}
    .header_menu{flex-direction:column;align-items:center;gap:10px;padding: 10px 0;}
    .logo img{height:27px;width:auto}
    .menus{gap:8px;width:100%;flex-wrap:wrap;justify-content:center}
    .contact_section {height: 70%;transition: 1.3s;}
    .Infotech_wrapper .Infotech_block>div {flex-direction: column;}
    .tab-pane .align-center{flex-direction: column;}
    .menu_btn{flex-direction: column;gap: 1rem;align-items: center;}
    .side-social {width: 40px;height: 45px;}
    .side-social img {width: 24px;}
    .carousel-control-prev {left: 10px!important;}
    .carousel-control-next {right: 10px!important;}
    /* career page */
    .page_area5 {height: 80vh;}
    .cards-section{flex-direction: column;gap: 20px;}
    #content, #leftThing, #rightThing {width: 100%;}
    .margin-left50 {margin-left: 0%!important;justify-content: center;}
    .page_area1 {height: 70vh;}
    .title5 h1 {text-align: center;}
    .green img{height: 180px;width: auto;margin-top: 30px;}
    .career_title {font-size: 32px;line-height: 40px;}
    #content img, #leftThing img, #rightThing img{height: auto; width: 300px;}
}

@media (max-width: 376px) {
    .no_vacancy_img {width: 250px;height: auto;}
    .novacay {font-size: 20px;}
    .novacay_p {font-weight: 500;text-align: center;}
    .career_contact{text-align: center;}
    .sec-title {padding: 160px 0 50px 0;}
    .resume_form{flex-direction: column;}
    .services_connect{padding: 0 00px 0 0}
    .z_logo {width: 30px;height: auto;}
    .g-recaptcha {margin-bottom: 20px;margin-left: auto !important;display: flex;justify-content: center;}
    .services_logo{justify-content: center;}
    .design_response{display:none}
    .hero h1{font-size:34px;text-align:center;line-height:55px}
    .hero h2{font-size:22px;text-align:center}
    .copy__area{margin-left:0}
    .scroller_style{font-size:24px;text-align:center}
    .scroller{margin:0 auto;font-size:28px}
    .hero{height:100vh}
    .main_btns{padding-top:60px}
    .about_section h2{text-align:center;padding-bottom:20px;font-size:26px;font-weight:700}
    .one h2:after,.process_steps h2:after,.service_section h2:after,.contact_section h2::after, .faq-title h2::after{margin-top:18px}
    .process_steps h2,.service_section h2,.testimonial_section h2,.contact_section h2, .portfolio_sec h2{text-align:center;padding-bottom:20px;font-size:24px;font-weight:700;text-transform:uppercase}
    /* .one h2:before{bottom:-50px}
    .process_steps h2:before{bottom:-47px}
    .service_section h2:before{bottom:-47px}
    .faq-title h2::before{bottom:-45px}
    .contact_section h2::before{bottom:-45px} */
    .process_step img{height:35px;width:auto}
    .nav-tabs{flex-wrap:nowrap!important;overflow-x:scroll;overflow-y:hidden}
    .process_step{font-size:14px;gap:14px}
    .process_desc{padding:30px 0}
    .tab_img img{width:auto;height:230px}
    .process_tetBlock h3{color:#000;font-size:28px;font-style:normal;font-weight:600;line-height:42px;margin-bottom:20px;text-transform:capitalize;text-align:center}
    .process_tetBlock p{font-size:16px;line-height:inherit;text-align:center}
    .technology_section{padding-top:20px;padding-bottom:0}
    .heroSlider-fixed h4{font-size:16px}
    .fact{height:100%}
    .barWrapper{width:100%}
    .Infotech{padding-bottom:45px;padding-top:40px}
    .Infotech_wrapper .Infotech_block .col-md-6.firstOne{padding-right:15px;flex-direction:column}
    .Infotech_wrapper .Infotech_block .col-md-6{padding:15px;position:relative}
    .Infotech_wrapper .text_wrapper h4{text-align:center;font-size:18px;line-height:26px}
    .Infotech_wrapper .text_wrapper h3{font-size:30px;line-height:36px;margin-bottom:10px;margin-top:10px;text-align:center}
    .Infotech_wrapper .btn_wrapper{background:#3eafd1;margin:32px auto auto}
    .images_wrapper img{height:230px;width:auto}
    .Infotech_wrapper .Infotech_block .col-md-6.secondtwo{padding-left:15px;padding-right:15px;flex-direction:column}
    .Infotech_wrapper:before{bottom:-15px;opacity:.2;width:calc(100% - 40px)}
    .Infotech_wrapper:after{bottom:-30px;opacity:.1;width:calc(100% - 85px)}
    .portfolio-section{padding-top:30px}
    .testimonial_wrapper .animation_block{display:none}
    .testimonial4_slide{width:80%;margin:auto;padding:20px 0}
    .testimonial4_slide img{width:90px;height:90px}
    .testimonial4_slide p{color:#000;font-size:16px;line-height:1.3;margin:20px 0;height:250px}
    .service_response{flex-direction:column;font-size:24px}
    .count_bg_numbers{justify-content:space-between;display:flex;flex-wrap:wrap;gap:10px}
    .bg-count{width:48%}
    .pa-40{padding:30px 0}
    .faq-section{background:#fdfdfd;padding:30px 0}
    .contact_form{padding:40px 0}
    .maps_response{flex-direction:column-reverse}
    .form_width{width:100%}
    #footer{padding-top:80px}
    .footer_menu{flex-direction:column}
    .copyrights{width:auto}
    .web_link{flex-direction:column;flex-wrap:wrap;gap:5px}
    .web_link span{display:none}
    .zil_web{font-size:14px}
    .copy_right{font-size:14px}
    .footer_menu{gap:20px}
    .social_media{width:auto}
    .follow_media img{cursor:pointer;height:15px;width:auto}
    .media_follow{height:25px;width:25px}
    .header_menu{flex-direction:column;align-items:center;gap:10px;padding: 10px 0;}
    .logo img{height:27px;width:auto}
    .menus{gap:8px;width:100%;flex-wrap:wrap;justify-content:center}
    .Infotech_wrapper .Infotech_block>div {flex-direction: column;}
    .tab-pane .align-center{flex-direction: column;}
    .menu_btn{flex-direction: column;gap: 1rem;align-items: center;}
    .side-social {width: 40px;height: 45px;}
    .side-social img {width: 24px;}
    .carousel-control-prev {left: 10px!important;}
    .carousel-control-next {right: 10px!important;}
    /* career page */
    .page_area5 {height: 80vh;}
    .cards-section{flex-direction: column;gap: 20px;}
    #content, #leftThing, #rightThing {width: 100%;}
    .margin-left50 {margin-left: 0%!important;justify-content: center;}
    .page_area1 {height: 85vh;}
    .title5 h1 {text-align: center;}
    .green img{height: 180px;width: auto;margin-top: 30px;}
    .career_title {font-size: 32px;line-height: 40px;}
    #content img, #leftThing img, #rightThing img{height: auto; width: 270px;}
}

@media screen and (max-width: 320px) {
    .design_response{display:none}
    .hero h1{font-size:34px;text-align:center;line-height:55px}
    .hero h2{font-size:22px;text-align:center}
    .copy__area{margin-left:0}
    .scroller_style{font-size:24px;text-align:center}
    .scroller{margin:0 auto;font-size:28px}
    .hero{height:85vh}
    .main_btns{padding-top:40px}
    .about_section h2{text-align:center;padding-bottom:20px;font-size:26px;font-weight:700}
    .one h2:after,.process_steps h2:after,.service_section h2:after,.contact_section h2::after, .faq-title h2::after{margin-top:18px}
    .process_steps h2,.service_section h2,.testimonial_section h2,.contact_section h2, .portfolio_sec h2{text-align:center;padding-bottom:20px;font-size:24px;font-weight:700;text-transform:uppercase}
    /* .one h2:before{bottom:-49px}
    .process_steps h2:before{bottom:-47px}
    .service_section h2:before {bottom:-47px} 
    .faq-title h2::before{bottom:-45px}
    .contact_section h2::before{bottom:-45px} */
    .process_step img{height:35px;width:auto}
    .nav-tabs{flex-wrap:nowrap!important;overflow-x:scroll;overflow-y:hidden}
    .process_step{font-size:14px;gap:14px}
    .process_desc{padding:30px 0}
    .tab_img img{width:auto;height:230px}
    .process_tetBlock h3{color:#000;font-size:28px;font-style:normal;font-weight:600;line-height:42px;margin-bottom:20px;text-transform:capitalize;text-align:center}
    .process_tetBlock p{font-size:16px;line-height:inherit;text-align:center}
    .technology_section{padding-top:20px;padding-bottom:0}
    .heroSlider-fixed h4{font-size:16px}
    .fact{height:440px}
    .barWrapper{width:100%}
    .Infotech{padding-bottom:45px;padding-top:40px}
    .Infotech_wrapper .Infotech_block .col-md-6.firstOne{padding-right:15px;flex-direction:column}
    .Infotech_wrapper .Infotech_block .col-md-6{padding:15px;position:relative}
    .Infotech_wrapper .text_wrapper h4{text-align:center;font-size:18px;line-height:26px}
    .Infotech_wrapper .text_wrapper h3{font-size:30px;line-height:36px;margin-bottom:10px;margin-top:10px;text-align:center}
    .Infotech_wrapper .btn_wrapper{background:#3eafd1;margin:32px auto auto}
    .images_wrapper img{height:230px;width:auto}
    .Infotech_wrapper .Infotech_block .col-md-6.secondtwo{padding-left:15px;padding-right:15px;flex-direction:column}
    .Infotech_wrapper:before{bottom:-15px;opacity:.2;width:calc(100% - 40px)}
    .Infotech_wrapper:after{bottom:-30px;opacity:.1;width:calc(100% - 85px)}
    .portfolio-section{padding-top:30px}
    .testimonial_wrapper .animation_block{display:none}
    .testimonial4_slide{width:80%;margin:auto;padding:20px 0}
    .testimonial4_slide img{width:90px;height:90px}
    .testimonial4_slide p{color:#000;font-size:16px;line-height:1.3;margin:20px 0;height:300px}
    .service_response{flex-direction:column;font-size:24px}
    .count_bg_numbers{justify-content:space-between;display:flex;flex-wrap:wrap;gap:10px}
    .bg-count{width:48%}
    .pa-40{padding:30px 0}
    .faq-section{background:#fdfdfd;padding:30px 0}
    .contact_form{padding:40px 0}
    .maps_response{flex-direction:column-reverse}
    .form_width{width:100%}
    #footer{padding-top:80px}
    .footer_menu{flex-direction:column}
    .copyrights{width:auto}
    .web_link{flex-direction:column;flex-wrap:wrap;gap:5px}
    .web_link span{display:none}
    .zil_web{font-size:12px}
    .copy_right{font-size:12px}
    .footer_menu{gap:20px}
    .social_media{width:auto}
    .follow_media img{cursor:pointer;height:15px;width:auto}
    .media_follow{height:25px;width:25px}
    .header_menu{flex-direction:column;align-items:center;gap:10px;padding: 10px 0;}
    .logo img{height:27px;width:auto}
    .menus{gap:8px;width:100%;flex-wrap:wrap;justify-content:center}
    .Infotech_wrapper .Infotech_block>div {flex-direction: column;}
    .tab-pane .align-center{flex-direction: column;}
    .menu_btn{flex-direction: column;gap: 1rem;align-items: center;}
    .side-social {width: 40px;height: 45px;}
    .side-social img {width: 24px;}
    .carousel-control-prev {left: 10px!important;}
    .carousel-control-next {right: 10px!important;}
    /* career page */
    .page_area5 {height: 80vh;}
    .cards-section{flex-direction: column;gap: 20px;}
    #content, #leftThing, #rightThing {width: 100%;}
    .margin-left50 {margin-left: 0%!important;justify-content: center;}
    .page_area1 {height: 70vh;}
    .title5 h1 {text-align: center;}
    .green img{height: 180px;width: auto;margin-top: 30px;}
    .career_title {font-size: 32px;line-height: 40px;}
    #content img, #leftThing img, #rightThing img{height: auto; width: 260px;}
}