@import "//fonts.googleapis.com/css2?family=Poppins:wght@500;700&display=swap";

body{
    text-align: left !important;
}

.font-poppins-800{font-family: 'Poppins', sans-serif !important;font-weight:800 !important;}

.font-poppins-500, .faq_style.faq{font-family: 'Poppins', sans-serif !important;font-weight:500 !important;}

.home .section_4 {background: inherit;}

.font-45{font-size:45px !important;}

.color-red{color:#be1310 !important;}

.border-right{border-right:1px solid #a5a5a5;}

.column-btw-space{padding:0px 30px; margin:0px;}

.home .section_wrapper.mcb-section-inner{padding:20px;}

.full_width .section_wrapper {width: 100%;max-width:1400px;margin-left:auto;margin-right:auto;}

.verticle-middle{display:flex;align-items: center;}

.mb-20{margin-bottom:20px !important;}

.mb-10{margin-bottom:10px !important;}

.p-0{padding:0px !important;}

.pt-0{padding-top:0px !important;}

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

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

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

.spacer-20{height:20px !important;clear: both;}

.position-relative, .tabing .nav-tabs li.active, .verticle_tab .nav-tabs li.active{position:relative !important;}

.image-style {border-radius: 30px;box-shadow: 0px 4px 15px rgb(37 63 80 / 25%);}

.home a{color:#253f50 !important;}

.home .text-justify {text-align: justify !important;}

.home .text-center{text-align:center !important;}

.home p, .home p a{font-family:'Poppins', sans-serif !important;font-weight:500 !important;line-height:1.6 !important;}

.home .section_4{padding:30px 0px;}

.home h1{font-family:'Poppins', sans-serif !important;font-weight:800 !important;line-height:1.3em !important;font-size:45px;color:#253f50;}

.home h2{font-family:'Poppins', sans-serif !important;font-weight:800 !important;line-height:1.3em !important;font-size:40px;color:#253f50;}

.home h3{font-family:'Poppins', sans-serif !important;font-weight:800 !important;line-height:1.3em !important;font-size:35px;color:#253f50;}

.home h4{font-family:'Poppins', sans-serif !important;font-weight:800 !important;line-height:1.3em !important;font-size:30px;color:#253f50;}

.home h5{font-family:'Poppins', sans-serif !important;font-weight:800 !important;line-height:1.3em !important;font-size:25px;color:#253f50;}

.home h6{font-family:'Poppins', sans-serif !important;font-weight:800 !important;line-height:1.3em !important;font-size:20px;color:#253f50;}

.tab_banner {
    background: url(/photos/1/Zebratechies-new-page-Banner.jpg) !important;
    height: 600px !important;
    background-position: top center !important;
    background-size: cover !important;
}
#Header_wrapper {
    background-color: transparent !important;
}
.logo a img {
    min-height: 85px;
}
 /* .tab_banner.lazy-background.visible {
    background: url(/photos/1/Zebratechies-new-page-Banner.jpg) !important;
}  */

.banner_points {margin: 0px !important;margin-left: -28px !important; margin-right: 28px !important;}

.tab_banner h1{font-size:48px;}

.banner_points li {list-style: none !important;background: #be1310;color: #fff;padding: 12px 20px;border-radius: 0px 40px 100px 0px;font-size: 19px;font-family: 'Poppins'; width: calc(100% - 6%);}

.banner_points li:nth-child(2) {width: calc(100% - 9%);background: #000000;}

.banner_points li:nth-child(3) {width: calc(100% - 12%);}

.banner_points li:nth-child(4) {width: calc(100% - 16%);background: #000000;}

.awards {display: flex;justify-content: center;}

.awards li {transition: 0.3s ease-in-out;background: #fff;margin: 0px 7px 10px;padding: 5px; transform: scale(1);box-shadow: 0px 0px 15px rgb(0 0 0 / 20%);border-radius: 5px;}

.awards li:hover{transition: 0.3s ease-in-out;transform: scale(0.9);}

.info_section {background: #e6f2fd;padding: 20px 12px;border-radius: 20px;min-height: 308px;}

.info_section .icon {width: 65px;height: 65px;background: #be1310;border-radius: 50px;padding: 10px;margin:auto;margin-top: -50px;}

.info_section .icon img, .credential img{filter: invert(1);}

.service_column:hover .image_rorate img{filter: brightness(0) invert(1);}

.info h5 {font-size: 17px;text-align: center;margin-top: 11px;}

.info p {font-size: 13px;text-align: center !important;}

.info_section .info .service_price {margin: 7px 0px;font-weight: 600 !important;color: #be1310;text-align: center !important;}

.info_section .info .service_price .price_amount {font-size: 14px;border: 1px solid #253f50;padding: 3px 10px;display: inline-block;border-radius: 100px; min-width: 115px; color: #fff;

background: #253f50;margin: 5px 0px;}

.info_section .info .learn_more a {text-decoration:none !important;font-weight: 600 !important;text-transform: uppercase;font-size: 13px;letter-spacing: 1px;display: inline-block;color: #000;position: relative;padding-bottom: 5px;}

.info_section .info .learn_more a:after {content: "";width: 0%;height: 2px;background: #000;bottom: 0;top: auto;position: absolute;left: 0;transition: 0.4s ease-in-out;transform-origin: left;}

.info_section .info .learn_more a:hover:after{width: 100%;transition: 0.4s ease-in-out;}

.text_info h6 {background: #be1310;color: #fff;padding: 10px;font-size: 18px;min-height: 78px;display: flex;align-items: center;}

.text_info p {padding: 12px;background: #e6f2fd;margin-top: 5px;min-height: 192px;}

.credential {text-align: center;padding: 10px;position: relative; color: #fff !important;}

.credential:before, .credential:after {content: '';position: absolute;width: calc(100% - 35px);height: calc(100% - 35px);border: 1px solid #e5e7e9;pointer-events: none;transition: .33s all ease;visibility: visible;}

.credential:before {top: 0px;left: 0;border-width: 2px 0 0 2px;}

.credential:after {bottom: 0;right: 0px;border-width: 0 2px 2px 0;}

.credential:hover:after, .credential:hover:before{width: 100%;height: 100%;border-color: #f09022;}

.column-slide-over {background: rgb(255 255 255 / 95%);padding: 15px;margin-top: -80px;position: relative; z-index: 1;box-shadow: 0px 0px 10px rgb(0 0 0 / 21%);border-radius: 20px;}

.form_integration input {width: 100%;height: 70px;margin-bottom: 0px;font-size: 18px;color: #000 !important;background: #fff !important;font-family: 'Poppins', sans-serif !important;letter-spacing: 0px;}

.form_integration input[type="text"] {border-top-left-radius: 20px;border-top-right-radius: 20px;}

.form_integration {border: 2px solid #be1310;border-radius: 20px;}

.form_integration input[type="submit"] {border-bottom-right-radius: 20px !important;border-bottom-left-radius: 20px !important;border: none !important;border-radius: 0px;background: #be1310 !important;font-size: 25px;text-transform: uppercase;    font-weight: 600;

color: #fff !important;}

.form_integration input::placeholder{font-size:20px;font-weight:600;}

.form_integration input[name="contact_number"] {border-radius: 0px !important;}

.service_column {background: #fff;padding: 15px;border-radius: 20px;border: 2px solid #e6e6e6;transition: all .4s ease-in-out;transform:scale(1);min-height:362px;}

.service_column .service_column_text {min-height: 144px;}

.service_title {align-items: center;margin-bottom: 15px;display: flex;}

.service_title .image_rorate {margin-right: 15px;position: relative;padding: 24px;background: #e6f2fd;border-radius: 100%;flex-grow: 1;display: flex;width: calc(30% - 15px);}

.service_title .service_title_inner { width: calc(70% - 15px); margin-right: 15px;}

.service_title .image_rorate img {z-index:1;}

.service_title .image_rorate:after {content: "";position: absolute;top: 0; bottom: 0;left: 0;right: 0; width: 15px;height: 15px;background-color: #be1310; margin: auto;border-radius: 100%;

 -webkit-animation: contact_circle 6s linear infinite; animation: contact_circle 6s linear infinite;-webkit-transition: 0.5s;transition: 0.5s; z-index: 0;}

.service_column:hover .service_title .image_rorate:after{-webkit-animation: none; animation: none; width: 100%; height: 100%;}

.service_column .service_btn a {display: block;text-align: center;background: rgb(190 19 16 / 0%);padding: 10px;border-bottom-right-radius: 15px;border-bottom-left-radius: 15px;border-top: 1px solid #ddd;margin-top: 17px;transition: 0.2s ease-in-out;font-size: 20px;text-transform: uppercase;

letter-spacing: 1px;text-decoration: none !important;}

.service_column:hover .service_btn a{background:rgb(190 19 16 / 100%);color:#fff !important;}

.service_column:hover{transform:scale(0.95);}

.our_clients {list-style: none !important;display: inline-block;margin-left: 0px !important;text-align: center;}

.our_clients li {float: left;margin-right: 5px;margin-left: 5px;list-style: none !important;}

.our_clients li img {background: #fff;width: 135px;padding: 3px;height: auto;filter: grayscale(1);transition:0.3s ease-in-out;transform:scale(1);}

.our_clients li:hover img{filter: grayscale(0);transition:0.3s ease-in-out;transform:scale(0.9);}

.tabing .nav-tabs, .verticle_tab .nav-tabs{border:none !important;}

.tabing .nav-tabs li.active a, .verticle_tab .nav-tabs li.active a{background: #be1310 !important;color: #fff !important;}

.tabing .nav-tabs li a {min-width: 148px; text-align: center; background: #ebf4fd; color: #000 !important; border: 0px !important; border-radius: 0px; font-family: 'Poppins'; text-transform: uppercase;

font-weight: 550; padding: 12px!important; font-size: 14px; min-height: 64px; display: flex;align-items: center;justify-content: center;}

.tabing .nav-tabs li:last-child a {margin-right: 0px !important;}

.tabing .tab-content {margin-top: 10px;background: #ebf4fd;padding: 25px;font-family: 'Poppins';text-align: center;line-height: 1.8em;}

.tabing .nav-tabs li.active:after {border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 20px solid #be1310;content: "";position: absolute;left: 40%;

right: auto;}

.box_new_page {border: 1px solid #ddd;padding: 10px;transition: .3s linear;min-height: 354px;}

.box_new_page:hover{border-color: #fff !important;box-shadow: 0px 0px 30px #d4d8ea;transition: .3s linear;}

.verticle_tab {display: block;max-width: 950px;margin-left: auto;margin-right: auto;overflow: hidden;}

.verticle_tab .nav-tabs li {width: 100%;margin: 0px !important;display: block;border-bottom: 1px solid #e6f2fd;}

.verticle_tab .nav-tabs li a {width: 100%;text-align: center;background: #253f50;border: none !important;border-radius: 0px;color: #fff !important;font-family: 'Poppins';font-weight: 800;font-size: 16px;}

.verticle_tab .tab-content {padding: 12px 20px;margin-left: 10px;background: #fff;border-radius: 20px;min-height: 219px;display: flex;align-items: center;}

.easy_process .credential img {filter: none;width: 120px;height: auto;margin-bottom: 10px;}

.easy_process .credential h6 {min-height: 52px;display: flex;align-items: center;justify-content: center;}

.easy_process_inner .two-third .one-third:nth-child(even) .process_points {margin-top: -30px;}

.easy_process_inner .process_points {background: #e6f2fd;padding: 8px 15px;border-radius: 10px;min-height: 420px;}

.easy_process_inner .process_points h6 {font-size: 15px;}

.process_left{background-size: cover;height: 100%; min-height: 850px;object-fit: cover;border-radius: 20px;background-position: 25% 50%;}
.process_left.lazy-background.visible {
    background-image: url(/photos/1/Growth-With-Our-Easy-Work-Process.jpg);
}
.easy_tabs.tabing .nav-tabs {text-align: center;display: flex;align-items: center;justify-content: center;}

.easy_tabs.tabing .nav-tabs li a {width: auto !important;min-width: auto;padding: 3px 10px !important;background: #000;}

.easy_tabs.tabing .nav-tabs li a img{filter: brightness(0) invert(1);}

.easy_tabs.tabing .tab-content {background: #fff;margin-top: 20px;border: 2px solid #ddd;text-align:left;}

.easy_tabs.tabing .tab-content .tab_title {border-bottom: 1px dashed #253f50;padding-bottom: 15px;text-align:left;text-align:left;}

.testimonial_client li.testimonail_li {padding: 15px; display: block;}

.testimonial_client li.testimonail_li .item {background: #fff;padding: 15px;}

.testimonial_client li.testimonail_li .item > p {min-height: 220px;}

.testimonial_footer .testi_img {float: left;margin-right: 20px;}

.testimonial_footer .testi_content {padding-top: 10px;font-style: italic;}

.testimonial_footer .testi_content h6 {font-size: 14px;margin-bottom: 0px !important;}

.testimonial_footer .testi_img img {border-radius: 100px;box-shadow: 0px 5px #be1310;}

.btn_design a {background: #be1310;color: #fff !important;padding: 8px 15px;display: inline-block;text-transform: uppercase;letter-spacing: 2px;border-radius: 5px;transition: 0.2s linear;

border: 2px solid transparent;}

.btn_design a:hover, .banner_cta.short-contact form input[type=submit]:hover {background: transparent;border-color: #be1310 !important;transition: 0.2s linear;text-decoration: none !important; color: #be1310 !important; box-shadow: 0px 4px 10px #00000038;}

.casestudy {background: #fff;padding: 15px 0px;box-shadow: 0px 5px 15px #0000001f;border-bottom-right-radius: 20px;border-bottom-left-radius: 20px;}

.banner_cta.short-contact form input[type=submit]:hover{color:#fff !important;}

.faq_style .question {margin-bottom: 15px;box-shadow: 0px 0px 5px #ddd;}

.faq_style .question .title:before, .faq_style .active .title:before{color: #253f50 !important;}

.faq_style .title {background: #fff !important;color: #253f50 !important;}

.faq_style .question.active .title {color: #253f50 !important;background: #e7f2fd !important;}

/*.projects_details {list-style: none !important;margin-left: 0px !important;margin-bottom: 0px !important;}

.contact_info_section h6 span {float: right;}

.projects_details li i {font-size: 35px;margin-right: 20px;}

.projects_details li {list-style: none !important; display: flex; align-items: center; padding-bottom: 15px;margin-bottom: 20px !important; font-size: 20px;border-bottom: 1px solid #ddd;

font-family: 'Poppins'; color: #253f50;}*/

.projects_details {list-style: none !important;display: flex;width: 100%;align-items: center;padding: 20px;justify-content: center;background: #be1310;padding-bottom:50px;}

.projects_details li {flex: 1;list-style: none !important;font-size: 20px;font-family: 'Poppins';color: #ffffff;display: flex;width: 100%;align-items: center; padding: 5px 15px;justify-content:center;}

.projects_details li i {font-size: 35px;margin-right: 20px;float:left;}

.top_rated_equal_img img {height: 490px !important;object-fit: cover; object-position: center;}

.form_design input::placeholder, .form_design textarea::placeholder {color: #000;}

.form_design input:focus, .form_design textarea:focus {background-color: transparent!important;border-color: #000 !important;}

.form_design input, .form_design textarea {background: transparent; border: 2px solid #000; color: #fff; font-family: 'Poppins'; border-radius: 4px; font-size: 15px;

letter-spacing: 1px;color:#000 !important;}

.banner_cta.short-contact form input[type=submit] {width: auto;padding: 12px 15px;font-size: 14px;text-transform: uppercase;}

.contact_info_strip {background: #fff;padding: 5px 20px;}

.contact_info_strip ul {display: inline-flex;width: 100%;}

.contact_info_strip ul li {flex: 1;font-size: 18px;font-family: 'Poppins';padding: 5px 15px;}

.contact_info_strip ul li span {float: right;color: #253f50;font-weight: 600;}

.contact_info_strip ul li:not(:last-child) {border-right: 1px solid #253f50;}

.bottom_form {max-width: 1000px;margin: auto; padding: 20px;background: #fff;text-align: center;display: flex;flex-direction: column; border-radius: 30px; margin-top: -30px;

box-shadow: 0px 0px 10px rgb(0 0 0 / 30%);margin-bottom: 30px;}

@keyframes contact_circle {

    0% {-webkit-transform: rotate(0deg) translate(-50px) rotate(0deg);transform: rotate(0deg) translate(-50px) rotate(0deg);}

    100% {-webkit-transform: rotate(360deg) translate(-50px) rotate(-360deg); transform: rotate(360deg) translate(-50px) rotate(-360deg); }

}







@media screen and (min-width:960px) and (max-width:1240px){

.home .section_wrapper {width: 1140px;margin-left: auto;margin-right: auto;max-width: 100%;}

}



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

.home .section_wrapper {width: 1090px;margin-left: auto;margin-right: auto;max-width: 100%;}

.services_section .column.one-third {width: 47.333%;float: left;}

}



@media (max-width:992px){

.tabing .nav-tabs li{float:none !important;margin-bottom:8px;}

.tabing .nav-tabs li a {width: 100%;min-width: 100%;}

.tabing .nav-tabs li.active:after{display:none !important;}

.tab_banner h1 {font-size: 40px;}

.banner_points li{font-size:15px;}

}



@media (max-width:768px){

.tab_banner .column_column {width: 100%;margin: auto;}

.tab_banner h1 {font-size: 45px;}

.tab_banner {
    background: url(/photos/1/Zebratechies-new-page-ipad.jpg) !important; background-position: bottom center !important;
    height: 550px !important;
    padding: 20px !important;
    background-size: cover !important;
}
/* .tab_banner.lazy-background.visible {
     background: url(/photos/1/Zebratechies-new-page-ipad.jpg) !important;
 } */
.banner_points li{width: calc(100% - 30%);}

.banner_points li:nth-child(2) {width: calc(100% - 33%);}

.banner_points li:nth-child(3) {width: calc(100% - 37%);}

.banner_points li:nth-child(4) {width: calc(100% - 40%);background: #000000;}

.verticle-middle, .service_title{display:block !important;}

.service_title .image_rorate{padding: 20px;width: 100px;height: 100px;margin: auto !important;align-items: center;justify-content: center;margin-bottom: 20px !important;}

.service_title .service_title_inner{width:100%;}

.column-btw-space{border-right:0px !important;}

.verticle_tab .nav-tabs{margin-left:0px !important;}

.blog_post .image_frame {float: none;}

.blog_post .image_frame .image_wrapper {text-align: center;}

.contact_info_section{margin-right: -54px !important; margin-left: -54px;}

.clients_slider_ul.case_study_slider, .clients_slider_ul.testimonial_block_slider {width: auto !important; word-wrap: break-word !important;height: 100% !important;}

.clients_slider_ul.case_study_slider li, .clients_slider_ul.testimonial_block_slider li{width:auto !important;}

.testimonial_client .caroufredsel_wrapper {width: 100%!important;margin: auto!important;}

.our_clients{margin-left:30px !important;}

.process_left{min-height:450px !important;}

.footer_full .section_wrapper{width:100% !important;margin:0px !important;}

.bottom_form{margin:-30px 20px 0px 20px;}

.easy_process_inner .two-third .one-third:nth-child(even) .process_points{margin-top:0px;}

.text_info h6, .text_info p, .service_column .service_column_text, .service_column, .box_new_page, .easy_process_inner .process_points, .info_section{min-height:auto !important}

.service_column, .service_column p.service_column_text{text-align:center !important;}

.contact_info_strip ul, .projects_details{display:block;}

.projects_details li{justify-content:flex-start !important;}

.contact_info_strip ul li:not(:last-child){border-right:none;border-bottom:1px solid #253f50;}

}



@media (max-width:480px){

.font-45 {font-size: 30px !important;}

.contact_info_strip ul li span{float:none;}

.column-btw-space .our_clients{margin-left:0px !important;}

.tab_banner{height:600px !important;}    

.banner_points li{width: 100% !important;}   

.tab_banner h1 {font-size: 35px;margin-bottom: 0px !important;}

.awards{display:block !important;text-align:center;}

.awards li {width: 44%; float: left;}

.info_section{margin-bottom:20px;}

.contact_info_section h6 span{float:none !important;}

.contact_info_section{margin-right: 0px !important; margin-left: 0px;}  

.font-45 {font-size: 30px !important;}

.contact_info_section h6{word-wrap:break-word;}

.form_integration input[type="submit"]{margin-right: 0px !important;height: 50px !important;font-size: 18px;}

.form_integration input::placeholder{font-size:16px;font-weight:600;}

.testimonial_client li.testimonail_li .item > p {min-height: auto !important;}

}