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

body{
    text-align: left !important;
}

.hide{display:none !important;}
.template-container {display: flex; max-width: 1500px;  margin: auto;}

.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;}

.m-0{margin:0px !important;}
.ml-0{margin-left:0px !important;}
.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;
    /*background: rgb(195 20 17 / 30%) url(/photos/1/ZTS-Texture-BG.png) !important;*/
    height: 600px !important;
    background-position: top center !important;
    background-size: cover !important;
}
.tab_banner.new-banner {
    background: rgb(195 20 17 / 30%) url(/photos/1/ZTS-Texture-BG.png) !important;
    height: auto !important;
}
.tab_banner.new-banner h1{
    line-height: 60px;
}

#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;color:#000 !important;}

.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, .verticle_tab.organic_tabs .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: 16px 32px;display: inline-block;text-transform: uppercase;letter-spacing: 2px;border-radius: 5px;transition: 0.2s linear;border: 2px solid transparent;}

.tab_banner .btn_design a{margin:10px 10px 10px 0px;}
.tab_banner .btn_design a:nth-child(2){background:#000 !important;color: #fff !important;  border: none !important;}

.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;}

.form_design label {font-size: 17px;display: block; margin-bottom: 7px;font-family: 'Poppins';color: #000;font-weight: 600;}

.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;}
.red-box{background:#be1310 !important;}
.black-box, .red-box {
  background: #000;
  padding: 20px;
  border-radius: 15px;
  color: #fff;
  display: flex;
  font-size: 24px;
  justify-content: space-between;
  column-gap: 1em;
  line-height: 28px;
  align-items: center;
  margin: 15px 0px;
  row-gap: 1em;
}
.black-box .growth-price, .red-box .growth-price {
  font-weight: 700;
  font-family: 'Poppins';
  font-size: 35px;
  min-width: 130px;
  text-align: center;
}


@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); }

}

.packagebox .box {width: 50% !important;margin: auto !important;}

.page_digital-marketing-services .sections {display: flex !important;margin: 30px 0px !important;padding: 20px 10px 0px;border: 1px solid #e3e3e3;border-radius: 12px;align-items: center;background: #f9f9f9;}

.text-shadow-banner{text-shadow: rgb(255, 255, 255) 3px 0px 0px, rgb(255, 255, 255) 2.83487px 0.981584px 0px, rgb(255, 255, 255) 2.35766px 1.85511px 0px, rgb(255, 255, 255) 1.62091px 2.52441px 0px, rgb(255, 255, 255) 0.705713px 2.91581px 0px, rgb(255, 255, 255) -0.287171px 2.98622px 0px, rgb(255, 255, 255) -1.24844px 2.72789px 0px, rgb(255, 255, 255) -2.07227px 2.16926px 0px, rgb(255, 255, 255) -2.66798px 1.37182px 0px, rgb(255, 255, 255) -2.96998px 0.42336px 0px, rgb(255, 255, 255) -2.94502px -0.571704px 0px, rgb(255, 255, 255) -2.59586px -1.50383px 0px, rgb(255, 255, 255) -1.96093px -2.27041px 0px, rgb(255, 255, 255) -1.11013px -2.78704px 0px, rgb(255, 255, 255) -0.137119px -2.99686px 0px, rgb(255, 255, 255) 0.850987px -2.87677px 0px, rgb(255, 255, 255) 1.74541px -2.43999px 0px, rgb(255, 255, 255) 2.44769px -1.73459px 0px, rgb(255, 255, 255) 2.88051px -0.838247px 0px;letter-spacing: 2px;font-family: 'Akkurat-Regular';font-size: 45px;line-height: 60px;}

.top-banner{position: relative;z-index: 0;}

.top-banner:before {content: "";position: absolute;width: 100%;height: 100%;background: #000;opacity: 0.2;top: 0;left: 0;z-index: -1;}

/** Meta Page CSS **/

.container-1400{width: 1400px;margin: 0 auto;position: relative;max-width: 100%;}
.btn_design.text-center{text-align:center !important;}
.font-poppins{font-family: 'poppins' !important;}
.font-akku{font-family: 'Akkurat-Regular' !important}
.section-padding {padding: 100px 40px;}
.color-orange{color:#f2730e !important;}
.bg-white{background-color: #fff;}
.text-white{color: #fff;}
.fill-white{fill: #fff;}
.fill-lightBlue{fill: #e6f2fd;}
.fill-lightPink{fill: #fdf8f5;}
.text-light{color:#253f50;}
.text-dark{color: #000;}
.bg-dark{background-color: #000;}
.bg-darkLight{background-color: #253f50;}
.bg-lightBlue{background-color: #e6f2fd;}
.bg-lightPink{background-color: #fdf8f5;}
.display-1 {font-size: 5em;line-height: 1.2;}
.display-2 {font-size: 4.5em;line-height: 1.2;}
.display-3 {font-size: 4em;line-height: 1.2;}
.display-4 {font-size: 3.5em;line-height: 1.2;}
.display-5 {font-size: 3em;line-height: 1.2;}
.display-6 {font-size: 2.5em;line-height: 1.2;}
.display-7 {font-size: 2em;line-height: 1.2;}
.display-8 {font-size: 1.5em;line-height: 1.2;}
.list-points li {font-size: 1.7em;line-height: 1.2;font-weight: 400;margin-bottom: 15px;font-family: 'Akkurat-Regular';}
.small-text.list-points li{font-size: 18px;line-height: 1.2;margin-bottom: 10px;}
.list-points li i {margin-right: 7px;font-size: 24px;line-height: 27px;transition: 0.3s ease-in-out;}
.small-text.list-points li i{font-size: 20px;line-height:22px;}
.section-1 {background: #f6f6f6;background-image: url('/photos/1/meta-pages/banner-bg.jpg');background-size: cover;background-position: center center;position: relative;}
.section-1:before {content: "";position: absolute;width: 100%;height: 100%;background: linear-gradient(90deg, rgba(255, 255, 255, 0.95) 40%, transparent 100%);top: 0;left: 0;}
.free-proposal {display: inline-block;padding: 25px;background: rgba(255, 255, 255, 1);border-radius:30px;}
.free-proposal .form_design input, .free-proposal .form_design textarea {border-color: lightgray;border-radius: 10px;}
/*.free-proposal h4 {  background:#be1310;  margin-left: -5px;  margin-right: -5px;  padding:15px;  color: #fff;  margin-top: -55px;  border-radius:20px 20px 0px 0px;}*/
.free-proposal .form_design .sub-btn input[type="submit"] {  width: 100%;  font-size: 22px;  padding:25px;  background:#be1310 !important;  color: #fff !important;  border:none;  font-family: "Poppins";  text-transform: uppercase;  font-weight: 800;border-radius:100px;}
.trustedPartner img {border: 1px solid #e2e2e2;padding: 2%;margin: 10px;}
.trustedPartner .slick-slide{margin: 10px;}
.trustedPartner .slick-list, .position-relative, .centerMode_overlay { position: relative;}
.trustedPartner .slick-list:before, .checklist-slider .slick-list:before, .centerMode_overlay:before { content: ""; position: absolute;top: 0;left: 0;z-index: 99;width: 100%;height: 100%;background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(9, 9, 121, 0) 8%, rgba(6, 67, 160, 0) 92%, rgba(255, 255, 255, 1) 100%);border-radius:15px;}
.businessAnalytics, .dataActication {background: #e6f2fd;padding: 30px 30px 30px 30px;border-radius: 20px;}
.dataActication{padding: 20px !important;}
.businessAnalytics .card .card-body {padding: 20px;display: flex;gap: 10px;flex-direction: column;border: 2px dashed #be1310;text-align: center;position: relative;z-index: 1;}
.businessAnalytics .card .card-body p{text-align:center !important;}
.businessAnalytics .card .card-body:before {  content: "";  position: absolute;  width: calc(100% - 2%);  height: calc(100% - 2%);  background:#be1310;  left: 1%;  top: 1%;  z-index: -1;  transition:0.3s ease-in-out;  transform: scale(0);  transform-origin: center;  right: 1%;  bottom: 1%;}
.businessAnalytics .card:hover .card-body:before{transition:0.3s ease-in-out;  transform: scale(1);}
.businessAnalytics .card:hover, .businessAnalytics .card:hover h3, .businessAnalytics .card:hover h3 sup{color:#fff !important;}

.subfont{font-size: 18px; line-height: 1.5;}
.card-box{padding: 60px 40px;}
.container__shape-top-cut-left { overflow:hidden;  position: absolute;  left: 0;  width: 100%;  line-height: 0;  direction: ltr;  top: -3px;}
.container__shape-top-cut-left svg {  height: 80px;  width: calc( 100% + 1.3px );  transform: translateX(-50%) rotateY(180deg);  position: relative;  left: 50%;}
.show-hidden-menu {color: #fff;font-family: 'Poppins'; cursor: pointer;font-weight: 600;font-size: 15px;letter-spacing: 1px;text-underline-offset: 8px;text-decoration: underline;text-decoration-thickness: 2px !important;}
.plans-table thead tr th {font-size: 26px;padding: 40px 20px;font-family: 'Poppins';color: #000;font-weight: 800;text-decoration: underline;text-underline-offset: 14px;text-decoration: underline; text-decoration-thickness: 2px !important;}
.plans-table thead.plans-details tr th{text-decoration:none;}
.plans-table thead.plans-details tr th span {
  display: block;
  font-size: 15px;
  margin-top: 15px;
  padding-top:10px;
  border-top:2px solid #000;
  max-width:280px;
  font-weight: 500;
  margin-left: auto;
  margin-right: auto;
}
.plans-table thead tr th:nth-child(2), .plans-table tbody tr td:nth-child(2) {background: #e6f2fd !important;}
.plans-table thead tr th:nth-child(3), .plans-table tbody tr td:nth-child(3) {background: #cce7ff !important;}
.plans-table thead tr th:nth-child(4), .plans-table tbody tr td:nth-child(4) {background: #a5d5ff !important;}
/*.plans-table tbody tr td:nth-child(1), .plans-table thead tr th:nth-child(1){text-align: left;}*/
.plans-table tbody tr td {padding: 20px 15px;font-size: 20px;line-height: 28px;background: transparent;}
.plans-table tfoot > tr > td {background:#fff !important;font-size: 19px;font-weight: 600; font-family: "Poppins";text-transform: uppercase; padding:6px;}
.plans-table tfoot tr td .hid-dsp {width: 100%;display: block;background:#be1310;padding:15px; color: #fff;text-decoration:none;cursor: pointer;border-radius:12px;}
.icon-box {background: #fff;padding: 15px;border-radius: 20px;}
.dataSlider .inner-slide-content {  background:#e6f2fd;  padding:15px;  border-radius:20px;}
.dataSlider .inner-slide-content img{border-radius: 20px;}
.dataSlider .inner-slide-content .data-content {  background:#fff;  padding:20px;  border-radius:20px;  margin-top: -70px;  z-index: 999;  position: relative;  width: calc(100% - 4%);  margin-right: 2%;  margin-left: 2%;}
.dataSlider button, .arrows_design button {  width: 40px;  height: 40px;  background:#be1310 !important;  border-radius:100%;  z-index: 99;  border:2px solid #be1310;}
.dataSlider button.slick-prev:before, .dataSlider button.slick-next:before, .arrows_design button.slick-prev:before, .arrows_design button.slick-next:before{  font-family: unset !important;  color: #fff;  opacity: 1 !important;  font-weight: 600;}
.dataSlider button.slick-prev{left: -40px;}
.dataSlider button.slick-next{right: -40px;}
.column-align-center {display: flex;align-items: center;}
/*.icon-box p {min-height: 154px;}*/
.outcomes-slide .services {  display: flex;  background:#be1310;  border-radius:30px;margin: 10px;align-items: center;}
.outcomes-slide .services .imageCard {  flex-basis: 50%;  background-size: cover;  background-repeat: no-repeat;  height: 350px;  clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 75% 100%, 0% 100%);  border-radius:30px 0px 0px 30px;}
.outcomes-slide .services .contentCard {  flex-basis: 50%;  padding:10px;}
.outcomes-slide .services .contentCard h6 {  color: #ddd;  font-size: 14px;  font-weight: 500 !important;}
.outcomes-slide .services .contentCard .subtext {  font-size: 25px;  font-weight: 800;  color: #fff;  line-height: 30px;}
.outcomes-slide .slick-prev, .outcomes-slide .slick-next {  bottom: -13px !important;  top: auto;  margin-bottom: 0px;}
.outcomes-slide{padding-bottom: 60px;}
.outcomes-slide .slick-next {  right: calc(50% - 50px) !important;}
.outcomes-slide .slick-prev {  left: calc(50% - 50px) !important;}
.traingle-shape1, .traingle-shape2, .traingle-shaperight1, .traingle-shaperight2 {  position: absolute;  width: 150px;  height: 200px; border:2px solid #be1310;  top: -100px;  left: -40px;  display: block;  clip-path: polygon(0 0, 0% 100%, 100% 50%);  background:#be1310;z-index:99;}
.traingle-shape2, .traingle-shaperight2 {top: 0; background: transparent; clip-path: none;height: 120px;transform: rotate(45deg) scale(1.2);left: -90px;}
.traingle-shaperight1{  position: absolute;  width: 150px;  height: 200px; border:2px solid #be1310;  top: -100px;  right: -40px;left:auto;clip-path: polygon(100% 0, 0 49%, 100% 100%);}
.traingle-shaperight2{transform: rotate(45deg) scale(1.2);left: auto !important;right:-90px;} 
.faq-img img {  border-radius:20px;}
.process-content { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;grid-column-gap: 1em;margin-top: 15px;}
.process-content .wok-points {    padding: 10px;    text-align: center;    position: relative;    border: 1px solid #e2e2e2;}
.process-content .wok-points:hover{border-color: #be1310;}
.process-content .wok-points .num {    font-weight: 800;display: flex; width: 70px;height: 70px;align-items: center;justify-content: center; margin: auto;position: relative;z-index: 0;margin-bottom: 35px;margin-top: 15px;}
.process-content .wok-points .num:before, .process-content .wok-points .num:after { content: "";position: absolute; background: #fff; width: 100%;height: 100%; z-index: -1;transition: 0.3s ease-in-out;transform: rotate(45deg);}
.process-content .wok-points .num:after { background: #be1310;transform: scale(0) rotate(45deg);transition: 0.3s ease-in-out;}
.process-content .wok-points:hover .num:after{transform: scale(1) rotate(45deg); transition: 0.3s ease-in-out;}
.process-content .wok-points .processtitle { font-weight: 700;font-size: 16px;line-height: 22px; margin-bottom: 10px;min-height: 44px;}
.process-content .wok-points:hover .num{color: #fff !important;}
.meta-tabing ul.nav.nav-tabs { display: flex; justify-content: center;border: none; column-gap: 1em;margin-bottom: 30px !important;}
.meta-tabing ul.nav.nav-tabs li { margin-bottom: 0;}
.meta-tabing ul.nav.nav-tabs li a {border: none;background: rgb(190 19 16 / 15%); margin: 0; border-radius: 12px;font-family: 'Poppins'; font-weight: 600;color: #000;padding: 15px 20px;}
.meta-tabing ul.nav.nav-tabs li.active a, .meta-tabing ul.nav.nav-tabs li.active a span.color-red {color:#fff !important}
.meta-tabing ul.nav.nav-tabs li.active a {background: rgb(190 19 16 / 100%);}
.checklist-box {padding: 40px 30px;margin: 10px;border-radius: 20px;background: linear-gradient(180deg, rgb(42 123 155 / 50%) 40%, rgb(87 199 133 / 52%) 90%);}
.checklist-inner-box h4 { background: #be1310; padding: 15px; margin-bottom: 0px; border-radius: 10px 10px 0px 0px;}
.checklist-inner-box .innerContent {padding: 20px 15px; min-height: 242px; background: linear-gradient(180deg, #ffffff, transparent);}
.checklist-inner-box .innerContent ul.list-points li {display: inline-flex;font-size: 17px;}
.portFolio {background: #fff;padding: 10px;border-radius: 15px;}
.portFolio h5 {padding: 12px;background: #be1310;font-size: 14px;text-align: center;color: #fff;font-family: "Poppins";border-radius: 10px;line-height: 20px;min-height: 84px;}
.portFolio h5 a{color:#fff !important;}
/*.portFolio h5 {padding: 12px;background: #be1310;font-size: 18px; text-align: center; color: #fff;font-family: "Poppins"; border-radius: 10px;}
.cutomerearea {padding: 20px; background: #e6f2fd;border-radius: 15px;}*/
.cutomerearea .customerDetail { margin: 10px; background: #ffff; display: flex; gap: 1em; padding: 20px; border-radius: 20px;box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;min-height:360px;}
.cutomerearea .customerDetail .clientImg {flex-basis: 18%;}
.cutomerearea .customerDetail .clientImg img {border-radius: 100px;}
.cutomerearea .customerDetail .testimonalInfo {flex-basis: 88%;}
.cutomerearea .testimonalInfo h4.font-poppins {font-size: 20px;font-weight: 800;margin-bottom: 10px;}
.cutomerearea .testimonalInfo span.designation {font-weight: 600;color: #be1310;margin-bottom: 25px !important;display: block;border-bottom: 3px solid #be1310;padding-bottom: 10px;position: relative;}
.cutomerearea .testimonalInfo span.designation:before {position: absolute;bottom: -12px;left: 15px;width: 0;height: 0;content: "";border-style: solid;border-width: 12px 10px 0 10px;border-color: #be1310 transparent transparent;}
.image-hear {position: relative;z-index: 0;margin-top:0px !important;}
.image-hear:before {content: "";position: absolute; width: 200px;height: 200px; background: #be1310;z-index: -1;bottom: -20px;right: -20px;clip-path: polygon(100% 0, 0% 100%, 100% 100%); border-bottom-right-radius: 40px;}
.talk-list li {display: flex;align-items: center;font-size: 24px !important;font-weight: 600;font-family: "Poppins";}
.talk-list li a { color: #ffffff;}
.talk-list li i {width: 60px;height: 60px;background: rgb(224 208 217);display: flex; align-items: center;justify-content: center;font-size: 25px !important; border-radius: 100px;margin-right: 15px;color: #be1310;}
.rd-btn-clps {display: none;}
.rd-btn-clps-blck {display: table-row;}
.faq-img {  display: flex; gap:1em; margin-bottom: 1em;}
.faq-img .right-large-img {flex-basis: 40%; display: flex; align-items: stretch;}
.faq-img .left-large-img {flex-basis: 60%;align-items: stretch;display: flex;}
.plans-table tbody tr td img{width:40px;height:auto;}
.roi_image img{
  float: right;
  margin-left: 20px;
  animation: bounce-top-bottom 2s forwards infinite alternate;
  margin-right: -50px;
}
.page_performance-calculator #calculator-section {
  padding-top: 100px !important;
}

/** Onkar Page CSS **/
.bg-gradient{background:linear-gradient(90deg,rgba(190,19,16,1) 0%,rgba(110,2,0,1) 100%)}
.bg-gradient-1{background:linear-gradient(110deg,rgba(190,19,16,1) 50%,rgba(255,255,255,1) 50%)}
.btn_design a.btn.bg-white{background:#fff;color:#be1310!important}
.btn_design .primary{background:#000;color:#fff;}
.btn_design .primary:hover{background:#fff;color:#000}
.hero-section h1{font-family:'Poppins',sans-serif!important;font-weight:800!important;line-height:1.3em!important;font-size:45px}
.bg-gradient .common-icon>li::before{background-color:#fff;color:#be1310;content:'\061'}
.hero-section .banner-list li:hover{background-color:#000;color:#fff}
.hero-section .banner-list li::before{content:'\01F86A';display:flex;width:25px;height:25px;justify-content:center;align-items:center;transform:rotate(-45deg);padding:0;transition:.3s;color:#fff;background:#be1310;font-size:16px;margin-right:7px;font-weight:400;margin-bottom:10px}
.hero-section .banner-list li:hover:before{transform:rotate(0deg)}
.banner-list{margin-bottom:20px!important;display:flex;gap:20px}
.banner-list li{padding:10px 12px;background-color:#fff;width:28%;color:#000;border-radius:5px}
.py-30{padding-top:30px;padding-bottom:30px}
.py-90{padding-top:90px;padding-bottom:90px}
.text-center p{text-align:center!important}
.section-heading p{margin-bottom:35px;font-size:20px;line-height:1.5}
.verticle_tab.organic_tabs{max-width:100%}
.verticle_tab.organic_tabs .nav-tabs{gap:30px;display:flex;align-items:flex-start;justify-content:center}
.verticle_tab.organic_tabs .nav-tabs:before,.verticle_tab .nav-tabs::after{display:none}
.verticle_tab.organic_tabs .nav-tabs li a{padding:15px 25px;background:rgba(190, 19, 16, 0.2)!important;color:#000!important;border-radius:10px!important}
.verticle_tab.organic_tabs .nav-tabs li.active a{border-radius:10px 10px 0 0!important;border-bottom:5px solid #be1310!important}
.verticle_tab.organic_tabs .nav-tabs li{border:none}
.verticle_tab.organic_tabs .tab-content{padding:0;background:transparent}
.adver-benefits .verticle_tab.organic_tabs .tab-content{min-height:auto !important;}
.verticle_tab.organic_tabs .tab-content .tab-pane{background:#be1310;padding:20px;border-radius:10px}
.verticle_tab.organic_tabs .tab-content .tab-pane.active:first-child{border-radius:0 10px 10px 10px}
.verticle_tab.organic_tabs .tab-content .tab-pane.active:last-child{border-radius:10px 0 10px 10px}
.verticle_tab.organic_tabs .tab-content .tab-pane img{border-radius:10px}
.carousel-control.left,.carousel-control.right{display:flex;font-size:30px;width:50px;height:50px;top:50%;transform:translateY(-50%);background:transparent;color:#fff;opacity:1;justify-content:center;align-items:center}
.easy_process_inner .process_points{min-height:250px;margin-top:15px;margin-bottom:15px}
.easy_process_inner .process_points img{margin-left:-14px;height:60px!important;object-fit:contain}
.pricing-section{background-color:#f9fbfd}
/*.content-section .title{font-size:36px;font-weight:700;color:#333}
.content-section .subtitle{font-size:16px;color:#666;max-width:800px;margin:0 auto;line-height:1.6}*/
.sub-title{font-size:28px;font-weight:600;color:#d9534f}
.table-responsive{overflow-x:auto;margin-top:30px}
.plan-table{width:100%;border-collapse:collapse;background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 8px 20px rgba(0,0,0,0.08)}
.plan-table th,.plan-table td{padding:15px 20px;text-align:center;border-bottom:1px solid #eee;vertical-align:middle;font-size:16px}
.plan-table th{background-color:#d9534f;color:#fff;font-weight:600;font-size:18px}
.plan-table td.feature{font-weight:600;background-color:#f0f5f9;text-align:left}
.highlight{background-color:#f05454}
.check-mark{color:green;font-size:20px}
.plan-table tr:hover td{background-color:#f7f7f7}
.plan-table tr:hover td .check-mark{color:#d9534f}
.smo-process-sec{background-color:#e6f2fd}
p.smo-subtitle{max-width:800px;margin-left:auto;margin-right:auto;}
.smo-box{background-color:#fff;margin-bottom:40px;padding:25px 20px;border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,0.08);position:relative;transition:all .3s ease-in-out;min-height:180px}
.smo-box:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.15)}
.smo-box h3{color:#be1310;font-size:20px;margin-top:10px;margin-bottom:15px}
/*.smo-box p{color:#666;font-size:15px;line-height:1.6}*/
.smo-icon{width:50px;height:50px;background-color:#be1310;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;position:absolute;top:-25px;left:20px;transition:transform .6s ease;transform-style:preserve-3d}
.smo-box:hover .smo-icon{transform:rotateY(180deg)}
/*.smo-title{font-size:36px;font-weight:700;color:#333}*/
.row.g-4{row-gap:30px}
.testimonial{background-color:#e9ecef;padding:20px;border-left:4px solid #be1310;margin:20px 0;position:relative}
.stars{color:#ffc107;font-size:20px}
.quote{font-style:italic}
.custom-slider{overflow:hidden;position:relative;margin-top:20px}
.slider-container{display:flex;transition:transform .5s ease}
.logo-img{max-height:60px;margin:0 15px;filter:grayscale(100%)}
.logo-img:hover{filter:none}
.carousel-control{position:absolute;top:50%;transform:translateY(-50%);background:none;border:none;font-size:20px;color:#333;cursor:pointer}
.carousel-control.left{left:10px}
.carousel-control.right{right:10px}
.panel-default > .panel-heading{background:transparent;border:none;box-shadow:none;padding:20px}
.panel-default > .panel-heading a{color:#be1310;font-size:22px;font-weight:600}
.panel-group .panel{border:none;box-shadow:0 0 10px 5px rgba(0,0,0,0.05)}
.panel-group .panel + .panel{margin-top:15px}
.counter{font-size:45px;color:#be1310}
.counter-title{font-size: 18px;margin-top: 10px;position: relative;z-index: 3;font-family: 'Poppins';font-weight: 600;}
.counter-sec .counter-div{min-height:150px;padding:17px;align-content:center;box-shadow:0 0 5px 5px rgba(0,0,0,0.2);border-radius:10px;width:100%;position:relative;overflow:hidden}
.counter-sec .counter-div h3{position:relative;z-index:2}
.counter-sec .counter-div:before{content:'';width:calc(100% - 20px);height:calc(100% - 20px);border:2px solid #be1310;position:absolute;left:10px;top:10px;border-radius:10px;z-index:1;background-color:#fff}
.counter-sec .counter-div:after{content:'';width:80px;height:250%;background:#be1310;position:absolute;left:66px;top:-70%;transform:rotate(65deg);z-index:0;transition:.3s}
.counter-sec .counter-div:hover:after{transform:rotate(115deg);top:-79%}
p.stats-count{font-size:35px;line-height:1;font-weight:700;color:#fff;margin-bottom:20px}
img#accordion-image{width:100%;height:530px;object-fit:cover}
.section-padding{padding:100px 40px}
.px-40{padding-left:40px;padding-right:40px}
.py-40{padding-top:40px;padding-bottom:40px}
.note p{background-color:#fff;border-left:2px solid #be1310;border-radius:10px;padding:20px}
.about-section:before{content:'';background:#000;width:100%;height:100%;position:absolute;left:0;top:0;opacity:.4}
.flex-wrap{flex-wrap:wrap}
.benefit-single{background:#fff;padding:20px;border-radius:10px;height:100%;margin-bottom:20px;box-shadow:0 0 10px 5px rgba(0,0,0,0.05)}
.benefit-single p{font-size: 20px;min-height: 90px;margin: 0;font-family: 'Akkurat-Regular' !important;line-height: 27px;}
/*.stats-section{display:flex;width:calc(100% + 300px);margin-left:-300px;padding:40px;background:#0000005a;border-radius:15px;backdrop-filter:blur(25px);gap:60px;margin-top:30px;flex-basis:1}*/
.stats-section{display:flex;width:calc(100% + 150px);margin-left:-150px;padding:40px;background:#0000005a;border-radius:15px;backdrop-filter:blur(25px);gap:60px;margin-top:30px;flex-basis:1}
h5.stats{font-size:22px;line-height:1.3}
.stats-single{align-items:center;border-radius:10px;transition:.3s;width:100%;position:relative}
.stats-single:after{width:2px;height:40px;content:'';position:absolute;right:-30px;background-color:#fff;top:50%;transform:translateY(-50%)}
.stats-single:last-child::after{display:none}
.about-section .left-sec img{height:700px!important;object-fit:cover;border-radius:20px}
.cutomerearea{padding:40px;position:relative}
element.style{display:block}
button.slick-prev{left:-20px}
button.slick-next{right:-20px}
.slick-prev,.slick-next{position:absolute;top:50%;padding:0;transform:translate(0,-50%);cursor:pointer;border:none;outline:none;z-index:9;width:40px;height:40px;background:#be1310!important;border-radius:100%;z-index:99;border:2px solid #be1310}
.service-section .section-padding {padding-bottom: 45px;}
.counter-sec {gap: 40px;}
.border-radius-20{border-radius: 20px;}
.cta-section {
    padding-top: 50px;
    padding-bottom: 50px;
    
}
.cta-section.bg-color{
    background: #ffd9d9;
}
.cta-section.bg-color-blue{
    background-color: #e6f2fd;
}
.box-shadow{box-shadow: 0 0 15px 10px rgba(0,0,0,0.1);}
.stats-count .counter{color: #fff;}
.boxes {
  background: #2f536a;
  padding: 10px 10px 5px 10px;
}




/** Onkar Page CSS End **/

@keyframes bounce-top-bottom {
    0% {transform: translateY(-20px);}
    100% {transform: translateY(20px);}
}
@keyframes bounce-left-right {
    0% {transform: translateX(0);}
    50% {transform: translateX(20px);}
    100% {transform: translateX(10px);}
}




@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 screen and (min-width:768px) and (max-width:1024px){
.tab_banner .two-third, .tab_banner .one-third{  width: 100%;}
.tab_banner .black-box, .tab_banner .red-box {width: calc(49% - 2%);float: left;margin: 15px 1%;}
}

@media (max-width:1199px){
.display-1 {font-size: 4.5em;line-height: 1.2;}
.display-2 {font-size: 4em;line-height: 1.2;}
.display-3 {font-size: 3.5em;line-height: 1.2;}
.display-4 {font-size: 3em;line-height: 1.2;}
.display-5 {font-size: 2.5em;line-height: 1.2;}
.display-6 {font-size: 2em;line-height: 1.2;}
.display-7 {font-size: 1.5em;line-height: 1.2;}
.display-8 {font-size: 1.2em;line-height: 1.2;}
.column-align-center {display: inherit;}
.blank_column{display:none !important;}
.traingle-shape2, .traingle-shaperight2 {top: -25px !important;height: 100px;}
.traingle-shape1, .traingle-shape2, .traingle-shaperight1, .traingle-shaperight2 {width: 120px;height: 150px;top: -77px;}
.process-content {grid-template-columns: repeat(3, 1fr);grid-row-gap: 1em;}
.process-content .wok-points .processtitle{min-height:auto;}
.list-points li {font-size: 1.3em;}
.list-points li i {font-size: 20px;}
.dataSlider button.slick-next{right: -25px;}
.dataSlider button.slick-prev{left: -25px;}
}


@media (max-width:992px){
.section-padding {padding:80px 30px;}
.businessAnalytics, .dataActication{padding:30px 40px;margin:0px;}
.display-1 {font-size: 4em;line-height: 1.2;}
.display-2 {font-size: 3.5em;line-height: 1.2;}
.display-3 {font-size: 3em;line-height: 1.2;}
.display-4 {font-size: 2.5em;line-height: 1.2;}
.display-5 {font-size: 2em;line-height: 1.2;}
.display-6 {font-size: 1.8em;line-height: 1.2;}
.display-7 {font-size: 1.5em;line-height: 1.2;}
.display-8 {font-size: 1.5em;line-height: 1.2;}
.icon-box p, .checklist-inner-box .innerContent {min-height: auto;}
.section-1:before {background: linear-gradient(-180deg, rgba(255, 255, 255, 0.85) 40%, transparent 100%);}
.free-proposal .form_design .sub-btn input[type="submit"] {font-size: 18px; padding:20px;}
.section-3 .card-box .row > :not(:last-child) {margin-bottom: 40px;}
.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;}
.list-points li {font-size: 1.3em;line-height: 1.3;}
.section-5 .businessAnalytics, .section-6 .row {display: grid;grid-template-columns: 1fr 1fr 1fr;}
.section-6 .row{grid-template-columns: repeat(2, 1fr);grid-row-gap: 20px;}
.section-5 .businessAnalytics.row:before, .section-6 .row:before{display:none;}
.dataSlider .inner-slide-content { margin: 0px 10px;}
}



@media (max-width:768px){
 .businessAnalytics, .dataActication{padding:20px 30px;margin:0px;}   
.display-1 {font-size: 3.3em;line-height: 1.2;}
.display-2 {font-size: 3em;line-height: 1.2;}
.display-3 {font-size: 2.6em;line-height: 1.2;}
.display-4 {font-size: 2.3em;line-height: 1.2;}
.display-5 {font-size: 1.8em;line-height: 1.2;}
.display-6 {font-size: 1.8em;line-height: 1.2;}
.display-7 {font-size: 1.5em;line-height: 1.2;}
.display-8 {font-size: 1.5em;line-height: 1.2;}
.section-padding {padding:80px 25px;} 
.list-points li {font-size: 1.4em;}
.tab_banner .column_column {width: 100%;margin: auto;}
.tab_banner h1 {font-size: 45px;}
.tab_banner {padding: 20px !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;}
.page_digital-marketing-services .sections { display:grid !important; }
.page_digital-marketing-services .sections .image-area {order: -1 !important;}
.new-banner .btn_design a {padding: 10px 20px;}
.tab_banner.new-banner h1 {line-height: 40px;font-size: 32px;}
.meta-tabing ul.nav.nav-tabs li a .display-8 {font-size: 18px;}
.traingle-shape2, .traingle-shaperight2 {top: -64px !important;}
.plans-table tbody tr td {font-size: 17px;line-height: 23px;}
 .process-content {grid-template-columns: repeat(2, 1fr);}
 .checklist-slider .checklist-box .spacer-40 {height: 0px;}
 .checklist-slider .checklist-box .checklist-inner-box .row > * {margin-top: 20px;}
 .outcomes-slide .services {display: block;}
 .outcomes-slide .services .imageCard {clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 100% 100%, 0% 100%);border-radius: 30px;}
 .outcomes-slide .services .contentCard h4.display-7 {font-size: 2em !important;padding: 10px;  background: #fff;margin-bottom: -20px !important;border-radius: 10px;color: #be1310;}
 .roi_image img{
  float: none;
  margin:auto;
  margin-bottom:30px;
  max-width: 100% !important;
}
.page_performance-calculator #calculator-section {
  padding-top: 50px !important;
}
 
 /** onkar **/ 
 .hero-section h1{font-size:30px}
    .hero-section{padding-top:50px;padding-bottom:30px}
    .hero-section img{margin-top:25px}
    .below-banner h3{font-size:16px}
    h2{font-size:22px}
    .tab-content .btn_design{margin-bottom:25px!important}
    .mb-0.text-end.btn_design{text-align:left!important;margin-top:25px}
    .carousel-control.left,.carousel-control.right{width:25px;height:25px}
    .section-padding{padding:50px 20px}
    .px-40{padding-left:20px;padding-right:20px}
    .bg-gradient-1{background:linear-gradient(180deg,rgba(190,19,16,1) 60%,rgba(255,255,255,1) 40%)}
    .banner-list{display:block}
    .banner-list li{width:auto}
    .hero-section svg{margin-top:60px}
    .verticle_tab.organic_tabs .nav-tabs{flex-direction:column;gap:10px}
    .verticle_tab.organic_tabs .nav-tabs br{display:none}
    .hero-section .banner-list li::before{display:inline-flex;margin-bottom:0}
    .verticle_tab.organic_tabs .nav-tabs li.active a{border-radius:10px!important;border-bottom-width:0!important}
    .verticle_tab.organic_tabs .tab-content{margin-top:30px!important}
    .verticle_tab.organic_tabs .tab-content .tab-pane{border-radius:10px!important}
    .counter-sec .counter-div{width:48%}
    .counter-sec{display:flex!important;flex-wrap:wrap;row-gap:20px}
    .about-section .left-sec img{height:auto!important}
    .stats-section{flex-direction:column;width:100%;margin:0;padding:25px}
    .stats-single:after{width:50%;height:1px;left:50%;transform:translateX(-50%);bottom:-30px;top:auto}
    .cutomerearea{padding:0}
    .testimonalInfo p{font-size:15px}
    h5.stats{font-size:18px}
    p.stats-count{font-size:30px;margin-bottom:10px}
 /** End onkar **/  

/*.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;
 } */
}



@media (max-width:480px){
.display-1 {font-size: 3em;line-height: 1.2;}
.section-padding {padding:50px 20px;}
 .list-points li {font-size: 18px;}
.font-45 {font-size: 30px !important;}
.contact_info_strip ul li span{float:none;}
.column-btw-space .our_clients{margin-left:0px !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;}
 .process-content, .section-6 .row {grid-template-columns: repeat(1, 1fr);}
 .meta-tabing ul.nav.nav-tabs {justify-content: start;flex-wrap: nowrap;overflow-x: scroll;overflow-y: hidden; padding-bottom: 10px;}
 .meta-tabing ul.nav.nav-tabs li a{white-space: nowrap;}
 .checklist-inner-box h4 {font-size: 16px;}
 .checklist-inner-box .innerContent p{font-size: 14px;line-height: 20px;}
 .checklist-inner-box .innerContent ul.list-points li {font-size: 15px;}
/*.tab_banner{height:600px !important;}    */

}


/* For Testionial video section */

     /* Horizontal scroll container */
    .shorts-slider {
      display: flex;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      gap: 20px;
      padding-bottom: 10px;
      -webkit-overflow-scrolling: touch; /* smooth scroll on mobile */
      scrollbar-width: thin;             /* show thin scrollbar on desktop */
      cursor: grab;                      /* indicate draggable area */
    }

    .shorts-slider:active {
      cursor: grabbing;
    }

    /* Each video card */
    .short-card {
      flex: 0 0 auto;                    /* ensure cards don’t shrink */
      scroll-snap-align: start;
      background-color: #1e1e1e;
      border-radius: 15px;
      overflow: hidden;
      transition: transform 0.3s, box-shadow 0.3s;
      cursor: pointer;
      width: 180px;                      /* card width */
    }

    .short-card iframe {
      width: 100%;
      height: 320px;                     /* vertical shorts size */
      border: none;
      display: block;
    }

    .short-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 10px 20px rgba(0,0,0,0.5);
    }

    .video-title {
      padding: 10px;
      font-size: 14px;
      text-align: center;
      color: #fff;
      background-color: #2a2a2a;
    }

    /* Hide scrollbar for Chrome, Edge, Safari */
    .shorts-slider::-webkit-scrollbar {
      height: 8px;
    }

    .shorts-slider::-webkit-scrollbar-thumb {
      background: #555;
      border-radius: 4px;
    }

    /* Responsive */
    @media (max-width: 400px) {
      .short-card iframe {
        height: 280px;
      }
    }
    .free-proposal .form_design input{
  height: 32px !important;
  padding: 4px 8px !important;
  font-size: 16px !important;
  margin-bottom: 6px !important;
}

.free-proposal .form_design textarea{
  height: 80px !important;
  padding: 6px 8px !important;
  font-size: 12px !important;
}

.free-proposal label{
  font-size: 14px !important;
  margin-bottom: 2px !important;
}

.free-proposal .form_design .sub-btn input[type="submit"]{
  padding: 10px !important;
  font-size: 14px !important;
  border-radius: 60px !important;
}

.free-proposal .spacer-40{
  height: 4px !important;
}