*, ::after, ::before {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}
a, abbr, acronym, address, applet, big, blockquote, body, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, tt, ul, var {
	border: 0;
	margin: 0;
	outline: none !important;
	padding: 0;
	vertical-align: baseline;
	font-family: "Kanit", sans-serif;
}

body {
	margin: 0;
	padding: 0;
	background: #fff;
	background-repeat: repeat-x;
	font-size:1.4rem;
	color:#272320;

}

a{
	color:inherit;
	outline: none !important;
    text-decoration: none;
}
a:hover{
    color:inherit;
    text-decoration:none;
}

.dropdown-toggle::after{
    border: none !important;
    content: "\f107";
    font-family: "fontAwesome";
    position: absolute;
}

.btn:focus{
	outline: none !important;
}
ol {
	padding-left: 0;
}
ul {
	padding: 0;
	list-style: none;
    margin: 0;
}
img {
	vertical-align: top;
	max-width:100%;
	border: none;
	outline: none;
}

.btn:focus,
.form-control:focus,
.resizeselect:focus{
	box-shadow: none;
	border: none;
	outline: 0;
}
:root{
    --lightcolor:#BF1211;
    --darkcolor:#0D1615;
    --whitecolor:#ffffff;
    --text-color:#54595f;
    --head-text:#030303;
    --text-darkgray: #555;
}

header{ padding-bottom: 1px; position: fixed;  z-index: 3;  left: 0; right: 0; width: 100%; background: var(--whitecolor); }
.tops-bars-main{background: var(--lightcolor); padding:9px 11px 8px 7px;}
.tops-bars-main .left-head-tops{  width: 86%;  margin-left: -3px; }
.tops-bars-main ul.emil-text li{ font-size: 16px; line-height: 1.5; font-weight: 400; color: #fff !important; }
.tops-bars-main ul.emil-text li a{ color: #000; }
.tops-bars-main ul.emil-text li img{ vertical-align: middle; }
.tops-bars-main ul.right-socials-links li a{ margin-right: 3px; }
.tops-bars-main ul .messageger-btn{ background: #3363a0;   font-size: 19px; color: #fff; border-radius: 0; padding: 0px 5px;}
.tops-bars-main ul .whtas-btn{ background: #26cc64;  font-size: 19px; color: #fff; border-radius: 0; padding: 0px 5px; }

.tops-bars-main ul .skpe-btn{ background: #33b8f2;  font-size: 19px; color: #fff; border-radius: 0; padding: 0px 5px;}
.tops-bars-main ul .skpe-btn svg{ position: relative; top:-2px; }
.navbar{ position: relative; z-index: 2; padding: 4px 0; }
.navbar .navbar-brand{ width: 80px; margin-left: 31px; }
.navbar-light .navbar-nav .nav-link{ text-transform: capitalize;  font-size: 1rem;
    font-weight: 600; color: #7a7a7a; padding: 7px 5px;}
header .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link{
  color: var(--lightcolor);
}
li.nav-item.dmenu.megamenu-li.dropdown.shop-mega.position-static {
    margin-right: 11px;
}
.inside-navbs{  /* display: grid; grid-template-columns: 11% 60% 35%;  */
  width: 100%; display: flex; align-items: center;
}
.inside-navbs .navbar-collapse{
  width: 1166px;
}


/* ---------- book a call page -----------*/
 
.call-section {
  padding: 80px;
  background-color: #BE1310;
  text-align: center;
  color: #ffffff;
 
  & h2 {
    font-size: 40px;
    margin-bottom: 26px;
  }
 
  & p {
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    margin: auto;
    width: 80%;
  }
 
}
 
.bc-texts {
  margin-top: 100px;
 
  & h4 {
    font-size: 34px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 40px;
  }
}
 
.bc-texts-l {
  & h2 {
    font-size: 40px;
    text-align: center;
    font-weight: 600
  }
 
  & ul {
    margin-top: 35px;
 
    & li {
      color: #54595F;
      font-size: 16px;
      margin-bottom: 18px;
 
    }
  }
}
 
.bc-texts-r {
  padding-bottom: 30px;
  position: relative;
  text-align: center !important;
 
  & ul {
    & li {
      margin: 0;
    }
  }
 
  & figure {
    width: 105px;
    height: 105px;
    position: absolute;
    top: 0;
    right: 0;
 
    & img {
      width: 100%;
      height: 100%;
    }
  }
}
 
.bc-texts-r1 {
  & li:nth-child(1) {
    color: #54595F;
    font-size: 16px;
    font-weight: 500;
  }
 
 
  & li:nth-child(2) {
    font-size: 34px;
    font-weight: 500;
  }
 
  & li:nth-child(3) {
    text-align: start;
    font-size: 16px;
    color: #54595F;
    margin-bottom: 20px;
  }
 
  & li:nth-child(4) {
    text-align: start;
    font-size: 16px;
    color: #54595F;
    margin-bottom: 20px;
  }
}
 
 
 
.thanks {
  margin-top: 150px;
  text-align: center;
  position: relative;
  margin-bottom: 60px;
 
  &::before {
    position: absolute;
    content: "";
    width: 20%;
    height: 1px;
    background-color: black;
    top: 50%;
    left: 0;
  }
 
  &::after {
    position: absolute;
    content: "";
    width: 20%;
    height: 1px;
    background-color: black;
    top: 50%;
    right: 0;
  }
}
 
.track-records-left {
  display: flex;
  align-items: center;
  justify-content: center;  
  gap: 45px;
  margin-bottom: 100px;
 
  & h2 {
    text-align: center;
    color: var(--lightcolor);
    font-size: 75px !important;
  }
 
  & p {
    font-size: 20px;
    color: var(--text-gray);
  }
}
 
 
.calendar{
text-align: center;
  & img{
        width: 100%;
  }
}


@media (min-width: 992px) {
    .inside-navbs .navbar-collapse{
        display: flex !important;
        width: 636px;
        flex-basis: inherit !important;
        margin-left: 104px;
    }
    .inside-navbs .right-menus{
       width: 448px;
    }
    .crm01-netiv-page .woocomer-banner .container .col-lg-9{
       width: 72%;
    }
    .crm01-netiv-page .woocomer-banner .container .col-lg-3{
       width: 28%;
    }
}
.inside-navbs .left-logos{ margin-left: 6px; }
header .navbar-expand-lg .navbar-nav{  margin-left: 16px;  align-items: center;  margin-left: 0 !important;
   }
.navbar-brand{    width: 79px; display: table; margin: auto;}
.right-menus{ width: 62%;}
.last-footers06 h3{ font-family: "Be Vietnam Pro", sans-serif; line-height: 40px !important; text-align: center;}
.free-btn015{ background: #B81616; border-radius: 20px; padding: 10px 12px 10px 12px;
  font-weight: 500; color: #fff !important; margin-left: 9px; font-size: 15px; width: 230px; }
.free-btn015 span{ display: flex; align-items: center; justify-content: center;  text-align: center; line-height: 16px; }
.book-btn015{ background-image: linear-gradient(90deg, #CF110D 0%, #DFD232 100%);  border-radius: 18px;
  padding: 8px 16px 9px 16px !important; font-weight: 500; font-size: 15px; color: #fff !important; margin-left: 0;  width: 100px; }
.book-btn015:hover{ background-image: linear-gradient(90deg, #DFD232 0%, #CF110D 100%);   }
.book-btn015 span{ display: flex; align-items: center; justify-content: center;  text-align: center;   line-height: 19px; }

.megamenu { position: absolute; max-width: 100%; left: 0; right: 0; padding: 15px; min-width: 58rem; border: none !important; }
.right-socials-links{ position: relative; top: -3px; }
.dropdown-menu2 { left: 0; right: 0; max-width: 100%; padding: 25px 75px; transition: all .25s ease; opacity: 0;
    display: flex !important; z-index: 5; top: 96px; visibility: hidden;  min-width: 74rem;
    width: 100%;  opacity: 0; -webkit-transition: all .4s ease 0s; -o-transition: all .4s ease 0s;
    transition: all .4s ease 0s; justify-content: space-between;
}
.megamenu h1{ font-size: 50px;  font-weight: 600; color: #030303; line-height: 52px; }
.megamenu p{ font-weight: 400; font-size: 16px; line-height: 1.5; color: #555; margin-top: 15px;}
.ul{ column-count: 3; margin-top: 50px;}
.ul li{ margin-bottom: 25px;}
.ul li a{ font-size: 18px; font-weight: 500; color: #121212;}
.bottoms-div015 .comon-list015 h3{ color: #fff; font-size: 28px; font-weight: 600; margin-bottom: 15px; }
.bottoms-div015 .comon-list015 a{ color: #DFDFDF; font-size: 16px; font-weight: 400; }
.last-footers06 h3{ color: #fff; font-size: 30px; line-height: 1.4rem; }


.midlles-sections .tops-heads{
   min-height: 140px !important;
}


/* banner */

.items-sliders{  width: 100%; }
.bg-ban1{ background: url(../images/zts-banner-bg-2.jpg) no-repeat center; background-size: cover; width: 100%;}
.bg-ban1 h2{ color: var(--lightcolor); font-size: 60px; font-weight: 600; line-height: 56px; margin-bottom: 45px;}
.bg-ban1 h2 span{ color: #030303 !important; font-size:55px; font-weight: 600; margin-top: 15px; display: inline-block;
   position:relative; }
.bg-ban1 h2 span::after{ position: absolute; content: ""; border-bottom: solid 2px var(--darkcolor); width: 60%;
height: 2px; left: 0;
bottom: -20px; }
.bg-ban1 h4{ color: #030303; font-size:30px; font-weight: 600; margin-bottom: 15px; }
.bg-ban1 ul{ color: var(--darkcolor); font-size:30px; font-weight: 600; margin-bottom: 15px; }
.bg-ban1 ul li{ color: var(--text-color); font-size:20px; font-weight: 500; line-height: 40px; }
.bg-ban1 ul li i{ color:#f1c600; font-size:22px; }
.btn-about{  padding: 16px 28px; font-size: 18px; line-height: 1.3333; color: var(--lightcolor); font-weight: 600;
border: solid 2px var(--lightcolor); border-radius: 5px; background: #fff; overflow: hidden;   }
.btn-about span.arow{ display: inline-block; width: 25px; margin-left: 4px;}
.btn-about span{ position: relative; z-index: 1;}
.btn-about::before{ position: absolute; left: 0; top:0; bottom: 0; right: 0; width: 100%; height: 100%; transform: scaleY(0); content: "";
 background: var(--lightcolor); transition: all 0.5s;}
 .btn-about:hover::before{ transform: scaleY(1); }
 .btn-about:hover span{ color: #fff; }
 .banner-part .owl-nav span{ color:#fff; position: relative; }
 .banner-part .owl-nav span::before{ position: absolute; content: ""; width: 45px; height: 45px; border-radius: 5px;
     background: var(--lightcolor); color: var(--whitecolor); right: 0; } 
 .banner-part .owl-nav .owl-next span::before{ position: absolute; content: "\f105"; font-family: "FontAwesome"; width: 48px; line-height: 47px; height: 48px; border-radius: 5px;
     background: var(--lightcolor); color: var(--whitecolor); right: 0; font-weight: 600; }
.banner-part .owl-nav .owl-prev span::before{ position: absolute; content: "\f104"; font-family: "FontAwesome"; width: 48px; line-height: 47px; height: 48px; border-radius: 5px;
     background: var(--lightcolor); color: var(--whitecolor); left: 0; font-weight: 600; }
.banner-part {
    position: relative;
    height: 714px;
    overflow: hidden;
}
.banner-part .owl-nav{ position: absolute; top: 50%; left: 0; right: 12px; }
.banner-part .owl-next{ position: absolute; right: 20px; top:0;}
.banner-part .owl-prev{ position: absolute; left: 20px; top:0;}
.bg-ban2{ min-height: 715px; padding-top: 200px; background: url(../images/zts-banner-bg-5.jpg) no-repeat center; background-size: cover; width: 100%;}
.bg-ban2 h2{ color: var(--lightcolor); font-size: 75px; font-weight: 600; line-height: 56px; margin-bottom: 45px;}
.bg-ban2 h2 span{ color: #030303; font-size:75px; font-weight: 600; margin-top: 15px; display: inline-block;
   position:relative; }
.bg-ban2 h3{ color: var(--lightcolor); font-size:45px; font-weight: 600;}
.bg-ban2 .list-div015 .btn{ margin: 8px 0; color: #fff; transition: all 0.5s;}
.bg-ban2 .btn:hover{ transform: scale(0.9);}
.bg-ban2 .btn-dark{  font-size: 18px; font-weight: 500; background: var(--darkcolor); padding: 12px 50px 12px 50px;}
.bg-ban2 .btn-light{  font-size: 18px; font-weight: 500; border: none !important; background: var(--lightcolor); padding: 12px 50px 12px 50px;}
.bg-ban2{ min-height: 715px; padding-top: 120px; background: url(../images/zts-banner-bg-3.jpg) no-repeat center; background-size: cover; width: 100%;}
.banner-part .owl-carousel .list-banner-text015,
.banner-part .owl-carousel .bg-img-4{
    background: var(--lightcolor);
    border: solid 5px var(--whitecolor);
    padding: 35px;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
.banner-part .owl-carousel .active .list-banner-text015,
.banner-part .owl-carousel .active .bg-img-4{
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
.banner-part .owl-carousel .bg-img-4{ background: none; border: none; padding: 0;}
.bg-ban3{ min-height: 715px; padding-top: 120px; background: url(../images/zts-banner-bg-3.jpg) no-repeat center; background-size: cover; width: 100%;}
.bg-ban3 li{ font-size: 16px; color: #fff; margin-bottom: 20px; }

.bg-ban3 h4{ font-size: 38px; font-weight: 600; color: #030303; position: relative; margin-bottom: 40px;}
.bg-ban3 h4::before{ position: absolute; content: ""; width: 60%; height: 5px; background: var(--darkcolor); bottom:-18px; left: 0; }
.bg-ban3 h2{ font-size: 80px; font-weight: 600; color: #030303; line-height: 82px;}
.bg-ban3 h2 span{ font-size: 80px; font-weight: 600; color: var(--lightcolor);}
.bg-ban4{ padding-top: 100px; padding-bottom: 100px; background: url(../images/zts-banner-bg-4.jpg) no-repeat center; background-size: cover; width: 100%; }
.bg-ban4 h2{ font-size: 65px; font-weight: 600; color: #030303; line-height:70px;}
.bg-ban4 h2 span{ font-size: 65px; font-weight: 600; color: var(--lightcolor);}
.bg-ban4 h4{ font-size: 28px; font-weight: 600; color: var(--lightcolor); position: relative; margin-bottom: 20px;}
.bg-ban5{ padding-top: 100px; padding-bottom: 100px; background: url(../images/zts-banner-bg-1.jpg) no-repeat center; background-size: cover; width: 100%; }
.bg-ban5 h4{ font-size: 38px; font-weight: 600; color: var(--lightcolor); position: relative; margin-bottom: 20px;}
.bg-ban5 h2{ font-size: 65px; font-weight: 600; color: #030303; line-height:70px;}
.bg-ban5 h2 span{ font-size: 65px; font-weight: 600; color: var(--lightcolor);}
.btn-mens01{  background: #000; margin-left: 15px; position: relative; color: #fff !important;  padding: 10px 17px 10px 32px; margin-bottom: 15px;  border-radius: 5px;  text-decoration: none;}
.btn-mens01::before{ position: absolute; left: 8px; top:15px; width: 15px; height: 15px; background: #fff; border-radius: 4px; display: inline-block; content: ""; }
.tops-text-4-last h4{ font-size: 28px; font-weight: 600; color: #030303; position: relative; margin-bottom: 10px;}
.tops-text-4-last li{ color: #54595f; font-weight: 400; font-size: 18px; line-height: 35px; }
.tops-text-4-last li i{ color: #F1C600; font-weight: 400; font-size: 25px; }
.right-45{ border-left: dashed 1px #B4B4B4 !important; padding-left: 40px !important;}
.right-45 img{ width: 80% !important; margin-top: 30px; }
.emails01 p{ color: var(--lightcolor);     font-size: 22px; font-weight: 400; }
.emails01 a{ color: var(--darkcolor);  font-size: 25px; font-weight: 600; }
.ul-lis{ display: flex; flex-wrap: wrap; align-items: center;}
.ul-lis li{ width: 50%; margin-bottom: 15px;}
.list-menusab a{ color: #202225; font-size: 20px; font-weight: 500; margin-bottom: 20px; display: inline-block; width: 100%; }
.contact-heing{ font-size: 35px; font-weight: 600; color: var(--darkcolor);}
.clicnets-slider{ background: #EBEBEB; padding: 40px 0;  margin-top: -17px;}
.clicnets-slider .slider-title{ color:#000;   font-size: 40px; font-weight: 600; line-height: 1; }
.clicnets-slider .slider-title span{ color: #cf120e;   font-size: 40px; font-weight: 600; }
.itesms0-logs{ background: #fff !important;  }
/* body parts */

.services-sections01{ padding: 80px 0px 10px 0px;}
.h-card { position: relative;  background-color: #E6F2FD; border-radius: 16px;
 width: 100%;   padding: 24px 18px 15px 20px; text-align: center; min-height: 400px;}
 .h-card-icon img{ filter: brightness(0) invert(1); width: 50px; transition: all 0.5s;}
 .h-card:hover img{ opacity: 0.8; } 
.h-card-icon { position: absolute;top: 0%;left: 50%; transform: translate(-50%, -50%); background-color: #be1310;
 width: 80px; height: 80px; border-radius: 50%; display: flex; align-items: center;  justify-content: center;}
.h-card-title { font-weight: 600; font-size: 1.3rem; color: #000; margin-bottom: 6px;  margin-top: 30px;}
.h-card-price { color: #BE1310; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; font-size: 14px; margin-bottom: 10px; margin-top: 10px;}
.h-card-text { font-size: 16px; font-weight: 400; line-height: 1.5; color: #222222; margin-bottom: 20px;}
.h-read-more { font-weight: 500; cursor: pointer;  font-size: 16px; background: none; border: none; color: #000; position: relative;}
.h-read-more:hover { color: #be1310; }
.h-read-more::after { content: ''; position: absolute; left: 0; bottom: 0; right: 0; margin: auto; width: 76%; height: 1px; background-color: #be1310; transform: scaleX(0);
  transform-origin: left; transition: transform 0.3s ease;}
.h-read-more:hover::after { transform: scaleX(1);}

footer .comon-address figure{ width: 100%;}
footer .comon-address figure img{ object-fit: cover; width: 100%; height: 100%;}

footer .address-div015 .row .col{ padding-left: 9px; padding-right: 9px; }
.home-pages01 .about-sections{ padding: 50px 0 90px 0 ;}
.home-pages01 section.workflow__area .container.g-0.line.pt-140.pb-140{ padding: 50px 14px; }


.about-sections{ padding: 50px 0;}
.awards-title { font-size: 80px; color: #030303; text-transform: uppercase; line-height: 1; font-weight: 600; width: 100%; }

.awards-title > span { font-weight: 700; display: block; font-family: "Playfair", serif; text-decoration: underline; color: #121212; text-decoration-thickness: 2px;}
.awards-subtext { color: #444444; margin-top: 55px; font-size: 25px; 
  /* margin-left: 130px; width: 240px; today off */ 
   font-weight: 300; }
.awards-img { width: 100px; }
.awards-list { font-size: 16px; padding-bottom: 5px; margin-bottom: 5px; border-bottom: solid 1px #d9d9d9; }
.awards-list > span:nth-child(2) { color: black !important; }
.awards-list:nth-child(1) { color: var(--text-gray); font-weight: 600; }
.awards-list .title-cms{  font-size: 18px; color: #030303; font-weight: 600; }



.how-its-works{ background: #fff; padding: 70px 0;}
.how-its-works .sub-head{  color: var(--head-text); font-size: 18px; font-weight: 600; }
.how-its-works .mian-texts{ color: var(--head-text); font-weight: 600; font-size: 60px; }
.itesms-center01{ color: var(--head-text); font-weight: 600; font-size: 18px; line-height: 1.3; padding-bottom: 50px;
 text-transform: capitalize; }
.itesms-center01 img{ width: auto !important; text-align: center; margin: auto; margin-top: 0;}
.itesms-center01 h5{ font-weight:600; }
.home-pages01 .how-its-slider .conmon-text01 h5{ text-transform:uppercase; }
.home-pages01 .how-its-slider .itesms-center01 figure{ margin-bottom:0 !important; margin-top: 11px;}
.home-pages01 .how-its-works { padding:20px 0 10px 0;}
.home-pages01 .how-its-works .container{ padding:70px 0;}
.conmon-text01 h5{ text-transform: capitalize;    font-size: 17px; font-weight: 600; letter-spacing: 1px; color: var(--head-text);}
.conmon-text01 p{ color: #7a7a7a;  font-size: 16px; font-weight: 400; max-width: 230px; margin: auto; margin-top: 20px; line-height: 25px; }
.round-dots{ display: inline-block; width: 20px;  height: 20px;  margin-top: 26px;  background-color:#c9f31d;
  border: 3px solid #fff; border-radius: 100%; transition:0.2s; animation: pulse-animation 2s infinite; }
.how-its-slider{ margin-top: 65px;}
.how-its-works .container .sub-head { position: relative; z-index: 1;}
.how-its-works .container .mian-texts { position: relative; z-index: 1;}
.how-its-works .container{ position: relative; border-left: solid 1px #f0f0f0;  border-right: solid 1px #f0f0f0; }
.how-its-works .container::before{  position: absolute; content: "";  width: 1px;
    height: 100%; top: 0; left: 0; background: #f0f0f0; right:0 ; margin: auto;}
.how-its-slider::before{ position: absolute; content: ""; left: 0; right: 0; width: 100%; height: 1px; top:59px; background:#121212; }

.home-pages01 .industrices-its-works .slider-industriy .itesms-div-indus p{
    font-size: 18px !important;
}
.industrices-its-works{ background: #faede9; padding: 50px 0;}
.industrices-its-works h2{ font-size: 50px; font-weight: 600; color: var(--head-text); }
.itesms-div-indus { border-right: solid 1px #777777; padding: 40px 40px 40px 40px; min-height: 487px;}
.itesms-div-indus img{ width: 100px !important; text-align: left; }
.itesms-div-indus h5{ font-size: 36px; font-weight: 500; color: var(--head-text);}
.itesms-div-indus p{ color: #222222; font-size: 16px; margin-top: 25px; }
.bt-mores{ background: #CF120E; font-weight: 500; padding: 12px 24px; font-size: 15px; border-radius: 3px; color: #fff !important; }
.tabs-new-bg0156{ background: #121212; padding-left: 0; overflow: hidden;}
.tabs-new-bg0156 .nav-pills .nav-link{ color: #f5f5f5; font-size: 22px; padding: 15px 25px; font-weight: 400; text-align: left; }
.tabs-new-bg0156 .nav-pills .nav-link.active, 
.tabs-new-bg0156 .nav-pills .show>.nav-link{ background: none !important; color: var(--lightcolor); }
.tabs-new-bg0156 .tab-pane.show.active h2{ color: var(--lightcolor); }
.serb-pic{ width: 100%; height: 100% !important;}
.serb-pic img{  width: 100%; height: 100%;     object-fit: cover;}
.comon-serv-tabs015{ padding:20px 0 40px 41px;}
.comon-serv-tabs015 p{ color: #fff; font-size:18px;}
.comon-serv-tabs015 ul{ margin-top: 42px; }
.comon-serv-tabs015 ul li{ color: #cecece; font-size:16px; margin-bottom: 10px; width: 50%;}
.comon-serv-tabs015 h2{ color: #cecece; font-size: 32px; font-weight: 400;}
.comon-serv-tabs015 ul li{  color: #fff; font-size: 18px;  }



.btn-mores{ margin-top: 30px;  background-color: #121212; transition: all 0.5s; position: relative; font-size: 16px; overflow: hidden; border-radius: 50%; 
        justify-content: center; transform: translateY(0); margin-left: 15px; padding-top:68px; padding-left: 26px;  width: 183px; line-height: 1;  color: #999 !important;  height: 183px; font-weight: 500;  border: solid 1px #2c2c2c; }
.btn-mores i{ font-size: 24px; font-weight: 600;  position: relative;  top: -4px;} 
.btn-mores::before{ position: absolute; content: ""; left:0 ; right: 0; top: -20px; width: 30px; height: 30px; background: #fff; border-radius: 50%; overflow: hidden;}
.btn-mores:hover::before{  -webkit-transition: width 2s;  transition: width 2s all; -webkit-transition: height 0.5s; transition: width 2s all; width: 100%; height: 100%; top:0; }
.btn-mores span{ position: relative; z-index: 2; transition: all 0.5s; }
.btn-mores:hover span{ color: #000 !important;}
.btn-mores:hover{ background: #c9f31d; transform: translateY(20px);}

.clients-images-sections{ padding: 80px 0;}
.clients-images-sections h2{  font-weight: 500; color: var(--head-text); font-size: 42px;}
.clients-images-sections p{  font-weight: 400; font-size: 16px; line-height: 1.6; margin: 19px 0 !important; color: #555; }
.clients-images-sections h3{ font-weight: 500; color: var(--head-text); font-size: 30px; }
.logis-text figure{ padding: 4px;}

.ads-sections{ background: #dce4e0; padding: 80px 0;}
.ads-sections h2{ font-size: 50px; font-weight: 600; color: var(--head-text);}
.ads-sections .contacts-btn{ background: #dce4e0; border: solid 1px #c7c8c8; color: #999999 !important; }
.ads-sections .contacts-btn span{ color: #999999 !important; }
.ads-sections .contacts-btn:hover::before{ background: var(--lightcolor);}

.partneers-div{ padding: 80px 0 90px 0; }
.partneers-div h2{ font-size: 50px; font-weight: 600; line-height: 1; text-align: center; color: var(--head-text); }
.partneers-div h2 span{ color: var(--lightcolor); }
.comon-list015{}
.comon-list015 h2{ font-size: 40px; font-weight: 600; columns: var(--head-text);}
.comon-list015 p{ font-size: 20px; font-weight: 400; color: var(--lightcolor);}
.bodr1{ border-color: #000; padding: 40px 31px;}
.left-brd{ border-right:solid 1px; border-bottom:solid 1px;}
.right-brd{ border-bottom:solid 1px; }
.paragr{  font-size: 16px; color: #555; text-align: justify; }
.partneers-div ul{ list-style-type: disc !important; font-size: 16px; margin: 0 0 0 20px; padding: 0; color: var(--head-text);}
.partneers-div ul li{ margin-bottom: 6px; font-weight: 500;}
.why-choser{ background: #fffaf0; padding: 70px 0;}
.why-choser h2{ font-size: 160px; color: #000; text-transform: uppercase; font-weight: 400; line-height: 1; letter-spacing: 1px;}

.client-section { background-color: #dce4e0; padding: 80px 0 100px 0; }

.news-logs-stylesd .nav-link{ padding: 0; border: none; border-radius: 0; }

.globals-logo{  background: #eee; padding: 1.5rem; margin-top: 20px; }
.uiux-design{ padding: 65px 0; }
.crm01-netiv-page .crm01-netiv-page{ padding-top: 75px; }
.uiux-design h2{ color: var(--head-text); font-size: 50px; font-weight: 600; }
.parag-tex{ color: #555; font-size: 16px; line-height: 1.6; font-weight: 400; }
.middles-sectionsj .nav-link{ padding: 17px 25px; width: 209px; margin-bottom: 15px;     font-size: 15px;     background-color: #F0F0F0;
    border-style: solid;  border-color: #252525; border-radius: 5px 5px 5px 5px; }
.middles-sectionsj .nav-link:hover{ background: #303030; border: solid 1px #252525; }
.middles-sectionsj .nav-pills .nav-link.active, 
.nav-pills .show>.nav-link{ background: #303030; border: solid 1px #252525;
  color: var(--whitecolor) !important; }
.middles-sectionsj .nav-pills .nav-link{ color: #252525; border: solid 1px transparent; }
.middles-sectionsj .nav-pills .nav-link:hover{ color: var(--whitecolor); }

.bg-comonas-div015 figure{ min-height: 55px;  min-height: 55px;
    width: 55px;  margin: auto !important;}
.bg-comonas-div015 figcaption{ color: #333; font-weight: 500; font-size: 16px; padding-bottom: 20px;
   padding-top: 5px; text-align: center; }
 
.section-title {
  font-weight: 600;
  font-size: 50px;
  text-align: center;
  color: var(--head-text);
}
.client-section .section-subtitle{ font-size: 16px; text-align: center;  font-weight: 400; color: #555; }
 
.red-highlight {
  color: #d52b1e;
}
.div-tops0180 .section-header{ text-align: center; margin-bottom: 18px;  font-size: 20px; font-weight: 500; color: var(--head-text); text-transform: uppercase; }
.comon-slist01{ padding: 30px 30px 30px 30px; background-color: #FAEDE9;  border-style: solid;
    border-width: 2px 2px 5px 2px; border-color: #EED1C8;  border-radius: 12px 12px 12px 12px; text-align: center; 
    min-height: 390px; position: relative;}
.comon-slist01:hover{  border-color: #CF120E; }
.comon-slist01 .btn-mores01{ border: solid 2px #CF120E; color: #CF120E; font-weight: 500; padding: 15px 30px; 
font-size: 16px; border-radius: 4px; position: absolute; left: 0;
right: 0; bottom: 30px; width: 70%;  margin: auto; transition:all 0.2s; transform:scale(1); }

.comon-slist01 .btn-mores01:hover{ background: #CF120E; color: #fff; transform:scale(1.1);  }

.lifes-ltes-apge .enjoy-robust .here-text01{     font-size: 30px !important;
    font-weight: 400; }
.comon-slist01 h5{  font-size: 22px; font-weight: 400; margin-top: 30px; margin-bottom: 40px; color: #000; }
.how-its-works01 h2{  font-weight: 600; font-size: 32px; line-height: 40px; color: #54595f; }
.how-its-works01 p{  font-weight: 300; font-size: 28px; line-height: 40px; color: #000; }
.how-its-works01 .row{  width: 87%;  margin: auto; }
.banner-part .items-sliders.bg-ban1 figure img{ width: 79% !important; }
.banner-part .items-sliders.bg-ban4 figure img{ width: 79% !important; }
.banner-part .items-sliders.bg-ban5 figure img{ width: 63% !important; }
.right-tabsls-div h4{  font-size: 25px; font-weight: 600; color: #CF120E; }
.right-tabsls-div h2{  font-size: 34px; font-weight: 600; line-height: 38px; color: #000; margin: 20px 0; }
.right-tabsls-div p{  font-size: 18px; font-weight: 400; line-height: 1.5; color: #000; margin: 20px 0; }
.right-tabsls-div .btn{  background-color: #CF120E; font-size: 18px; font-weight: 500;
 text-shadow: 0px 0px 10px rgba(0,0,0,0.3); color: #fff !important; padding: 11px 25px; }
 .logo-border01 img{ width: 82%; margin: auto; }


.crm01-netiv-page .how-its-works01{ padding-top: 71px; }
.crm01-netiv-page .indiustry-div015-news{ padding-bottom: 50px; }
/* why choos */
#section1 {
  background-color: #dadebf;
  color: black;
  flex-direction: column;
  text-align: center;
}
.fulitters-pages01 .woocomer-banner{
       background: url("../images/shutterstock_1590824863.webp") no-repeat;
       background-size: cover;
       background-position: center;
}
#section1 h1 {
  font-weight: 400;
  font-size: 3.5rem;
  line-height: 1.1;
  max-width: 600px;
  margin: 0 auto 3.5rem;
}
 
#section1 .circle-contact {
  margin: 0 auto;
  width: 140px;
  height: 140px;
  border: 1px solid #636363;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
  cursor: pointer;
  color: #858585;
  font-weight: 700;
  font-size: 0.9rem;
  user-select: none;
}
 
 
/* ===== 2nd Section ===== */
#section2 {
  background-color: #fff8eb;
  color: black;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
 
#section2 .left-content {
  width: 100%;
  max-width: 600px;
  padding-bottom: 3rem;
}
 
#section2 .left-content small {
  font-weight: 500;
  font-size: 18px;
  display: block;
  color: var(--head-text);
  margin-bottom: 40px;
}
 

 
 
#section2 .numbers {
  width: 70%;
 
  font-weight: 900;
  font-size: 3.5rem;
  gap: 1rem 3rem;
  margin-bottom: 1.5rem;
}
 
#section2 .numbers div {
  min-width: 140px;
}
 
#section2 .subtext {
  font-weight: 400;
  font-size: 18px;
  color: #7a7a7a;
  margin-top: -1.2rem;
}
.numbers h2{ font-weight: 600; color: var(--head-text); font-size: 100px;}
 
 
 
/* ===== 3rd Section ===== */
#section3 {
  background-color: #f3e8eb;
  padding: 3rem 1rem;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  color: #2c2c2c;
}
 
#section3 .left-half {
  padding-bottom: 2rem;
}
 
#section3 small {
  font-weight: 600;
  font-size:18px;
  display: block;
  margin-bottom:40px;
  color: var(--head-text);
}
 
 
 
#section3 h2 {
  font-size: 40px;
  font-weight:600;
  margin-bottom: 2rem;
  color: var(--head-text);
  line-height: 1.1;
}
 
#section3 p {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
  color: #6a6a6a;
  max-width: 360px;
  margin-left: 10px;
  margin-bottom: 30px;
}
 
#section3 .buttons-group button {
  border: 1px solid #000;
  background: transparent;
  color: var(--head-text);
  font-weight: 600;
  font-size: 16px;
  margin-right: 0px;
  padding: 0.3rem 1.1rem;
  border-radius: 30px;
  text-transform: uppercase;
  transition: all 0.3s ease;
  cursor: pointer;
}
 
#section3 .buttons-group button:hover {
  background-color: #000;
  color: #fff;
}
 
#section3 .right-half {

  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
}
 
.circle-progress {
  border: 2px solid black;
  border-radius: 50%;
  width: 160px;
  height: 160px;
  font-weight: 600;
  font-size:48px;
  color: var(--head-text);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
  flex-shrink: 0;
  user-select: none;
}
 
.skill-row {
  display: flex;
  align-items: center;
  gap: 1rem;
}
 
.skill-text {
  max-width: 320px;
}
 
.skill-text h5 {
  margin: 0 0 0.5rem 0;
  font-weight: 600;
  font-size: 26px;
  text-transform: uppercase;
  color: var(--head-text);
}
 
.skill-text p {
  margin: 0;
  font-weight: 400;
  font-size: 16px;
  color: #7a7a7a;
  max-width: 255px;
}
 
/* ===== 4th Section ===== */
#section4 {
  background-color: #fff8eb;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 900;
  font-size: 7rem;
  text-align: center;
  height: 100vh;
  padding: 0 1rem;
  user-select: none;
}
.why-choser4{ background:#e0e3cc; padding: 70px 0; }
.why-choser4 h2{ font-size: 75px; line-height: 1; font-family: "Be Vietnam Pro", sans-serif; font-weight: 300; color: var(--head-text); }
.why-choser4 .contacts-btn{ padding: 0; width: 220px; height: 220px;  display: flex;
    line-height: 1; margin-top: 60px !important;
    align-items: center;  background:#e0e3cc; color: var(--text-color) !important;}
.why-choser4 .contacts-btn span{ color: var(--text-color) !important;    }
.parallax-item {  min-height: 450px;}
.parallax-item:first-child {
  background: url("../images/Wooden-Lodge-with-Two-Bedrooms-Murcia-47m2-1024x683-1-770x683.webp");
  background-size: cover;
}
.parallax-item:nth-child(2) {
  background: url("../images/shutterstock_227386435-770x980.webp");
  background-size: cover;
}
.parallax-item:nth-child(3) {
  background: url("../images/taxi-services-page-banner-min-770x980.webp");
  background-size: cover;
}
.parallax-item:nth-child(4) {
  background: url("../images/obrien-energy-01-min-770x924.webp");
  background-size: cover;
}
.slider-animations{
    height: 450px;
    overflow: hidden;
}
.featiures-sections{ padding:0;}
.featiures-sections h5 { font-size: 24px; color: #54595f; text-transform: uppercase; font-weight: 400; margin-bottom: 0;}
.featiures-sections h2 { font-size: 120px; color: var(--head-text); font-weight: 500;}
.featiures-sections p { font-size: 18px; color: var(--head-text); font-weight: 400; max-width: 300px; position: relative; padding-left: 0;}
.featiures-sections .btn-mores-see{ background: var(--lightcolor); margin-top: 21px;  color: #fff; 
    text-transform: uppercase; font-size: 18px;}
.features-works .slider-index-works01{ margin-top: 50px; position: relative; top:65px; }

.featiures-sections .container{  position: relative;   
    border-left: solid 1px #f0f0f0; border-right: solid 1px #f0f0f0;}
.featiures-sections .container::before{      position: absolute;  content: "";
    width: 1px; height: 100%; top: 0; left: 0; background: #f0f0f0;
    right: 0; margin: auto;}
 .industrices-its-works .owl-nav span{ color:#fff; position: relative; }
 .industrices-its-works .owl-nav span::before{ position: absolute; content: ""; width: 45px; height: 45px; border-radius: 50%;
     background: #fff; color: var(--head-text); right: 0; } 
 .industrices-its-works .owl-nav .owl-next span::before{ position: absolute; content: "\f105"; font-family: "FontAwesome"; width: 48px; line-height: 47px; height: 48px; border-radius: 50%;
     background: #fff; color: var(--head-text); right: 0; font-weight: 600; }
.industrices-its-works .owl-nav .owl-prev span::before{ position: absolute; content: "\f104"; font-family: "FontAwesome"; width: 48px; line-height: 47px; height: 48px; border-radius: 50%;
     background: #fff; color: var(--head-text); left: 0; font-weight: 600; }
.industrices-its-works{ position: relative; }
.industrices-its-works .owl-nav{ position: absolute; top: 37%; left: 0; right: 12px; }
.industrices-its-works .owl-next{ position: absolute; right: -90px; top:0;}
.industrices-its-works .owl-prev{ position: absolute; left: -40px; top:0;}
.feedbacks-sections{  background: #dce4e0; padding: 60px 0 ;}
.feedbacks-sections h2{  color: var(--head-text); font-size: 45px; padding-bottom: 15px; font-weight: 600; }
.feedbacks-sections h2 span{  color: var(--lightcolor); font-size: 50px; padding-bottom: 15px; font-weight: 600; }
.feedbacks-sections .subprats{  font-weight: 400; color: #575757; font-size: 18px; }

.feedbacks-sections .container{ padding-bottom: 250px;}
.itesms-feedbacks{ padding: 50px 50px 44px; background: #fcfcfe;}
.itesms-feedbacks img{ width: 85px !important; margin-bottom: 30px;}
.itesms-feedbacks p{ color: #7a7a7a; line-height: 1.5; font-size: 16px; font-weight: 400; padding-bottom: 19px; text-align: left;}
.itesms-feedbacks h5{ font-size: 18px; color: var(--head-text); line-height: 1.3; font-weight: 600; }
.itesms-feedbacks h5 span{ font-size: 14px; color: var(--head-text); text-transform: uppercase; line-height: 1.3; font-weight: 600; }

.home-pages01 .client-section-soulitons .contacts-btn:hover:before { background: #000 ; }
.home-pages01 .client-section-soulitons .contacts-btn:hover span { color: #fff !important; }
.tabs-new-bg0156 .btn-mores{ padding-left: 11px; border: solid 1px #fff; text-align: center;   }
.tabs-new-bg0156 .btn-mores span{ color:#fff;    }
.tabs-new-bg0156 .btn-mores i{ color:#fff;     font-size: 18px;
    font-weight: 600; top: 2px; }
footer .last-footers06{ text-align: center; }
.tabs-new-bg0156 .btn-mores:hover{ background: #c9f31d; border: solid 1px #c9f31d !important;   }
.tabs-new-bg0156 .btn-mores:hover i{ color: #000 !important;  }
.tabs-new-bg0156 .btn-mores:hover::before{ background: #c9f31d;   }
.feedbacks-sections .owl-nav .owl-next span::before{ position: absolute; content: "\f061"; font-family: "FontAwesome"; width: 48px; line-height: 47px; height: 48px; border-radius: 50%;
     background: #dce4e0; color: var(--head-text);  font-weight: 400;  }
.feedbacks-sections .owl-nav .owl-prev span::before{ position: absolute; content: "\f060"; font-family: "FontAwesome"; width: 48px; line-height: 47px; height: 48px; border-radius: 50%;
     background: #dce4e0; color: var(--head-text); font-weight: 400;     margin-left: -32px; }
.boostr-div01{ padding: 70px 0 80px 0;}

.subscribe-sections { display: flex;  align-items: center; }
.subscribe-sections h4{ font-size: 28px; font-weight: 600; }
.home-pages01 .contacts-btn:hover{ background: transparent !important; }

.boostr-div01 h2{ margin-bottom: 60px; }
.boostr-div01 .row{ width: 95%; margin: auto; }
.boostr-div01 .row .right-business{  width: 91%;  margin-left: auto; display: block !important; }
.boostr-div01 h2{ color: var(--head-text); font-size: 40px; padding-bottom: 15px; font-weight: 500;}
.boostr-div01 h2 span{ color: var(--lightcolor); }
.boostr-div01 figure{  height: 520px; overflow: hidden; display: inline-block;}
.boostr-div01 figure img{ object-fit: cover; width: 100%; height: 100%; }
.right-business p{ font-size: 16px; color: #555; font-weight: 400; line-height: 1.5; }
.right-business ul{ column-count: 2; }
.right-business ul li{ font-size: 16px; color: var(--head-text); font-weight: 400; margin-bottom: 4px; }
.textpowerse{ padding: 70px 0; background: #dedace;}
.textpowerse h2{ color: var(--head-text); font-weight: 500; font-size: 40px; }
.textpowerse h2 span{ color: var(--lightcolor); font-weight: 500; font-size: 40px; }
.comon-uleasings{ display: inline-block; width: 100%; min-height: 540px; overflow: hidden; border-radius: 5px; position: relative;}
.comon-uleasings figure{ margin: 0; border-radius: 5px; display: inline-block; width: 100%; height: 540px; overflow: hidden; position: relative;}
.comon-uleasings figure img{ object-fit: cover; width: 100%; height: 100%; }
.comon-uleasings figure::before{ background: #8000002f; content: ""; left: 0;
  right: 0; top:0; width: 100%; height: 100%; position: absolute; transition: all 0.5s;  }
.comon-uleasings .text-details{ position: absolute; top:40px; right: 0; left: 0;
bottom: 0; width: 92%; margin: auto;}
.comon-uleasings .text-details h4{ color: var(--whitecolor); font-size: 18px; font-weight: 400; position: relative; }
.comon-uleasings .text-details h4::before{ position: absolute; content: ""; left: 0; right: 0; bottom: -20px; height: 4px; width: 100%;
background: var(--whitecolor); transition: all 0.5s; visibility:hidden; opacity: 0; }
.comon-uleasings .text-details p{  font-size: 16px; font-weight: 400; line-height: 1.5; margin-top: 40px; color: #fff; visibility: hidden; transform: translateY(40px); opacity: 0; transition: all 0.5s; }
.comon-uleasings:hover .text-details p{ color: #fff; visibility: visible; transform: translateY(0); opacity: 1; }
.comon-uleasings:hover .text-details h4::before{ position: absolute; content: ""; left: 0; right: 0; bottom: -20px; height: 4px; width: 100%;
background: var(--whitecolor); transition: all 0.5s; visibility: visible; opacity: 1; }
.comon-uleasings:hover figure::before{ background: #80000093;  }

.client-section h2{ color: var(--head-text); font-weight: 600; font-size: 50px; }
.client-section h2 span{ color: var(--lightcolor); font-weight: 600; font-size: 50px; }
.comon-clisnets h5{ font-size: 20px; font-weight: 500; color: var(--head-text); margin-bottom: 15px; text-align: center; }
.c-content-div{ background: #dce4e0; overflow: hidden; border-radius: 21px; min-height: 209px; border: solid 1px #000; padding: 38px; position: relative; }
.c-content-div p{ font-size: 16px; font-weight: 300; color: #161616; width: 80%; padding-left: 15px; }
.c-content-div span.arows{ font-size: 27px; width: 38px;   height: 38px;   border-radius: 30px;
    background: #252525; color: #fff; display: inline-block;   text-align: center;  line-height: 39px; }
.c-content-div::before{     position: absolute; content: ""; transition: all 0.5s;
    right: 0;   transform: translateY(17px); transition: width 0.2s, height 0.2s; height: 70px;  width: 23px;  background: #000; border-radius: 8px 0 0 8px;}
.c-content-div:hover::before{  transform: translateY(0); top:0; width: 100%; height: 100%; }
.comon-clisnets p,
.comon-clisnets span.arows{ position: relative; z-index: 2;}
.comon-clisnets:hover p{ color: var(--whitecolor);}
.comon-clisnets:hover span.arows{ background:var(--whitecolor); color: var(--head-text); }

.client-section-soulitons{ background: #f3ecec; padding: 70px 0; }
.client-section-soulitons h5{ text-transform: uppercase; color: var(--head-text); font-size: 18px; 
  line-height: 1.6; font-weight: 600; }
.client-section-soulitons h2{ text-transform: uppercase; color: var(--head-text); padding-bottom: 29px; font-size: 60px; font-weight: 600;  
    line-height: 1; text-transform: capitalize; }
.client-section-soulitons .accordion-button{ background: none;  font-size: 18px; padding-left: 0; padding-right: 0; 
  color: var(--head-text); font-weight: 600; border-radius: 0; border-bottom: solid transparent !important; border-top: solid 1px #121212; }
.client-section-soulitons .accordion-item:first-of-type .accordion-button{ border-radius: 0; padding-left: 0; padding-right: 0;}
.client-section-soulitons .accordion-item{ background:none !important; border: none; }
.accordion-button:not(.collapsed){ box-shadow: none !important;}

.acoudinons{ width: 100%; }
.accordion-button:focus{ box-shadow: none !important; }
.accordion-button::after{ transform: none !important; background-image: none !important; content: "\f067"; font-weight: 300; font-family: "FontAwesome";  }
.accordion-button:not(.collapsed)::after{ content: "\f068"; }

.client-section-soulitons .accordion-body{ padding-left: 0; padding-right: 0; }
.client-section-soulitons .accordion-body p{ color: #7a7a7a; font-weight: 400; font-size: 16px; line-height: 1.5;
    padding-left: 0; padding-right: 0;  padding-bottom: 49px; }
.darsk-shed{background: #121212; padding: 66px 30px; margin-bottom: 20px; border-radius: 9px;}
.comonas h5{ text-transform: uppercase; position: relative; font-size: 26px; margin-bottom: 10px; font-weight: 600;}
.comonas .cocls{ text-transform: uppercase; color: #ff9776; font-size: 50px; font-weight: 600;}
.comonas .cocls i{ position: relative; top:5px;}
.comonas p{ color: #999; text-transform: capitalize; font-size: 16px; font-weight: 400;}
.pricins{ font-weight: 400; font-size: 35px; text-transform: uppercase; position: relative;}
.pricins sub{  font-size: 14px; position: relative; top:-2px; }

.comonas.bg-white  .cocls{ color: #999;}
.comonas.bg-white { padding: 66px 30px; margin-bottom: 20px; border-radius: 9px; }
.client-section-soulitons .contacts-btn{  background: #f3ecec !important;     line-height: 1; }
.client-section-soulitons .contacts-btn span{  position: relative; top:50px; color: #999; }
.bgi-pric{ color: #121212;     font-weight: 400; font-size: 36px;
 line-height: 1.3;} 
.comonas h5::before{ 
    position: absolute;
    content: "";
    width: 28px;
    height: 13px;
    border-radius: 10px;
    left: 0;
    top: -19px;
    border: solid 1px #999;
 }
.comonas .col-2{ width: 12.666667%; }
.comonas .col-7{ width: 64.333333%; }
.comonas .col-3{ width: 23%; }
.comonas .col-3 .pricins{  text-align: right; }

 .fist-tesr01{  min-height: 605px; padding-bottom: 120px;  display: flex; align-items: center; justify-content: center;}

 .no-hegihts { height: 580px; }

.best-vasule{    
    line-height: 10px;
    color: var(--white);
    text-transform: uppercase;
    padding: 8px 12px;
    border-radius: 5px;
    background-color: #ff9776;
    position: absolute;
    top: -15px;
    right: 20px;
}
.best-vasule p{ color: #fff; text-transform: uppercase; font-weight: 500;
    font-size: 12px;}



.itesms-gallerys h4{ font-weight: 600; color: var(--head-text); font-size: 22px; line-height: 1.3; 
padding-bottom: 5px; height: 100px; overflow: hidden; position: relative; display: inline-block; width: 100%;}
.itesms-gallerys h4 span{ color: #7A7A7A; font-size: 20px; font-weight: 400;  }
.itesms-gallerys .actrs{ position: absolute; right: 0; font-size: 25px; top:6px; font-weight: 600; transition: all 0.5s; transform: rotate(0); }
.itesms-gallerys:hover .actrs{ transform: rotate(-45deg); }
.itesms-gallerys{ display: inline-block; width: 100%;}
.itesms-gallerys figure{ height: 330px; width: 100%; overflow: hidden; display: inline-block; }
.itesms-gallerys figure img{ object-fit: cover; width: 100%; height: 100%; }
.insights-by-zts{ padding:90px 0; overflow: hidden; }
/* page 1 */



 
.insights-img {
  width: 280px;
}
 
.insights-card {
  position: relative;
  top: -106px;
  left: 130px;
  min-height: 270px;
  max-width: 335px;
  border: 1px solid rgb(179, 172, 172);
  background-color: #ffffff;
  border: none;
  padding: 35px;
}
 
.insightscard-date{
  color: var(--text-color);
  font-size: 16px;
  margin-bottom: 10px;
}
 
.insightscard-text{
  font-weight: 600;
  font-size: 25px;
}
.insightscard-readmore{
 color: var(--text-color);
 font-size: 18px;
 font-weight: 500;
}

 
.insights-by-zts h2{
font-size: 50px;
 color: var(--head-text);
 font-weight: 600;
& span{
  color: var(--lightcolor);
}
 
}
 
.insights-p{
font-size: 16px;
}
 

/* print2 */


 
.text-column {
  padding: 2rem;
  background-color: #f8f9fa;
}
 
.gallery-wrapper {
  height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* IE/Edge */
}
 
.gallery-wrapper::-webkit-scrollbar {
  display: none;
  /* Chrome/Safari */
}
 
.gallery {
  display: flex;
  flex-direction: column;
}
 
.card-img {
  position: relative;
  height: 400px;
  overflow: hidden;
  border: none !important;
}
 
.card-img>span {
  background-color: red;
  font-size: 26px;
  font-weight: 600;
  z-index: 9999;
  color: black;
}
 
.card-image-wrapper {
  height: 130%;
  transition: transform 0.1s ease-out;
}
 
.card-image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
 
.ZTS-Portfolio {
  padding: 3rem 1rem;
  background-color: #f1f1f1;
  text-align: center;
}
 
.ZTS-Portfolio h2 {
  font-weight: bold;
  margin-bottom: 1rem;
}
 
.ZTS-Portfolio p {
  max-width: 600px;
  margin: 0 auto;
  color: #555;
}
 
@media (max-width: 768px) {
  .card-img {
    height: 300px;
  }
}
 
/* pritam3 */

.need-consultation {
  position: relative;
  color: #ffffff;
  padding-block: 50px;
  background-image: linear-gradient(65deg, #4d4d4d 50%, #c7c7c7 50%);
 
  & h3 {
    margin-bottom: 10px;
  }
 
  & h6 {
    margin-bottom: 50px !important;
  }
}
 
.need-consultation::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background: url("../images/lines.png");
  width: 100%;
  height: 100%;
  opacity: 0.1;
}
.need-consultation .container{
  position: relative;
}
.consultation-submit {
  margin-top: 10px;
  text-transform: uppercase;
  border: 1px solid #000;
  font-size: 14px;
  color: #fff;
  background: #CF120E;
  padding: 10px 25px;
  border-radius: 25px;
}
 
.need-consultation {
  color: #ffffff;
}
 
 
.consultation-img {
  width: 121px;
}
 
.txtc {
  color: #000000;
}
 
.contact-us{ background: #c7c7c7; padding: 40px 0 57px 0;}
.contact-us h2{ font-size: 40px; font-weight: 500; }
.contact-us p{ font-size: 16px; font-weight:400; }
.contact-us .btn{ background: var(--lightcolor);  color: var(--whitecolor); padding: 12px 24px; font-size: 15px;
 font-weight: 500; }

.growths-us{ background: #000; padding: 70px 0;  }
.growths-us h2{ font-size: 50px; font-weight: 600; }
.growths-us h2 span{ color: var(--lightcolor); }
.comon-section-new015{ text-align: center; }
.comon-section-new015 h5{font-weight: 600; font-size: 22px;}
.comon-section-new015 p{font-weight: 400; font-size: 16px;}
.comon-section-new015 .btn{ background: var(--lightcolor); color: var(--whitecolor);
    font-size: 15px;  padding: 12px 24px; font-weight: 500; }
.features-works{ padding-bottom: 0;}

.tabs-new-bg0156 .tab-pane h2{ font-size: 40px; }

@media (max-width: 768px) {
 
  #section2,
  #section3 {
    flex-direction: column;
    align-items: center;
  }
 
  #section2 .numbers {
    justify-content: center;
  }
 
  #section2 .right-image {
    margin-top: 3rem;
    width: 280px;
  }
 
  #section3 .right-half {
    margin-top: 3rem;
  }
 
  #section3 .left-half,
  #section3 .right-half {
    max-width: 100%;
    text-align: center;
  }
}
 
 
.right-image img{
  width: 500px;
}
 
.section3-subtext{
  margin-left: 50px;
  width: 70%;
}
/* why chhjose ends */
.div-tops0180 .card-custom::before {
     position: absolute;
    content: "";
    right: 0;
    top: 71px;
    background: #000;
    width: 40px;
    height: 116px;
    border-radius: 10px 0 0 10px;
    z-index: 1;
    transform: scale(1);
    transition: all 0.5s;

   
}
.div-tops0180:hover .card-custom::before { width: 100%; height: 100%; }
.div-tops0180 .card-custom p{ font-size: 16px; font-weight: 300;}
.card-custom .icon-circle {
  background-color: #252525;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
}
 
.card-custom .icon-circle i {
  font-size: 35px;
  color: #fff;
}
 
.card-text {
  margin-left: 20px;
  font-weight: 400;
  font-size: 0.9rem;
  color: black;
  line-height: 1.4;
}
 
.card-pillar-right {
  position: absolute;
  right: -12px;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 50px;
  background-color: black;
  border-radius: 15px;
  user-select: none;
}
 
/* Container flex for cards */
.cards-row {
  display: flex;
  justify-content: center;
  gap: 2rem;
  flex-wrap: nowrap;
  margin: 0 auto 60px auto;
}
.div-tops0180::before{ position: absolute; content: ""; right: 0; top:0; background: #000; width: 40px;
 height: 200px;  border-radius: 10px 10px 0 0; }
@media (max-width: 900px) {
  .cards-row {
    flex-wrap: wrap;
    gap: 1.5rem;
  }
 
  .cards-row>div {
    flex: 1 1 300px;
  }
}
 
.card-pillar-right {
  position: absolute;
  right: -1px;
  top: 50%;
  transform: translateY(-50%);
  width: 22px;
  height: 70px;
  background-color: black;
  border-radius: 8px 0px 0px 8px;
}
.crm01-netiv-page .how-its-slider2 .itesms-center01 h5,
.how-its-slider2 .itesms-center01 h5{
  font-weight:600;
}
 

@keyframes pulse-animation {
  0% {
    transform: scale(0.9);
  }
 
  50% {
    transform: scale(1);
  }
  70% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1.2);
  }
}

@-webkit-keyframes fadeInLeft {
  0% {
          opacity: 0;
  }
  100% {
          opacity: 1;
          -webkit-transform: none;
          transform: none;
  }
}
@keyframes fadeOutLeft {
    0% {
            opacity: 1;
    }
    100% {
            opacity: 0;
    }
}


/* ceo */

.zts-section {
  background-color: #cf120e;
  color: white;
  padding: 31px 30px 33px 30px;
}
 
.zts-section h2 {
  font-weight: 600;
  margin-bottom: 35px;
  font-size: 60px;
}
 
 
 
.zts-numbers strong {
  font-size: 1.75rem !important;
  line-height: 1.3;
}
 
.zts-numbers .number-item {
  border-right: 1px solid #FFFFFFC7;
  border-bottom: 1px solid #FFFFFFC7;
  padding: 1rem;
  display: flex;
  align-items: start;
  gap: 0.9rem;
  padding-bottom: 37px;
}
 
 
 
.number-item .icon-wrapper {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  stroke: white;
  stroke-width: 2px;
  fill: none;
}
 
.number-item .text-content {
  line-height: 1;
}
 
.number-item .text-content strong {
  font-weight: 600;
  font-size:30px !important;
  display: block;
  margin-bottom: 2px;
}
 
.number-item .subtext {
  font-size: 20px;
  font-weight: 400;
  opacity: 0.8;
  color: #FFFFFFC7;
}
 
/* Bottom part with office photos and button */
.zts-office-section {
  margin-top: 47px;
  position: relative;
  top: -14px;
}
 
.zts-office-text {
  font-weight: 600;
  margin-bottom: 14px;
  font-size: 28px;
  font-weight: 500;
   color: #FFFFFFC7;
}
 
.office-photos {
  display: flex;
  gap: 12px;
  margin-bottom: 25px;
  flex-wrap: wrap;
}
 
.office-photos img {
  width: 80px;
  height: 70px;
  object-fit: cover;
  border-radius: 7px;
  flex-shrink: 0;
  border: none;
  box-shadow: 0 0 5px rgba(255 255 255 / 0.3);
}
 
.btn-talk {
  background-color: white;
  color: #cf120e;
  font-weight: 700;
  font-size: 0.875rem;
  padding-left: 15px;
  padding-right: 15px;
  border-radius: 3px;
  border: none;
}
 
.btn-talk:hover,
.btn-talk:focus {
  background-color: #e6e6e6;
  color: #bf1010;
  text-decoration: none;
}
 
.btn-talk.talks-btn{ padding: 20px 40px; font-size: 20px; font-weight: 600;     letter-spacing: 1px; border-radius: 5px; transition: all 0.5s; }
.btn-talk.talks-btn i{ font-size: 20px; }
.office-photos .itesms{ height: 139px; overflow: hidden; width: 100%; display: inline-block; border-radius: 8px; }
.office-photos .itesms img{ object-fit: cover; width: 100%; height: 100%; }

.seco-parts{ background: url(../images/Founder-SEO.jpg) no-repeat; background-size: cover; padding-top: 28px;  }
.seco-parts h5{ font-size: 20px; color: var(--lightcolor); font-weight: 600; text-transform: uppercase; }
.seco-parts h2{ font-size: 60px; color: #030303; font-weight: 600; margin: 10px 0; }
.seco-parts h3{ font-size: 30px; margin-top: 50px; line-height: 1.3em; 
      margin-bottom: 20px; font-weight: 600; color: var(--whitecolor); text-shadow: 0px 0px 4px #000000; }
/* Right side section */
.right-section {
  padding: 53px 0 61px 30px;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  background: #fff;
  
}
.btn-talk.talks-btn:hover{ background: #000 !important; color: #fff !important; }
.ceo-sections::before{     position: absolute;
    content: "";
    right:-69px;
    top: 0;
    width: 14%;
    height: 100%;
    background: #fff;
    z-index: 1; }
.new-adds-css{     font-size: 30px;  font-weight: 600;
    line-height: 40px; color: #030303;}
.new-adds-css p{ font-size: #555; font-size: 16px;}
.logo-border01 figure{ border: solid 1px #EBEBEB; overflow: hidden; border-radius: 8px; height: 130px; display: grid; align-content: center;}
 
.right-section h3 {
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 30px;
}
 
.right-section p {
  font-size: 16px;
  line-height: 1.4;
  margin-bottom: 36px;
  color: #555;
  font-weight: 400;
  width: 90%;
}


.certifications {
  max-width: 280px;
}
 
.cert-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px 10px;
}
 
.cert-card {
  border: 1.3px solid #bdbdbd;
  background-color: white;
  padding: 15px 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 70px;
  border-radius: 4px;
  box-shadow: none;
  transition: box-shadow 0.25s ease;
}
 
.cert-card:hover {
  box-shadow: 0 4px 8px rgb(0 0 0 / 0.1);
}
 
.cert-card img {
  max-height: 40px;
  object-fit: contain;
}
 
 
.zts-section-img {
  width:66px;
}
 
 
.bl-none {
  border-right: none !important;
}
 
.bb-none {
  border-bottom: none !important;
}
 
/* about us page */

.patient-btn {
  font-size: 13px;
  border: none;
  border-radius: 8px;
  padding: 7px 12px !important;
 
 
}
 
.checkin {
  background-color: var(--lightcolor);
  color: var(--bg-color);
}
 
.cancel {
  background-color: #ef4538;
  color: var(--bg-color);
}
 
.checked-in {
  background-color: lightgray;
  color: var(--lightcolor);
}
 
.checked-in {
  color: var(--lightcolor);
  font-weight: 700;
}
 
.imp-notes {
  font-style: italic;
}
 
.view-btn {
  background: none;
  border: none;
  font-weight: 600;
 
  color: #5090ff;
}
 
.new-pet {
  padding: 8px 15px;
  border: none;
  font-size: 16px;
  border-radius: 8px;
  background-color: var(--lightcolor);
  color: var(--bg-color);
}
 
.no-notes {
  font-style: italic;
  color: gray;
}
 
.textr-adds {
  height: 100px !important;
  resize: none;
}
 
.right-border-trs {
  border-right: solid 1px #efefef;
}
 
/* code pen */
#calendar {
  max-width: 1100px;
  margin: 40px auto;
}
 
/* code pen */
 
.petImage img {
  height: 70px;
  width: 70px;
}
 
 
 
/* copy done */
 
 
 
 
 
 
 
 
.common-pet-view-card {
  margin-top: 30px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  font-size: 14px;
  border-radius: 8px;
 
  & h6 {
    color: var(--lightcolor);
    font-weight: 600;
  }
 
 
  & .card-head {
    background-color: rgb(245, 245, 245);
  }
 
  & .card-padding {
    padding: 15px;
    border-bottom: 1px solid lightgray;
  }
 
  & .card-list li {
    border-bottom: 1px solid lightgray;
  }
 
  & .card-content-padding li {
    padding: 10px 15px;
 
  }
 
  & .pet-data {
    color: var(--lightcolor);
    font-weight: 600;
    text-align: left;
  }
 
  & .card-child-li-w {
    color: gray;
    display: inline-block;
    width: 150px;
  }
}
 
 
.badge {
  padding: 5px 8px;
  border-radius: 25px;
 
 
}
 
.badge-t {
  background-color: #fff0f0;
  color: #f0443a;
}
 
.badge-l {
  background-color: rgb(238, 238, 238);
  color: gray;
}
 
.badge-u {
  background-color: rgb(180, 247, 180);
  color: rgb(4, 173, 4);
}
.about-hero h1{ color: var(--head-text); font-size: 80px; font-weight: 600; line-height: 1; position: relative; z-index: 2;}
.about-main-section .container{ border-left: solid 1px #f0f0f0; border-right: solid 1px #f0f0f0; position: relative;}
.story-area{ position: relative; z-index: 1; }
.about-main-section .story-area h2{     font-size: 60px; line-height: 1;}
.about-main-section .project-subtxt{ color: #030303; line-height: 1.4; font-weight: 500; }
.about-hero .middle-para{ color: #7a7a7a; font-size: 18px;     font-weight: 400; line-height: 1.4; padding-left: 0; width: 65%; }
.greenbox{     width: 160px;  height: 90px;     padding: 20px 30px;
    font-weight: 400; font-size: 18px;  line-height: 1.1; background: #c9f31d; }
.greenbox{ font-weight: 400;  font-size: 18px; margin-top: 200px; margin-left: auto;}
.greenbox span{font-size: 35px; font-weight: 500; color: var(--head-text);}
.about-main-section .container::before{     position: absolute;  content: "";  width: 1px;  height: 100%; 
   top: 0; left: 0; background: #f0f0f0; right: 0;  margin: auto;}
.about-hero .btn-mores{ background: var(--whitecolor); border: solid 1px #999999; }
.clu-texts img{ transform: scale(1.7); margin-top: 120px; margin-left: -85px; }
.story-area h2{ font-size: 50px; color: var(--head-text); font-weight: 600;}
.story-area h5{ font-size: 18px; color: var(--head-text); font-weight: 600;}
.story-area .about-herocol2{ font-size: 40px; font-size: 18px; padding-top: 30px;  line-height: 1.5; 
color: #7A7A7A;}
.height-au{
  margin-top: 250px;
}
.news-heros .row{ position: relative; z-index: 1; }
.parallax-section { background-image: url('../images/10-1.webp');
  height: 100vh;
  /* Full height */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.7);
}
.counter__area .project-number{ color: #7a7a7a; font-size: 100px; font-weight: 400; }
.story-area b{ color: #000; font-size: 18px; font-weight: 600;}
.counter__area{ padding: 140px 0; background: #fff;}
.cta__area015{ padding: 70px 0;}
.cta__area015 .cta-badge{ border: solid 1px #c2c2c2; border-radius:50px; 
  font-size: 16px;  font-weight: 600;    padding: 5px 17px; text-transform: uppercase; font-weight: 500; }
.cta__area015 .about-hero-btn .btn-mores{ background: #ffff; border: solid 1px #555;}
.last-abouts figure{
  width: 100%; height: 200px; border-radius: 5px; overflow: hidden;
}
.last-abouts{ padding-bottom: 70px;}
.last-abouts p{ font-size: 16px; color: #555; font-weight: 400;}
.last-abouts figure img{
   object-fit: cover; width: 100%; height: 100%;
}
.cta__area015 .cta-title { font-size: 50px; font-weight: 600; color: var(--head-text); line-height: 1; padding-bottom: 40px;}

.blog-card figure{ position: relative; height: 500px; display: inline-block; width: 100%; overflow: hidden; background: #fff;}
.blog-card figure img{ object-fit: cover; width: 100%; height: 100%; }
.hovers-e{ visibility: hidden; top:0; left: 0; transform: translateX(50%) scaleX(2);
    opacity: 0;  filter: blur(10px); position: relative; transition: all 0.5s;}
.blog-card:hover .hovers-e{  transform: translateX(0) scaleX(1);
    opacity: 1; visibility: visible;   filter: blur(0); position: absolute; }
.blog-card .now-hove{ position: absolute; left: 0; transition: all 0.5s;   visibility: visible; position: absolute;  transform: translateX(0);}
.blog-card:hover .now-hove{ position: absolute; left: 0;   visibility: hidden;   transform: translateX(-50%);
}
/* developentment */

.rquest-parges .form-group{ margin-bottom: 25px;}
.woocomer-banner{ background: url(../images/shutterstock_2144743953.webp) no-repeat; background-size: cover;
 padding: 160px 0px 80px 0px !important;  width: 100%; position: relative; }
.woocomer-banner::before{ position: absolute; content: ""; left: 0; right: 0; width: 100%; min-height: 100%; top:0;
background-image:linear-gradient(90deg, #FFFFFF 50%, #0000000D 100%); opacity: 0.5; }

.woocomerc-pages-divs .faq-sections-div0152 {
      background: rgb(250, 237, 233);
      padding-bottom: 75px !important;
}
.woocomerc-pages-divs .insights-by-zts p.subprats{
      
      
}
.crm01-netiv-page .feedbacks-sections .subprats{
    color: #575757;
    font-weight: 400;
}
.woocomerc-pages-divs .faq-sections-div0152 {
    background: #fff;
      
}

.bd-hegiht01{
  height: auto !important;
}
.sth-pic{
  height: 490px !important;
}
.sth-pic img{
   object-fit: cover;
   object-position:0 -660px;
   width: 100%;
   height: 100%;
}
.crm01-netiv-page .faq-sections-div0152 p{ color: #555; }
.woocomerc-pages-divs .next-banner h1{ width: 71%; }
.woocomer-banner h5{ color: var(--lightcolor);  }
.woocomer-banner .container{ position: relative; z-index: 1;}
.next-banner .breadcrumb-item{ color: var(--lightcolor); font-size: 24px; font-weight: 400; }
.next-banner h1{ color: var(--whitecolor); width: 60%; font-weight: 500; font-size: 70px; line-height: 75px; }
.next-banner p{ color: var(--whitecolor); font-weight: 300; font-size: 26px; line-height: 32px;
 margin-top: 20px; }

.comon-rounds01 h2{  font-size: 55px; font-weight: 500; color: var(--whitecolor);}
.comon-rounds01 p{ font-size: 18px; font-weight: 400; color: var(--lightcolor);     line-height: 2.5;}
.rquest-parges{ padding: 25px 25px 20px 25px; background: #fff; }
.rquest-parges h3{ color: #000; font-size: 1.75rem; font-weight: 500; }
.rquest-parges .form-group{ border: solid 1px #DFDFDF; padding-left: 10px; height: 49px;}
.rquest-parges .form-group i{ color: #666; }
.rquest-parges .form-group .form-control{ border: none !important; border-radius: 0 !important; }
.rquest-parges .form-label{ font-size: 15px; font-weight: 500; }
.rquest-parges .form-select{ border: solid 1px #DFDFDF; height: 49px; border-radius: 0 !important;   }
.rquest-parges .whits015.form-group .form-control,
.rquest-parges .whits015.form-group{ height: 100px; }
.rquest-parges .whits015.form-group .form-control{ height: 90px; }
.rquest-parges  .btn-submits01{ background: var(--lightcolor) no-repeat; color: var(--whitecolor) !important;
 font-weight: 500; border-radius: 0 !important; }

.ads-new-sections{ padding: 150px 0 80px 0; }
.ads-new-sections h2{ font-size: 40px; font-weight: 600; color: var(--head-text);}
.ads-new-sections p{ font-size: 16px; font-weight: 400; color: #555;}
 
.wordpress-cs-page .how-woocomerces h2{
   font-size: 45px !important;
}
.wordpress-cs-page .how-woocomerces{
   padding:38px 0 10px 0;
}
.wordpress-cs-page .how-woocomerces .container {
  padding:50px 0;
}
.cmon-textr{
  margin-top:25px;
}
.cmon-textr ul li{
  color:#fff !important;
  font-size:16px;
  font-weight:400;
}
.boardings-pages .lifeat-zts-hero-02 h2.i-wb-title{
      font-size: 55px;
    font-weight: 500;
}
.boardings-pages .lifeat-zts-hero-02 .col-lg-12 > p{
    font-size: 22px !important;
    font-weight: 300;
}
.next-pages-fetches .fitecht-div{
  background:#F6F6F6;
}
.cmon-textr ul li i{
  margin-right:10px;
}
.cmon-textr{
   position:relative;
   z-index:1;
}
.slider-index-works01 .owl-nav .owl-prev span::before {     position: absolute;
    content: "\f060";
    font-family: "FontAwesome";
    width: 48px;
    line-height: 47px;
    height: 48px;
    border-radius: 50%;
    background:#fff;
    color: var(--head-text);
    left: 0; }

.slider-index-works01 .owl-nav .owl-next span::before{ 
    position: absolute;
    content: "\f061";
    font-family: "FontAwesome";
    width: 48px;
    line-height: 47px;
    height: 48px;
    border-radius: 50%;
    background: #fff;
    color: var(--head-text);
    left: 42px;
   }
.slider-index-works01 .owl-nav .owl-next span,
.slider-index-works01 .owl-nav .owl-prev span{
  color: transparent !important;
}
.slider-index-works01 .owl-nav .owl-next:hover,
.slider-index-works01 .owl-nav .owl-prev:hover{
  background:none !important;
}

.no-needs-div-sec{ background: #FAEDE9; padding: 70px 0;}
.no-needs-div-sec figcaption{ color: var(--lightcolor); font-weight: 600; font-size: 20px;}
.indiustry-div015-news{ margin-top: 75px;}
.indiustry-div015-news h2{ color: var(--lightcolor); font-weight: 600;  }
.indiustry-div015-news h2 span{ color: var(--head-text);}
.indiustry-div015-news p{ color: #555; font-weight: 400; width: 78%; line-height: 1.6; font-size: 16px; }
.josyd-div01{ padding: 3px 3px 3px 3px; border-radius: 50%; overflow: hidden; border: solid 2px #CF120E !important; 
    width: 150px; height: 150px; margin: auto; margin-bottom: 15px; }
.josyd-div01 img{ object-fit: cover; width: 100%; height: 100%; border-radius: 50%; }

.hires-div h1{  color: #54595f; font-weight: 400; font-size: 60px; line-height: 1; }
.hires-div a{ border-bottom: solid 1px #2c2c2c; border-top: solid 1px #2c2c2c; padding: 50px 0; }
.hires-div h2 { display: flex; align-items: center;  width: 60%;}
.hires-div h2 strong{ color: #54595f; font-size: 36px; font-weight: 400 !important;  width: 73%; line-height: 1.5; transition: all 0.5s; }
.hires-div h2 span{ color: #54595f; font-size: 24px; font-weight: 400 !important;  width: 30%;  line-height: 1.5; }

.hires-div .not-list01{ color: #54595f; font-size: 24px; line-height: 1.3; width: 8%; }
.wb-hero .w-75{ width: 90% !important; }

.crm01-netiv-page .right-tabsls-div p{  line-height: 1.5; font-weight: 400; font-size: 16px;   }
.hires-div .btn-aoup-btn{ color: #a8a8a8; font-size: 40px; }
.hires-div a:hover h2 strong{ color: #fff; }
.c12{ display: none;}

@media (min-width: 1200px) {
    .woocomer-banner .container, .woocomer-banner .container-lg, 
    .woocomer-banner .container-md, .woocomer-banner .container-sm, 
    .woocomer-banner .container-xl {
        max-width: 1261px;
    }
}

/* footer */
footer{ background: #030303; padding: 40px 0 30px 0; }
.tops-footer .logo-footers{ width: 104px; display: inline-block; margin-bottom: 20px; }
.contacts-btn{  margin-top: 30px;  background-color: #121212; transition: all 0.5s; position: relative; font-size: 20px; overflow: hidden; border-radius: 50%; color: #FFFFFF;
        justify-content: center; transform: translateY(0);  width: 170px; line-height: 151px; color: #fff !important;  height: 170px; font-weight: 400;  border: solid 1px #2c2c2c; }
.contacts-btn i{ font-size: 26px; font-weight: 600;  position: relative;  top: 4px;} 
.contacts-btn::before{ position: absolute; content: ""; left:0 ; right: 0; top: -20px; width: 30px; height: 30px; background: #fff; border-radius: 50%; overflow: hidden;}
.contacts-btn:hover::before{  -webkit-transition: width 2s;  transition: width 2s all; -webkit-transition: height 0.5s; transition: width 2s all; width: 100%; height: 100%; top:0; }
.contacts-btn span{ position: relative; z-index: 2; transition: all 0.5s; }
.contacts-btn:hover span{ color: #000 !important;}
.contacts-btn:hover{ background: #c9f31d; transform: translateY(20px);}

.tops-footer p{ color: #fff; font-size: 22px; font-weight: 400;}
.right-footers h3{   font-size: 28px; font-weight: 600; color: #fff; }
.right-footers p{  font-size: 28px; font-weight: 600;  color: #DFDFDF; font-size: 16px; width: 80%;  margin-top: 20px; }
.footers-soclias{ margin-top: 20px; }
.footers-soclias li a{ background-color: #BE1310;  width: 40px; height: 40px; overflow: hidden; border-radius: 50px;
  padding: 0; color: #fff !important; font-size: 25px; margin: 0 4px; }
.tops-footer hr{  background: #fff;  height: 1px; opacity: 1 !important; margin-top: 30px; }

.left-arrow { position: absolute;  left: 0; top: 50px; z-index: 1; background-color: #fff !important; padding: 0; }
.right-arow{ position: absolute;  left: 0;  top: 50px; z-index: 1; background-color: #fff !important;  padding: 0; }
.monday-div-text{     margin-top: 25px !important; width: 84% !important; margin: auto; text-align: center; }
.monday-div-text h4{ font-size: 25px; color: #BE1310;}
.monday-div-text p{ font-size: 25px; color: #fff; margin-top: 10px;}
.clients-logosd{ background: #1f1f1f; padding: 20px 20px 10px 20px; overflow: hidden; }
.address-div015{ border-top: solid 1px transparent; transition: all 0.5s; margin: 50px 0 0 0; padding: 61px 0; }
.address-div015:hover{ border-top: solid 1px #1a1a1a; transition: all 0.5s;}
.comon-address h4{ color: #fff; font-size: 28px; font-weight: 600; margin-top: 20px; margin-bottom: 11px;}
.comon-address ul{ margin-top: 14px; }
.comon-address p, .comon-address li a{ color: #DFDFDF; font-weight: 400; font-size: 16px; }
.footer-last-sections{ padding-top: 25px;}
.footer-last-sections p{ font-size: 16px; color: #fff; line-height: 25px;}
.footer-last-sections li a{ font-size: 16px; color: #fff; line-height: 25px; padding: 0 15px;}
.bottoms-div015.w-100 { margin-top: 50px; padding: 25px 0; }
.Subscribe-btn{ background: var(--lightcolor);     padding: 10px 20px; border: none; border-radius: 0 3px 3px 0;
    cursor: pointer; font-size: 16px; transition: all 0.5s; color: #fff; }
.subscribe-sections .form-control{ height: 44px; border-radius: 4px 0 0 4px;}
.tops-footer, .bottoms-div015, .address-div015, .footer-last-sections{ padding-right: 20px !important; padding-left: 20px !important;}
.strat-togethers h2{ font-size: 50px;     white-space: nowrap; text-transform: uppercase; font-weight: 600; color: var(--head-text); line-height: 1.2; }
.strat-togethers h2 span{ text-transform: uppercase; font-weight: 600; color: var(--head-text);  }
.strat-togethers{ padding: 20px 0;}
.btn-works01{ text-decoration: underline; margin-left: 25px; text-transform: uppercase; color: #000; 
  line-height: 1.3; font-weight: 500; font-size: 20px; }
.strat-togethers .container{ position: relative; min-height: 400px; border-bottom: solid 1px #dddddd;}
.strat-togethers .container .row{ min-height: 400px;}
.strat-togethers .container::before{ width: 1px; position: absolute; content: ""; top:0;
 right:-110px; left: 0; height: 100%; background: #dddddd; margin: auto;}
 .webflows152{ background: #FAEDE9; padding: 40px 0; }
 .how-its-slider2::before { position: absolute; content: ""; left: 0; right: 0; width: 100%;
    height: 1px;  top: 82px;  background: #121212; }
.whys-wehires01{ padding: 70px 0; }
.sub-parsa01{ color: #121212; font-weight: 400; font-size: 18px; max-width: 410px; }
.whys-wehires01 h2{ font-size: 50px; color: #000000; font-weight: 600; line-height: 1; }
.certifiacte-div015 h5{     font-size: 24px; font-weight: 600; color: var(--head-text); }
.certifiacte-div015 span{ padding-left: 50px;}
.certifiacte-div015 span::before{ position: absolute; left: 0; content: ""; top:25px; width: 40px; height: 1px;
background: var(--head-text); }
.certifiacte-div015 p{ color: #121212; font-size: 16px; font-weight: 400; margin-top: 25px; 
  padding-bottom: 25px; width: 80%; }
.certifiacte-div015{ border-right: solid 1px #121212; margin-bottom: 25px; width: 93% !important; }

.how-woocomerces{ background: #FAEDE9; padding: 10px 0; position: relative; }
.how-woocomerces h2{  font-weight: 600; color: #000; font-size: 28px; margin-bottom: 28px; text-transform: uppercase; }

.how-woocomerces ul{  column-count:2; }
.how-woocomerces ul li{  color: #666666; font-weight: 400; font-size: 18px; }
.crm01-netiv-page .webflows152 .itesms-center01 figure{
    height: 109px;
    overflow: hidden;
    margin-bottom: 0 !important;
}
.home-pages01 .webflows152 .itesms-center01 figure{
    height: 109px;
    overflow: hidden;
    margin-bottom: 0 !important;
}
.crm01-netiv-page .webflows152 .itesms-center01 .round-dots{
    margin-top: 26px;  
}

.crm01-netiv-page .how-its-slider2::before{
      top: 59px;
}
.crm01-netiv-page .webflows152 .itesms-center01 img{
    margin-top: 0;
}
.btn-s-tbn{ text-decoration: underline;
    margin-left: 25px;
    text-transform: uppercase;
    color: #000;
    line-height: 1.3;
    font-weight: 500;
    font-size: 20px;}

.new-company-pages.companypages018 .company-page-hero .i-wb-title{
   box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
   border-radius: 20px;
}


.how-woocomerces .container{ position: relative; min-height: 600px; position: relative; border-bottom: solid 1px #dddddd;}
.how-woocomerces .row{ min-height: 600px;}
.how-woocomerces .container::before{ width: 1px; position: absolute; content: ""; top:0;
 right:-110px; left: 0; height: 100%; background: #dbdbdb; margin: auto;     z-index: 2;}
 .webflows152{ background: #FAEDE9; padding: 40px 0; }

.faq-sections-div0152{ padding: 55px 0 5px 0;}

.faq-sections-div0152 h2{ font-size: 50px; font-weight: 600; color: var(--head-text);}
.faq-sections-div0152 .accordion-button{ border: 1px solid #d5d8dc; color: #000; border-radius: 0; font-size: 18px; font-weight: 500;  }
.faq-sections-div0152 .accordion-button:not(.collapsed){ background: none !important; color: var(--head-text);
  color: var(--lightcolor); }
.faq-sections-div0152 p{ font-size: 16px; font-weight: 400; color: #555;}
.inside-bg{ background: #FAEDE9; padding: 40px 0 45px 0;}
.faq-sections-div0152 .accordion { margin-top: 20px !important;}


.crm01-netiv-page .features-works{ }
.featiures-sections h5{     padding: 2px 14px 3px;
    border: solid 1px #6B6B6B;
    display: inline-block;
    border-radius: 50px;
    font-size: 16px;
    text-transform: capitalize; }

.features-works .itesms-gallerys h4 span{     margin-top: 5px !important;  }
.features-works .itesms-gallerys h4{ height: 69px; font-size: 19px; }
.features-works .itesms-gallerys figure{  height: 290px; }

/* --- fintech page --- */
 
.fintech-hero {
  padding-block: 15px;
  background-image: url("../images/fintech-hero.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
 
  padding-bottom: 30px;
  position: relative;
  color: #ffffff;
 
  & p {
    position: relative;
    z-index: 1;
  }
}
 
.fintech-hero::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  background-color: #000000ad;
 
}
 
 
.i-common-title {
  position: relative;
  z-index: 1;
  font-size: 70px;
  font-weight: 500;
  line-height: 75px;
  margin-bottom: 20px;
}
 
.i-common-sub {
  position: relative;
  z-index: 1;
  font-size: 26px;
  font-weight: 300;
  line-height: 32px;
}
 
.fnum {
  font-size: 55px;
  font-weight: 600;
}
 
.fnumtxt {
  color: #CF120E;
  font-weight: 400;
  font-size: 18px;
}
 
 
.rquest-parges .form-group {
  border: solid 1px #DFDFDF;
  padding-left: 10px;
  height: 49px;
}
 
.rquest-parges .form-group i {
  color: #666;
}
 
.rquest-parges .form-group .form-control {
  border: none !important;
  border-radius: 0 !important;
}
 
.rquest-parges .form-label {
  color: black;
  font-size: 15px;
  font-weight: 500;
}
 
.rquest-parges .form-select {
  border: solid 1px #DFDFDF;
  height: 49px;
  border-radius: 0 !important;
}
 
.rquest-parges .whits015.form-group .form-control,
.rquest-parges .whits015.form-group {
  height: 100px;
}
 
.rquest-parges .whits015.form-group .form-control {
  height: 90px;
}
 
.rquest-parges .btn-submits01 {
  background: var(--lightcolor) no-repeat;
  color: var(--whitecolor) !important
}
 
 
 
.fintech-hero .row {
  position: relative;
  z-index: 1;
}
 
.rquest-parges {
  padding: 25px 25px 20px 25px;
  background: #fff;
}
 
.rquest-parges h3 {
  color: #000;
  font-size: 1.75rem;
  font-weight: 500;
}
 
.rquest-parges .form-group {
  margin-bottom: 25px;
}
 
@media (min-width: 1200px) {
 
  .fintech-hero .container,
  .fintech-hero .container-lg,
  .fintech-hero .container-md,
  .fintech-hero .container-sm,
  .fintech-hero .container-xl {
    max-width: 1261px;
  }
}
 
 
 
/* tailored */

.fintechs-apge015 .tailored-web{ padding: 50px 0; }
 
.tailored-web {
  & h2 {
    position: relative;
    font-size: 42px;
    font-weight: 600;
    margin-bottom: 40px;
    color: var(--head-text);
    text-transform: capitalize;
 
    &::before {
      position: absolute;
      content: "";
      border: 1px solid black;
      width: 17%;
      bottom: -10px;
      left: 50%;
      transform: translate(-50%, -50%);
    }
  }
 
  & p {
    font-size: 16px;
    color: var(--text-darkgray);
    font-weight: 400;
  }
}
 
.i-common-btn {
  padding:12px 24px;
  margin-top: 20px;
  background-color: #bf1211;
  color: var(--whitecolor) !important;
  font-weight: 500;
  font-size: 16px;
  transition: all 0.5s;
  border-radius: 3px;
  transform: translateY(0);
  line-height: 1;
}
.next-pages-fetches .our-blog .our-blog-sub-text{ font-size: 16px !important; color: #555555; font-weight: 400 !important;}
.i-common-btn:hover{ transform: translateY(20px); }

.next-pages-fetches .fintechs-apge015-news .exploring-Customized-section h2{
   font-weight:600;
   font-size:2rem;
   text-transform:capitalize;
}
.next-pages-fetches .fintechs-apge015-news .exploring-Customized-section .explores-div-text01 h2{
   font-weight:400;
   font-size:30px;
   text-transform:uppercase;
}
.next-pages-fetches .fintechs-apge015-news .exploring-Customized-section .explores-div-text01 h5{
   font-weight:400;
   font-size: 14px;
   text-transform:uppercase;
   margin-bottom:6px;
}
.next-pages-fetches .fintechs-apge015-news .exploring-Customized-section .explores-div-text01 i{
  position:relative;
  top:-12px;
  font-size:31px;
}
.csr-progamesd-pages .events-rows .row{
   margin-bottom:100px;
}
.csr-progamesd-pages .events-rows .row:last-child{
   margin-bottom:80px;
}
.colbgl1 {
  padding-block: 15px;
  background-image: url("../images/col1.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: auto;
}
 
.colbgr-1 {
  background-color: #fff7ec;
  padding: 60px !important;
 
  & h3 {
 
    font-size: 30px;
    font-weight: 600;
    color: #030303;
  }
 
  & p {
    margin-top: 15px;
    font-size: 16px;
    color: var(--text-darkgray);
    font-weight: 400;
  }
 
}
 
 
 
.colbgl2 {
  padding-block: 15px;
  background-image: url("../images/col2.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: auto;
}
 
.colbgl3 {
  padding-block: 15px;
  background-image: url("../images/col3.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: auto;
}
 
.colbgl4 {
  padding-block: 15px;
  background-image: url("../images/col4.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: auto;
}
 
.colblue {
  background-color: #f1f2fe;
}
 
 
 
 
 
 
/* User-Friendly Interface */
 
.ufi-card figure{
  width: 100%;
  height: 226px;
  overflow: hidden;
      margin-bottom: 0;
}
.ufi-card{
  position: relative;
}
.ufi-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  filter: brightness(50%);
}
 
.ufi-text {
    position: absolute;
    top: 50%;
    color: #ffffff;
    font-weight: 600;
    font-size: 24px;
    transform: translateY(-50%);
    z-index: 1;
    right: 0;
    margin: auto;
    width: 92%;
}
 
.dsc-text {
  & h3 {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 20px;
  }
 
  & p {
    color: var(--text-darkgray);
    font-size: 16px;
 
  }
}
 
.new-colos h3{
  color: #000000;
  font-size: 1.5rem;
}
.textr-p h3{
   color: #000000;
}
 
 
 
.wb-hero {
  padding: 60px 0;
  background-image: url("../images/wb-heroimg.webp");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  color: #ffffff;
 
  & p {
    position: relative;
    z-index: 1;
  }
}
.why-textr015{
  font-size: 20px;
}
.wb-hero::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  background-color: #000000ad;
 
}
 
.i-wb-title {
  position: relative;
  z-index: 1;
  font-size: 45px;
  font-weight: 700;
  line-height: 75px;
  margin-bottom: 0;
}
 
.i-wb-sub {
  position: relative;
  z-index: 1;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}
 
.hire-badge {
  border: 2px solid #ffffff !important;
  color: #ffffff !important;
  font-size: 16px;
  margin-top: 20px !important;
  background: none !important;
  border-radius:22px 22px 22px 22px !important;
  padding: 10px 24px;
  transform:translateY(0);
  transition:all 0.4s;
  
}
.hire-badge:hover,
.i-common-btn:hover{
  transform:translateY(10px);
  animation-name: bounce;
        animation-duration: 1.5s; /* How long one bounce cycle takes */
        animation-iteration-count: infinite; /* Makes it loop forever */
        animation-timing-function: ease-in-out; /* Smooth acceleration/deceleration */
}
@keyframes bounce {
        0% {
            transform: translateY(0); /* Starting position (top) */
        }
        50% {
            transform: translateY(10px); /* Bouncing down */
        }
        100% {
            transform: translateY(0); /* Back to starting position (top) */
        }
    }
 
.hire-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #ffffff;
  border-radius: 50%;
  height: 120px;
  width: 120px;
  position: relative;
  z-index: 1;
  font-size: 55px;
}
 
.hirenum {
  font-size: 69px;
  font-weight: 600;
  text-shadow: 7px 5px 10px rgba(0, 0, 0, 0.85);
}
 
.hiretxt {
  font-size: 25px;
  font-weight: 400;
  color: #6BE225;
  text-shadow: 7px 8px 10px #000000;
}

.whylist180{ display: flex; align-items: center; flex-wrap: wrap; }
.jointes-div015{ }

.jointes-div015 .hovesw-div015{
   border: 1px solid #C8C7C7;
   width: 234px;
   height: 234px;
   text-align: center;
   display: flex;
   align-items: center;
   border-radius: 50%;
   overflow: hidden;
   margin-left: -23px;
}

.jointes-div015 .hovesw-div015 h4{
   text-align: center;
   margin: auto;
   font-size: 18px;
   font-weight: 600;
   color: #000;
}

.case-studen-pages150 .main-body{ padding: 70px 0;}
.jointes-div015 h2{
  color: #030303;
  font-weight: 600;
  font-size: 60px;
  line-height: 1;
}

.jointes-div015 p{
  color: #7a7a7a;
  font-size: 400;
  font-size: 18px;
  line-height: 1.4;
}
 
.jointes-div015 .container{ padding: 120px 0 130px 0;  border-left: solid 1px #f0f0f0; border-right: solid 1px #f0f0f0; position: relative; }
.jointes-div015 .container::before{  position: absolute; 
    content: "";
    width: 1px;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #f0f0f0; 
  }
 
.react-native-abnners{ background: url(../images/shutterstock_1994326772.webp) no-repeat;}
.react-native-abnners h1{ color: var(--head-text);}
.react-native-abnners .next-banner p{ color: var(--head-text); }
.react-native-abnners .comon-rounds01 h2{ color: var(--head-text); }
.itesms0-logs figure{ background: var(--whitecolor); padding: 5px 10px; height: 100px; }
/* Discover */
 
 
 
 
 
.discover-card-bgimg {
  padding-block: 15px;
  background-image: url("../images/discover.webp");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 30px;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  color: #ffffff;
 
 
  & p {
    position: relative;
    z-index: 1;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    color:#fff;
  }
 
  & h3 {
    position: relative;
    z-index: 1;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: left;
    font-size: 2rem;
    line-height: 1;
  }
}
.discover-card-bgimg::before{
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top:0;
  background: #221F1F;
  width: 100%;
  height: 100%;
  opacity: 0.7;
}
.discover-card-bgimg .row{
  position: relative;
  z-index: 1;
}
 
 
.dis-img {
  position: relative;
  z-index: 1;
}
 
 
 .our-blog{
  padding: 100px 0;
 }
  .our-blog h2{ color: #000;}
    .our-blog .our-blog-sub-text{ font-size: 16px !important; color: var(--text-darkgray); font-weight: 500 !important;}
/* How to Use Our Development Expertise */
 
 
.flip-card {
  background-color: transparent;
  width: 350px;
  height: 300px;
  perspective: 1000px;
}
 
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}
 
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}
 
.flip-card-front,
.flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
 
.flip-card-front {
  padding: 0 0 18px 0;
  background-color: #BE1310;
  color: #ffffff !important;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
 
 
  & p {
    font-size: 28px;
    font-weight: 500;
    color: var(--whitecolor);
  }
 
  & figure {
    margin: 0 0 20px 0;
    width: 100%;
    height: 300px;
    overflow: auto;
    & img{
       object-fit: cover;
       width: 100% !important;
       height: 100%;
    }
  }
}
 
.flip-card-back {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 8px;
  padding: 35px;
  background-color: var(--text-darkgray);
  color: white;
  transform: rotateY(180deg);
 
  & h4 {
    font-weight: 600;
 
  }
 
  & p {
    color: #ffffff;
  }
 
  & i {
    font-size: 35px;
  }
}
 
 
.form-label-usd {
  position: absolute;
  font-size: 14px;
  width: 100%;
  top: -19px;
  text-align: start;
  left: 16px;
}
 
 
 
 
/*----------- 04-08-2025 --------- */
 
 
/* Our Latest Blogs */
 
.our-blog-head {
  margin: auto;
  font-size: 50px;
  font-weight: 600;
}
 
.our-blog-sub-text {
  text-align: center;
  color: var(--text-gray);
  font-weight: 600;
  font-size: 14px !important;
}
 
.next-pages-fetches .main-body{
  padding-bottom: 140px;
} 
 
 
.lblog-card {
  border: none;
  overflow: hidden;
 
  & figure {
    width: 100%;
  }
 
  & img {
    object-fit: cover;
    width: 100%;
    height: 100%;
 
    &:hover {
      transition: 0.3s;
      transform: scale(1.1);
    }
  }
 
  & .backcard {
    min-width: 100%;
    min-height: 272px !important;
    background-color: #f5f5f5;
    padding: 10px;
    position: relative;
    top: -150px;
 
 
    & a {
      display: block;
      background-color: #f5f5f5;
      position: relative;
      top: -48px;
      padding: 30px;
 
      & h4 {
        color: #54595F;
        font-weight: 600;
        font-size: 18px;
      }
 
      & p>span {
 
        font-size: 12px;
        color: #adadad;
        margin-inline: 4px;
 
        &:nth-child(1) {
          margin: 0;
        }
 
        & i {
          margin-inline: 4px;
 
          &:nth-child(1) {
            margin: 0;
          }
        }
      }
 
      p:nth-of-type(2n) {
        font-size: 16px;
        color: #7a7a7a;
        font-weight: 400;
        margin-block: 10px;
      }
    }
  }
 
 
}
 
 
.offering-carouselcard {
  margin: auto;
 
  & h4 {
    font-size: 25px;
    font-weight: 600;
    margin-block: 14px;
  }
 
  & p {
    color: var(--text-darkgray);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5rem;
  }
}
 
.offering-num1 {
  margin: auto;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #990F0F;
}
 
.offering-num {
  color: #990F0F;
  font-weight: 600;
  font-size: 30px;
  margin: auto;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #990F0F;
}
 
.exploring-customized {
  & figure {
    width: 360px;
    height: 650px;
 
    & img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  }
}
 
.exploring-Customized-section {
  text-align: center;
  color: #ffffff;
  padding: 40px;
  padding-bottom: 100px;
  background-color: #000000;
 
  & p {
    margin-top: 10px;
    margin-bottom: 50px;
    font-size: 14px;
    font-weight: 600;
  }
}
.ouvb h2{
  white-space: normal;
}
.offices-center iframe{
  width: 100%;
}
 .laest015s h2{ font-size: 90px; color: #000; line-height: 0.9; font-weight: 600;}
 .contact-use-page h2{ font-size: 100px; color: #000; line-height: 0.9; font-weight: 600;}
.Offering-section h2{ color: #000;  font-size: 38px; font-weight: 600; }
.Offering-section p.our-blog-sub-text{ color: var(--text-darkgray);  font-size: 16px !important; font-weight: 400; }
.owlFintech article h4{ color: #000;  }
.contact-hero-right{ color: #7a7a7a; font-size: 18px; line-height: 1.4;}
.c-form-l{  font-weight: 500; font-size: 26px; line-height: 1.2; color: #000; width: 79%; }
.right-botdert-div015 .form-control{ border: none; height: 70px; border-bottom: 1px solid #c2c2c2; border-radius: 0;}
.fintetch-contact .contacts-btn{ line-height: 1; background: #fff; color: #c2c2c2 !important; border: solid 1px #c2c2c2 !important; }
.fintetch-contact .contacts-btn span{ position: relative; top:0; }
.next-pages-fetches .contacts-btn span{  }
.fintetch-contact .form-control{ border: none; height: 70px; border-bottom: 1px solid #c2c2c2; border-radius: 0; }
.fintetch-contact .form-label-usd{ font-size: 16px;}
.fintetch-contact .form-select{ height: 50px;}
.exploring-customized{ position: relative; }
.exploring-customized figure{ background: #000;}
.exploring-customized .explores-div-text01{ text-align: left; position: absolute; left: 20px; right: 0;
bottom: 20px; transform: translateY(0); transition: all 0.5s; visibility: hidden;  }
.exploring-customized:hover .explores-div-text01{ transform: translateY(-50px); visibility: visible;}
.exploring-customized:hover figure img{ opacity: 0.5;}

.seco-parts figure{ width: 82%; margin: auto; }
.slider-industriy .itesms-div-indus h5{
       font-size: 24px;
    font-weight: 500;
    margin-bottom:-10px;
}
/* .industrices-its-works .slider-industriy .itesms-div-indus h5{ font-size: 36px; } */
.crm01-netiv-page .industrices-its-works .slider-industriy .itesms-div-indus h5{     font-size: 24px;
    font-weight: 500; }
.industrices-its-works .slider-industriy .itesms-div-indus p{ color: #000000; font-size: 16px !important; }
.slider-industriy .itesms-div-indus p{
       font-size: 16px;
    font-weight: 400;
        width: 100%;
        line-height: 1.5;

}
.comon-list015 .count{ color: #000; }
.news-logs-stylesd li{ margin: 0 11px;}
.news-logs-stylesd{ display: flex; flex-wrap: wrap; justify-content: center; border: none !important; }
.news-logs-stylesd .logis-text{ width: 75px; height: 75px;}
.home-pages01 .clients-images-sections .tab-content{
  margin-top: 25px;
}
.homes-ads h2{ font-size: 60px; }
.homes-ads p{ color: #7a7a7a; font-size: 18px; padding-top: 15px; }
.homes-ads .contacts-btn{ margin-top: 80px; }
  .banner-part .container-fluid{
        max-width: 1400px;
  }
.ceo-sections{ background: #cf120e; position: relative; overflow: hidden; }
.client-section-soulitons{ overflow: hidden;}

.feedbacks-sections  .container{ position: relative; z-index: 1;   border-left: solid 1px #efefef; border-right: solid 1px #efefef;
   }
.feedbacks-sections  .container::before{ position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    top: 0;
    left: 0;
    background: #efefef;
    right:-34%;
    margin: auto;
   }

 .feedbacks-sections  .container::after{ position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    top: 0;
    left: 0;
    background: #efefef;
    right: 34%;
    margin: auto;
   }
.contact-use-page{ }
.contact-use-page .container{ position: relative;  padding-top: 150px;  border-left: solid 1px #efefef; 
  border-right: solid 1px #efefef; z-index: 1;
}
.contact-use-page .container::before{
    content: "";
    width: 1px;
    height: 100%;
    top: 0;
    left: 0;
    background: #efefef;
    right: 0;
    margin: auto;
    position: absolute;
}
.contact-use-page .form-select{ border: none !important; border-radius: 0; border-bottom: 2px solid #c2c2c2 !important;}

.offices-center { border: 3px solid #EEEEEE;  min-height: 630px; }
.ofc-img { border-radius: 8px; width: 180px !important; }
.ofc-address { font-size: 16px; }
.ofc-a-head { margin-top: 20px; font-size: 18px; font-weight: 600; }

.ofc-address-text { color: #555; font-weight: 600;  margin-block: 28px; }
.offers-div015 h2{  font-size: 52px;  font-weight: 600; color: #000; }
.offers-div015 { position: relative; z-index: 2; margin-top: 200px; }
.offers-div015 .row{ width: 80%; margin:0 auto !important;}
.offices-center .ofc-address-text{ color: #7a7a7a; font-weight: 400;}
.offices-center .ofc-address-text a{ color: #000; }
.offices-center .ofc-a-head{ position: relative; color: #000; }
.offices-center .ofc-a-head::after{ position: absolute; content: ""; left: 0; right: 0; margin: auto;
   background: #000; width: 60px; height: 2px;  bottom: -10px; }
.ofc-widths{}
.ofc-widths .ofc-img {  width: 94% !important; }

.news-logs-stylesd.nav-tabs .nav-item.show .nav-link, 
.news-logs-stylesd.nav-tabs .nav-link.active{
   border: 1px solid #cf120e;
}


.leavecomment {
  margin-top: 100px;
  & h3{
    font-size: 36px;
    margin-bottom: 20px;
  }
  & input {
    width: 100%;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #666666;
    background-color: #F9F9F9;
    height: 60px;
    border: none;
    padding: 0 20px;
    border-radius: 4px;
    margin-bottom: 20px;
  }
 
  & textarea {
    padding-block: 20px !important;
        width: 100%;
        height: 120px !important;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #666666;
    background-color: #F9F9F9;
    height: 60px;
    border: none;
    padding: 0 20px;
    border-radius: 4px;
    margin-bottom: 20px;
  }
}

.about-us-pages015 .clicnets-slider{
  margin-top: 0;
}
.txtc{ font-size: 17px;  font-weight: 300; }
/* blog page */

 
/* ************** blog page **************** */
:root {
  --text-gray: #7A7A7A;
  --text-darkgray: #555;
}
 
.blog-card-div img {
  width: 353px;
}
 
.blog-title {
  font-size: 100px;
  font-weight: 600;
  color: #030303;
  line-height: 0.9;
}
 
.blog-card-div {
  border: 1px solid black;
  background-color: #ffffff;
  border: none;
 
}
 
.blogscard-text {
  font-size: 26px;
  font-weight: 600;
  
}
.blogscard-text a{
  color: #030303;
}
.blogcard-date {
  margin-top: 20px;
  font-size: 15px;
  color: #555;
  margin-bottom: 10px;
  font-weight: 400;
}
.blogcard-date {
  margin-top: 20px;
  font-size: 16px;
  color: #000;
  margin-bottom: 10px;
  font-weight: 400;
}
.blogcard-readmore {
  color: #2F3337;
  font-size: 16px;
  font-weight: 400;
  margin-top: 20px;
  display: flex;
  align-items: center;
}

 .pagination button.active {
    background-color: #222;
    color: #fff;
    cursor: default;
}
.pagination {
  margin-right: 25px !important;
  margin-top: 90px !important;
}
.red-text150{
  overflow: hidden;
  display: inline-block;
  position: relative;
  width: 60px;
  height: 30px;
}
.red-text150 i{ font-size: 23px; position: absolute; top:0; }
.red-text150 i{ transition: 0.2s all; }
.red-text150 .cio1{ position: absolute; top:0; left: 0; right: 0; transform: translateY(0); }
.red-text150 .cio2{ position: absolute; top:0; left: 0; right: 0; transform: translateY(71%); }
.blogcard-readmore:hover .red-text150 .cio1{ position: absolute; top:0; transform: translateY(-71%); }
.blogcard-readmore:hover .red-text150 .cio2{ position: absolute; top:0; transform: translateY(0); }

.pagination button {
  line-height: 16px;
  font-size: 16px;
      border: none;
    padding: 20px 25px;
    font-weight: 600;
    font-size: 1rem;
    border-radius: 50%;
    cursor: pointer;
    transition: background-color 0.3s ease;
    color: #fff !important;
     background-color: #222;
     margin-right: 8px;
}
 

.pagination button.active
 
 {
    background-color: #dbff00;
    border: none;
    padding: 20px 25px;
    font-weight: 600;
    font-size: 1rem;
    border-radius: 50%;
    cursor: pointer;
    transition: background-color 0.3s ease;
    color: #111 !important;
}

.contact-hero .cta-content{ padding: 90px 0;}
.contact-hero .cta-badge{ text-transform: uppercase; font-weight: 600; color: #030303; border: solid 1px #c2c2c2;
   border-radius: 30px; font-size: 14px; line-height: 1.3; background: var(--whitecolor); padding: 5px 17px; margin-bottom: 10px; }
.contact-hero  .cta-title{ color: #030303; font-size: 50px; font-weight: 600; line-height: 1; }
.contact-hero .btn-mores{ background: #fff; text-transform: uppercase; border: solid 1px #999999 !important; color: #999999; }
.cta-content{ position: relative; z-index: 1; }
.about-main-section{ padding-top: 100px;}
.features-works{ overflow: hidden; }
.features-works .container{ padding: 40px 0 150px 0; border-left: solid 1px #efefef; position: relative; border-right: solid 1px #efefef; }
.features-works .container .row > div:first-child{ padding-left: 12px; }
.features-works .container .row > div:last-child{ padding-right: 12px; }
.features-works .container::before{  content: ""; width: 1px;
    position: absolute;
    content: "";
    top: 0;
    right: -34%;
    left: 0;
    height: 100%;
    background: #efefef;
    margin: auto;  }
.features-works .container::after{  content: ""; width: 1px;
    position: absolute;
    content: "";
    top: 0;
    right: 33%;
    left: 0;
    height: 100%;
    background: #efefef;
    margin: auto;  }
.insights-by-zts .container{ position: relative; z-index: 2; }
.news-heros{ overflow: hidden; }
.news-heros .top-spading{ padding: 70px 0;}
.last-abouts p{ color: #000; }
.darks-sections{ background: #000; margin-top: 80px;  }
.col-odd {
  margin-top: 400px;
}

.news-heros.contact-hero .btn-mores:hover{
   background: #c9f31d !important;
   border: solid 1px #c9f31d !important;
}
.news-heros.contact-hero .btn-mores:hover::before{
   background: #c9f31d !important;
}
.news-heros.contact-hero .btn-mores i{ top:2px;}
 
.tabs-new-bg0156 .serb-pic {
    width: 100%;
    height: 100%;
    margin: 0;
    min-height: 521px;
}
.awards-list .col-2{
  color: #7a7a7a;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 400;
}
.how-woocomerces .row,
.how-woocomerces .container{
  min-height: 455px;
  height: auto;
}
.next-pages-fetches{}
.col-even {
  position: relative;
  top: -350px;
}
.industrices-its-works p{ color: #000000; font-weight: 300; line-height: 1.3; }
.news-heros .pagination{ margin-left: 24px; }
.blog-card-div hr{ margin-bottom: 8px !important; }

.shopify-special-page .next-banner h1{
   width: 77%;
} 



  @keyframes zoomText {
    from {
      transform: scale(1);
    }
    to {
      transform: scale(1.5);
    }
  }

  .portfolio-item {
    font-size: 150px;
    font-weight: 600;
    text-transform: uppercase;
    color: #54595F;
    margin-block: 100px;
    transform-origin: center;
    animation: zoomText linear;
    animation-timeline: view();
    animation-range: entry 0% cover 50%;
    position: absolute;
    left: 0;
    right: 0;
  }

.careers-page015 .tops-scetions015 h2{ font-size: 100px; font-weight: 400; line-height: 0.9; color: #0A0A0A; }
.careers-page015 .row{ position: relative; z-index: 2; }
.careers-page015 .btn-mores{ background: #fff; border: solid 1px #54595F; width: 200px; height: 200px; color: #54595F;
  padding-top: 79px; padding-left: 50px;  margin-left: auto; display: table; }

.main-career-us .tops-scetions015{
   padding-bottom: 250px;
}
.abouts-sections{ background: #F7F7F7; padding: 140px 0; }
.careers-page015 .counter__area{ background: none !important; }

.fintechs-parts015{ background: url(../images/shutterstock_2255711627.webp) no-repeat; }
.fintechs-parts015::before{  background-color: #000000; opacity: 0.71; background-image: none; }
.fintechs-parts015 .col-lg-9{  width: 71%; }
.fintechs-parts015 .col-lg-3{  width: 29%; }
.fintechs-parts015 .next-banner h1{  width: 64%;}

.fintechs-apge015-news .fitecht-div{ padding: 90px 0 !important; }
.couns-plist-div{ margin-bottom: 25px; }

.fintechs-apge015-news .exploring-Customized-section{ background: #222222; padding: 70px 0 160px 0; }
.fintechs-apge015-news .exploring-Customized-section h2{ font-size: 30px; font-weight: 400; text-transform: uppercase; }
.fintechs-apge015-news p.subtextr01{ font-size: 16px; font-weight: 400 !important;}
.fintechs-apge015-news .exploring-customized figure{ width: 100%; height: 500px; }
.fintechs-apge015-news .exploring-customized .lblog-card{ background: #f5f5f5; height: 650px; }

.next-pages-fetches .our-blog{ padding: 77px 0 37px 0;}
.next-pages-fetches .our-blog .backcard{ min-height: 297px !important; }
.list-invota li{ color: #030303 ; font-weight: 600; font-size: 36px; line-height: 1; margin: 0 20px; position: relative; }
.list-invota li::before{     position: absolute;
    content: "";
    top: 20px;
    right: -21px;
    width: 4px;
    background: #030303;
    height: 4px;
    border-radius: 50%;
    overflow: hidden;
  }
.crm01-netiv-page .whys-wehires01{  background-color: #F9F9F9; padding: 120px 0 90px 0; }
.list-invota li:last-child::before{ display: none; }

.crm01-netiv-page .feedbacks-sections .container{ padding-bottom: 80px; }
.list-invota p{ color: #7a7a7a; font-weight: 400; font-size: 24px; line-height: 1.3; max-width: 850px; margin: 0 auto; text-align: center; }

.hires-div{ background: #121212; padding: 130px 0; }

.wordpress-websites0150{ background: url(../images/shutterstock_2321980677.webp) no-repeat;  }

.andoid-page-main .woocomer-banner{
   background: url("../images/shutterstock_714655786.webp") no-repeat;
   background-size: cover;
}
.php-cusomte-page-main .woocomer-banner{
   background: url("../images/shutterstock_1504251206-1.webp") no-repeat;
}
.andoid-page-main .woocomer-banner .next-banner h1{
  color: #000000 !important;
}
.andoid-page-main .woocomer-banner .next-banner p{
  color: #000000 !important;
}

.crms-modals h1{ color: #000;}
.crms-modals .next-banner p, .comon-rounds01 h2{ color: #000;}

.normals-wrpas h2{ white-space: normal;}
.wde-ours015{  background: #FCFCFC; padding-top: 100px !important ; }
.responsivisep-banner{  background: url(../images/shutterstock_1994326772.webp) no-repeat; }
.node-js015{  background: url(../images/shutterstock_2269967277-1.webp) no-repeat; }
.shioplisk01{  background: url(../images/header-bg-01-1.jpg) no-repeat center bottom !important;     background-size: 97% !important;
    background-color: #e2aaac !important;  }
.uiuxi-design01{ background: url(../images/shutterstock_1682028748.webp) no-repeat; background-size: cover; padding-bottom: 100px; }
.customes-phph015{ background: url(../images/shutterstock_1504251206-1.webp) no-repeat; background-size: cover; padding-bottom: 100px; }
.magangesnts-div{ background: url(../images/shutterstock_2153193357.webp) no-repeat; background-size: cover;  }
.rubdy-secdelop{ background: url(../images/shutterstock_1987020329-1.webp) no-repeat; background-size: cover;  }
.laravels-pban{ background: url(../images/shutterstock_2174120501.webp) no-repeat; background-size: cover;  }
.icons-div01519{ background: url(../images/shutterstock_1490302805.webp) no-repeat; background-size: cover;  }

.crm01-netiv-page .industrices-its-works p.text-left{
  color: #555;
  font-weight: 400;
}
.crm01-netiv-page .industrices-its-works .slider-industriy .itesms-div-indus p{
  font-weight: 300;
}







.thankyou {
    background-color: #BE0505;
    border: none;
    border-radius: 6px;
    color: white;
    padding: 14px 60px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    letter-spacing: 0.5px;
    transition: background-color 0.3s ease;
    position: relative;
    z-index: 1;
  }
  

  .thankyou:hover {
    background-color: #ffffff;
    color: black;
  }
.industrices-its-works .text-left strong{
  font-weight: 700;
  color: #555 !important;
}
.fitecht-div .nav-pills .nav-link{  flex: 0 0 auto;  width: 25%; padding:10px; }

.fitecht-div .nav-pills .nav-link.active, 
.fitecht-div .nav-pills .show>.nav-link{ background: none !important; }

.exploring-Customized-section .container{ position: relative; }
.exploring-Customized-section .owl-nav{  position: absolute;  bottom: -53px;  left: 0;  right: 12px; }
.exploring-Customized-section .owl-nav .owl-prev span::before {
    position: absolute;
    content: "\f060";
    font-family: "FontAwesome";
    width: 48px;
    line-height: 34px;
    height:0;
    border-radius: 5px;
    color: #4a4a4a;
    left: 0;
    font-weight: 300;
    font-size: 16px;
}
.exploring-Customized-section .owl-nav .owl-prev span{
  color: transparent !important;
}
.exploring-Customized-section .owl-nav .owl-next span{
  color: transparent !important;
}
.jointes-div015 .row > div:first-child.col{ padding-right: 0 !important; }
.exploring-Customized-section .owl-nav .owl-prev span::after {
    position: absolute;
    content: "Prev";
    color: #fff;
    text-align: left;
    left: 60px;
    top: 9px;
    font-size: 16px;
    text-transform: uppercase;
    font-family: "Kanit", sans-serif;
}
.exploring-Customized-section .owl-nav .owl-next span::after {
    position: absolute;
    content: "Next";
    color: #fff;
    text-align: left;
    right: 60px;
    top: 9px;
    font-size: 16px;
    text-transform: uppercase;
    font-family: "Kanit", sans-serif;
}
.exploring-Customized-section .owl-nav .owl-next span::before {
    position: absolute;
    content: "\f061";
    font-family: "FontAwesome";
    width: 48px;
    line-height: 34px;
    height:0;
    border-radius: 5px;
    color: #4a4a4a;
    right: 0;
    font-weight: 300;
    font-size: 16px;
}
.owl-theme .owl-nav [class*=owl-]:hover{ background: none !important; }
.crm-design2-div-soutions .comon-rounds01 h2{ color: var(--whitecolor);}
.crm-design2-div-soutions .comon-rounds01 h2{ color: var(--whitecolor);}
.close-menu { border: none;  color: #323657;  background: none !important;   position: absolute;
  right: 21px; top: 10px; 
}
.logo-side{ width: 30%;  position: relative; top: -18px; }
.logo-side img{ width: 42%; }
.close-menu svg{ width: 35px; height: 35px; }

.mobile-menu-sec li a, .mobile-menu-sec li .dropdown .btn {
    text-decoration: none;
    color: #212529;
    padding: 10px 5px 10px 10px;
    display: block;
    background: #f7f7f7;
    margin-bottom: 8px;
    width: 100%;
    text-align: left;
}

.blogs01-div{
  display: inline-block;
  position: relative;
  height: 510px;
}
.blogs01-div .insights-card{      width: 62%;
    margin-left: auto;
    right: 0;
    left: inherit;
    max-width: inherit;
    bottom: 0;
    top: inherit;
    position: absolute;}
.blogs01-div figure{ width: 50%; height: 510px; overflow: hidden; position: relative; display: inline-block; }

.blogs01-div figure .insights-img{ 
    left: 0;
    transition: all 0.5s;
    visibility: visible;
    position: absolute;
    transform: translateX(0);
 }

 .blogs01-div figure .insights-img-hover{ 
    visibility: hidden;
    top: 0;
    left: 0;
    transform: translateX(50%) scaleX(2);
    opacity: 0;
    filter: blur(10px);
    position: absolute;
    transition: all 0.5s;
 }

 .blogs01-div:hover figure .insights-img{ 
    transform: translateX(-50%) scaleX(2);
    visibility: hidden;
    opacity: 0;
 }
  .blogs01-div:hover figure .insights-img-hover{ 
    transform: translateX(0) scaleX(2);
    visibility: visible;
    opacity: 1;
    filter: blur(0);
  }
.blogs01-div figure img{  object-fit: cover; width: 100%; height: 100%; }
.blogs01-div .insightscard-text{ font-size: 26px; }
.blogs01-div  h5{ color: #030303;}
.insights-card  hr{  margin-top: 41px;}

.next-pages-fetches .btn.contacts-btn:hover{ border: solid 1px #c9f31d !important; }
.next-pages-fetches .btn.contacts-btn:hover::before{  background: #c9f31d; }


.main-contact-us .btn.contacts-btn:hover{ border: solid 1px #c9f31d !important; }
.main-contact-us .btn.contacts-btn:hover::before{  background: #c9f31d; }

.main-career-us .btn.btn-mores:hover{ border: solid 1px #c9f31d !important; }
.main-career-us .btn.btn-mores:hover::before{  background: #c9f31d; }
.main-career-us .btn.btn-mores:hover i{  color: #000; }


/* case styudey */

.case-studen-pages150 .main-body{ padding: 70px 0  0 0!important;}
.case-studen-pages150  .cases-card hr{ background: #eaeaea; }
.case-studen-pages150  .cases-card figure{ height: 250px; overflow: hidden; box-shadow: none !important; }
.case-studen-pages150  .cases-card figure img{ width: 100%; object-fit: cover; height: 100%; }
.lifeat-zts-hero-01 {
  padding: 150px;
  background-image: url("../images/ZTS-Ruby-1-min-1.jpg") !important;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  color: #ffffff;
 
  & .tborder {
    background-color: transparent;
 
    border-radius: 20px 20px 20px 20px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  }
 
  & h2 {
    margin-top: 20px;
    font-size: 55px;
    font-weight: 500
  }
 
  & p {
    font-weight: 300;
    position: relative;
    z-index: 1;
    font-size: 18px;
  }
}
 
.lifeat-zts-hero-01::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  background-color: #000000ad;
 
}
 
 
.cases-card {
  border-radius: 6px;
  padding-bottom: 15px;
  font-size: 18px;
  box-shadow: 0 0 15px 0 #00000030;
 
 
  & img {
    border-radius: 8px 8px 0 0;
  }
 
  & p {
    padding-inline: 20px;
    color: var(--text-darkgray);
    margin-bottom: 40px;
  }
 
  &>div {
    padding-inline: 20px;
 
    & button {
      border: 1px solid var(--lightcolor);
      background-color: transparent;
      color: var(--lightcolor);
      padding: 8px;
      border-radius: 4px;
      font-size: 16px;
 
      &:hover {
        background-color: var(--lightcolor);
        color: var(--whitecolor);
      }
    }
  }
 
}
.new-case-page .leftd-sections h2{
    font-size: 32px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 35px;
}
.new-case-page .revise-div015{
   position: relative;
   z-index: 2;
}
.new-case-page  .feedbacks-sections .container{
   padding-bottom: 10px;
}
.companypages018 .company-page-hero{
  padding: 150px 0px 80px 0px;
}
.companypages018 .i-wb-title{
  width: 90%;
  margin: auto;
}
.companypages018 .i-wb-sub{
   width: 80%;
  margin: auto;
  margin-top: 25px;
}
.companypages018 .ourourney-title{
   margin-top: 22px;
   margin-bottom: 40px !important;
}

.cases-cardpagination {
  margin-top: 55px !important;
  width: 100%;
  text-align: center;
  margin: auto;
  font-size: 16px;
 
  & a {
    border: 1px solid #eee;
    padding: 5px 15px;
  }
 

}

.cases-cardpagination .active{
    background-color: var(--lightcolor);
    color: #ffffff;
    border: 1px solid var(--lightcolor);
}
 
#cases-list{
  align-items: start !important;
}
 
 
.lifeat-zts-hero-02 {
  padding: 40px;
  background-image: url("../images/ZTS-Ruby-1.jpg") !important;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  color: #ffffff;
 
  & .tborder {
    background-color: transparent;
 
    border-radius: 20px 20px 20px 20px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  }
 
  & h2 {
    margin-top: 20px;
    font-size: 40px;
    font-weight: 600
  }
 
  & p {
    position: relative;
    z-index: 1;
    font-size: 18px;
  }
}
 
.lifeat-zts-hero-02::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  background-color: #000000ad;
 
}
 
 
 
 
.cps {
  width: 29%;
}
 
.cp-select {
  border: none;
  border-bottom: 1px solid #c2c2c2;
 
}

.case-studen-pages150 .cp-select{ font-size: 16px; height: 51px;  width: 93%; color: #121212; }
 .case-studen-pages150 .cp-select:focus{  box-shadow: none; outline: none; }
 
.case-studen-pages150 .cps{ font-size: 15px; }

.case-studen-pages150 .leftd-sections{ padding: 67px 0 !important; background: url(../images/ZTS-Ruby-1-min-1-nbm.jpg);}

.case-studen-pages150 .i-wb-title{  font-size: 32px;  font-weight: 500;}
.case-studen-pages150 p{  }
.case-studen-pages150 .container{ }
.case-studen-pages150 .qoutes-ts{}

.case-studen-pages150 .i-wb-title{          font-size: 55px;
        font-weight: 500;  }

.case-studen-pages150  .i-common-btn{ padding: 16px 28px;      font-size: 18px;
    line-height: 1.3333; position: relative; display: flex; align-items: center; justify-content: center;     margin: auto;
    margin-top: 40px; border-radius: 5px;  overflow: hidden;    font-size: 18px; font-weight: 600; border: solid 2p #bf1211; }
    .case-studen-pages150  .i-common-btn span{ position: relative; z-index: 1; }
.case-studen-pages150  .i-common-btn:hover span{ color: #bf1211; }
.case-studen-pages150  .i-common-btn:hover i{ color: #bf1211 !important; }
.case-studen-pages150  .i-common-btn::before{
   position: absolute;
   content: "";
   left: 0;
   right: 0;
   top:0;
   background: #fff;
   width: 100%;
   height: 100%;
   transform: translateY(-110%);
   transition: all 0.5s;
}
.new-case-page  .lifeat-zts-hero-01{
  padding: 150px 50px;
}
.case-studen-pages150  .i-common-btn:hover::before{
  transform: translateY(0);
}
.case-studen-pages150  .i-common-btn i{ font-size: 30px; margin-right: 10px; }
.case-studen-pages150 .itesms-feedbacks img{ position: relative; width: 14% !important; z-index: 1; background: #fff; margin-left: 25px;}
.case-studen-pages150 .itesms-feedbacks{ background:#fff; padding: 0; }
.case-studen-pages150 .itesms-feedbacks .qoutes-ts{ position: absolute;  right: 25px;
    bottom: -18px; }
.case-studen-pages150 .itesms-feedbacks .qoutes-ts i{ color: var(--lightcolor); font-size: 30px; }
.case-studen-pages150 .owl-nav .owl-prev span::before{ background: none !important; color: #303030; }
.case-studen-pages150  .owl-nav .owl-next span::before{ background: none !important; color: #303030; }
.case-studen-pages150  .owl-nav .owl-next span{ color: #fff;}
.case-studen-pages150  .owl-nav .owl-prev span{ color: #fff;}

.case-studen-pages150 .subprats { font-weight: 600; color: #000;}

.case-studen-pages150 .ceo-sections{ position: relative; }
.case-studen-pages150 .ceo-sections::before{  width: 15%; }
.case-studen-pages150 .ceo-sections::after{  width: 15%;     position: absolute;
    content: "";
    right: -69px;
    top: 0;
    width: 21%;
    height: 100%;
    background: #fff;
    z-index: 1; }
.ceo-sections .right-section{
  position: relative;
  z-index: 2;
}

.case-studen-pages150 .itesms-feedbacks .news-slider-sections{ min-height: 270px;
    position: relative;
    top: -60px;
    background: #ffff; border-radius: 5px; display: inline-block; width: 100%; padding:50px  25px 25px 25px; position: relative;  border: 2px solid #c8c7cc;  }


     
/* blog details */
 
.blog-details {
  background: none;
}
 
.blog-details-head {
  line-height: 60px;
  font-weight: 600;
  width: 100%;
  font-size: 50px !important;
  color: black !important;
}
 
.blog-details h5 {
  color: var(--lightcolor);
}
 
.blog-details .container {
  position: relative;
  z-index: 1;
}
 
.blog-content-1 {
  margin-block: 40px;
 
  & h3 {
    font-weight: 300;
    font-size: 33px;
    line-height: 1.2;
    color: #000000;
  }
 
  & p {
    margin-top: 20px;
    font-size: 18px;
    color: var(--text-gray);
  }
}
 
.blog-content {
  margin-block: 40px;
 
  & h3 {
    font-weight: 300;
    font-size: 32px;
    line-height: 1.2;
  }
 
  & p {
    margin-top: 20px;
    font-size: 18px;
    color: var(--text-gray);
  }
 
  & figure {
    margin: 30px 0;
    width: 290px;
    height: auto;
    text-align: center;
    float: right;
 
    & img {
      width: 100%;
      height: auto;
    }
  }
}
 
 
 
 
 
 
 
 
.olb{
    font-size: 62px;
    font-weight: 600;
    margin-bottom: 45px;
}
 
 
.blog-content-banner {
  background-color: #F6F6F6;
  padding: 10px;
}
 
.main-blogs-details .faq-sections-div0152 .container > h2{
font-size: 56px;
    font-weight: 500;
    margin-bottom: 70px;
}
.main-blogs-details .blogscard-text a{
          font-size: 2rem !important;
}
.track-records-left i{
      font-size: 50px;
  text-align: center;
  display: block;
  margin-top: 35px;
}
.blog-content-banner-left {
  padding-block: 50px;
  text-align: center;
 
  & figure {
    width: 87px;
    height: 87px;
    margin: auto;
 
    & img {
      width: 100%;
      height: 100%;
      border-radius: 8px;
    }
  }
 
  & h3 {
    font-size: 32px;
    margin-top: 10px;
    margin-bottom: 4px;
    font-weight: 600;
    color: #030303;
  }
 
  & h6 {
    font-size: 16px;
 
    color: #555;
    font-weight: 700;
  }
 
  & p {
    font-size: 16px;
    color: #555;
  }
}

.how-its-works01 .comon-slist01  figure img{
  transition: all 0.4s;
  transform: scale(1);
}
.how-its-works01 .comon-slist01:hover  figure img{
  transform: scale(1.1);
}
.blog-content-banner-right {
  width: 98%;
 
  & p {
    font-size: 16px;
    font-size: 16px; color: #555;
  }
}

.main-blogs-details .blogscard-text a{
   font-size: 2rem !important;
   color: #54595f;
}

.blog-details-date {
  margin-left: 4px;
  font-size: 16px;
  margin-top: 10px;
  font-weight: 700;
 
  & i {
    margin-right: 4px;
  }
 
 
}
 
.breadcrumb-item-01 {
  color: var(--lightcolor);
  font-size: 16px;
  font-weight: 400;
}
 
 
.t107 {
  & figure {
    margin-left: 60px;
    width: 100%;
    height: 372px;
  }
 
  & img {
    width: 100%;
    height: 100%;
    border-radius: 30px;
  }
}
.weheading{
  font-size: 50px !important;
  font-weight: 600;
}
.new-company-pages .ceo-sections::before,
.awadsrd-pages .ceo-sections::before{
      right: -19px;
}
.company-page-hero {
    padding: 150px;
    background-image: url("../images/company-profile-hero.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    color: #ffffff;
    
}

.company-page-hero  h2{
      font-size: 70px;
    font-weight: 400;
    line-height: 75px;
    color: #fff;
 }

.company-page-hero p{
       font-size: 18px;
    font-weight: 300;
    line-height: 24px;
    margin-top: 20px;
    margin-bottom:10px;
 }
.new-company-pages .ceo-sections::before {
    right: -57px !important;
}
 .companypages018 .i-common-btn{
   box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
   border: solid 2px #CF110D;
       border-radius: 4px;
           padding: 16px 32px !important;
    font-size: 18px;
    line-height: 1.3333;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    margin-top: 25px;
    font-weight: 600;
    
 }

 .why-zts-section .i-common-btn{
  color: #fff !important;
 }
 
 .companypages018 .i-common-btn i{
  font-size: 30px;
  margin-left: 5px;
 }
  .companypages018 .i-common-btn::before{
     position: absolute;
     content: "";
     width: 100%;
     height: 100%;
     background: #fff;
     transform: translateY(-110%);
     transition: all 0.5s;
     top:0;
     left: 0;
     right: 0;
  }
   .companypages018 .i-common-btn:hover::before{
    transform: translateY(0);
   }

    .companypages018 .i-common-btn span{
      display: flex;
      align-items: center;
       z-index: 1;
    }
    .companypages018 .i-common-btn:hover span{
      color: #CF110D !important;
      position: relative;
     
    }

.enterprises-tech-companies {
    padding-block:100px;
    background-color: #F5F5F5;
}
.enterprises-tech-companies h2{
  font-size: 28px;
    font-weight: 400;
    line-height: 28px;
    color: #333333;
}
.enterprises-tech-companies {
    padding-block:80px;
    background-color: #F5F5F5;
}
.companypages018 .enterprises-tech-companies {
    & h2 {
        margin-top: 30px;
        font-weight: 400;
        font-size: 28px;
        color: #333333;
        margin-bottom: 28px;
    }
}

/* ************** blog detail page 3 ****************  */
 
.bd3-hero3{
margin-bottom: 60px;
    width: 100%;
    height: 490px;
    overflow: hidden;
   
    & img {
      width: 100%;
      height: 100%;
       object-fit: cover;
    }
 
}
/*  */
.companypages018 .ourourney-head {
    color: #BE1310 !important;
    font-weight: 600 !important;
    font-size: 24px;
    margin: 0;
    text-align: center;
}
.companypages018 .ourourney-title {
    text-align: center;
    font-size: 45px;
    font-weight: 600;
    margin-bottom: 30px;
}
.companypages018 .our-journey {
    & p {
        font-size: 16px;
        color:#555;
    }
}
.companypages018 .delivering-digital {
  padding: 100px 0 35px 0;
    & h6 {
        text-align: center;
        font-size: 25px;
        font-weight: 600;
        color: #BF1211;
    }
    & h2 {
        text-align: center;
        font-size: 45px;
        font-weight: 600;
        color: #030303;
    }
}
.nav-tabs .nav-item.nav-cus .nav-link {
    color: #999999;
    font-weight: 500;
    border: 1px solid #999999;
    border-radius: 0px;
    font-size: 16px;
    padding: 20px 25px;
    font-weight: 600;
}
.companypages018 .nav-cus {
    margin-inline: 10px;
    position: relative;
}
.nav-tabs .nav-item.nav-cus.show .nav-link, .nav-tabs .nav-item.nav-cus .nav-link.active {
    border: 1px solid var(--lightcolor);
    color: #000000;
    border-radius: 0px;
    font-size: 16px;
    padding: 20px 25px;
}
.nav-cus::before {
    position: absolute;
    content: "";
    width: 12px;
    height: 12px;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%);
    background-color: red;
    border-radius: 50%;
}

.nav-tabs .nav-item.nav-cus.show .nav-link, 
.nav-tabs .nav-item.nav-cus .nav-link.active {
    &::before {
        position: absolute;
        border: none;
        content: "";
        width: 12px;
        height: 12px;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, 50%);
        background-color: var(--lightcolor);
        border-radius: 50%;
    }
}

.nav-tabs .nav-item.nav-cus .nav-link {
    &::before {
        position: absolute;
        border: none;
        content: "";
        width: 12px;
        height: 12px;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, 50%);
        background-color: #999999;
        border-radius: 50%;
    }
}
.nav-tabs .nav-item.nav-cus .nav-link {
    &::after {
        position: absolute;
        border: none;
        content: "";
        bottom: 0px;
        width: 2px;
        height: 22px;
        bottom: 0;
        transform: translate(-50%, 113%);
        background-color: #999999;
        left: 50%;
    }
}

.nav-tabs .nav-item.nav-cus.show .nav-link, 
.nav-tabs .nav-item.nav-cus .nav-link.active {
    &::after {
        position: absolute;
        border: none;
        content: "";
        bottom: 0px;
        width: 2px;
        height: 22px;
        bottom: 0;
        transform: translate(-50%, 113%);
        background-color: var(--lightcolor);
        left: 50%;
    }
}
.nav-border-none {
    border: none;
}
.card-tabborder {
    border: 1px solid #bf1211;
    padding: 20px;
}
.card-tabborder {
    .card-tabborder-badge {
        background-color: red;
        color: #ffffff;
        padding: 10px 15px;
        font-weight: 600;
        height: 48px;
        font-size: 20px;
        text-align: center;
        margin-bottom: 20px;
    }
}
.card-tabborder {
    & p {
        font-size: 16px;
        color: #555;
        font-weight: 400;
    }
}
.experience-solutions {
    /* padding: 150px; */
    padding-block: 100px;
    padding-inline: 20px;
    background-image: url("../images/s1.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    color: #ffffff;
}
.experience-solutions {
    & h2 {
      font-size: 50px;
      font-weight: 600;
      line-height: 1;
        & span {
            color: #bf1211;
        }
    }
}
.expsol-card {
    position: relative;
    z-index: 9;
    perspective: 300px;
}
.expsol-2nd {
    transform: rotateX(-5deg);
    background-color: #ffffff;
    border-top: 8px solid var(--lightcolor);
    color: #000000;
    min-height: 239px;
    padding: 20px;
}
.expsol-1st {
    transform: rotateY(5deg);
    background-color: #ffffff;
    border-top: 8px solid var(--lightcolor);
    color: #000000;
    min-height: 239px;
    padding: 20px;
}
.expsol-3rd {
    transform: rotateY(-5deg);
    background-color: #ffffff;
    border-top: 8px solid var(--lightcolor);
    color: #000000;
    min-height: 239px;
    padding: 20px;
}
.expsol-4th {
    transform: rotateY(5deg);
    background-color: #ffffff;
    border-top: 8px solid var(--lightcolor);
    color: #000000;
    min-height: 239px;
    padding: 20px;
}
.expsol-5th {
    transform: rotateX(5deg);
    background-color: #ffffff;
    border-top: 8px solid #bf1211;
    color: #000000;
    min-height: 239px;
    padding: 20px;
}
.expsol-6th {
    transform: rotateY(-5deg);
    background-color: #ffffff;
    border-top: 8px solid #bf1211;
    color: #000000;
    min-height: 239px;
    padding: 20px;
}
.expsol-card {
    & h4 {
        color: #bf1211;
        margin-block: 10px;
        font-size: 22px;
        font-weight: 600;
    }
     & p {
        color: #555;
        font-size: 16px;
        font-weight: 400;
    }
}


.elementor-shape svg {
    display: block;
    left: 0;
    position: absolute;
    transform: translateX(-52%);
    width: 100%;
    bottom: 0;
    transform: rotate(180deg);
}

.team-member {
    & h2 {
        margin-bottom: 20px;
        text-align: center;
        font-size: 45px;
        font-weight: 600;
        color: #bf1211 !important;
    }
}
.team-member {
    & p {
        color: #555;
        font-size: 18px;
        margin-bottom: 40px;
    }
}

.team-card {
     border-radius: none !important;
    width:100%;
    height: 260px;
    border: 2px solid #999999;
    text-align: center;
    border-radius: 0;
    display: grid;
    justify-content: center;
    align-content: center;
    & figure {
        
        margin:0 auto;
        margin-bottom: 10px !important;
        border: 8px solid #BE13102B;
        border-radius: 50%;
        width: 170px;
        height: 170px;
        overflow: hidden;
        transition: all 0.5s;
    }
}

.dedication-page-hero {
    padding: 80px;
    background-image: url("../images/img31.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    color: #ffffff;
}
.dedication-page-hero::before {
    width: 100%;
    height: 100%;
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    background-color: #000000ad;
}
.dedication-page-hero .i-wb-title {
    position: relative;
    z-index: 1;
    font-size: 45px;
    font-weight: 600;
    line-height: 75px;
    margin-bottom: 20px;
}
.dedication-page-hero p{ font-size: 18px; font-weight: 300;}
.team-card:hover figure {
    border: 8px solid var(--lightcolor);
}
.team-card:hover {
  border-color: var(--lightcolor);
}
.elementor-shape-fill{ fill: #ffffff;}

.expsol-card i{
    font-size: 30px;
}
.flip-card-cp {
    background-color: transparent;
    width: 500px;
    height: 300px;
    perspective: 1000px;
}
.flip-card-inner-cp {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 5px 0px;
}
.flip-card-front-cp {
    padding: 10px;
    color: #ffffff !important;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.flip-card-front-cp,
.flip-card-back-cp {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.flip-card-cp:hover .flip-card-inner-cp {
  transform: rotateY(180deg);
}
.flip-card-front-cp {
    & figure {
        margin: 10px;
    }
     & p {
        font-size: 28px;
        font-weight: 600;
        color: #313131;
    }
}


.flip-card-back-cp {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 8px;
  padding: 35px;
  background-color: #BE1310;
  color: white;
  transform: rotateY(180deg);

  & h4 {
    font-weight: 500;
    font-size: 21px;
    margin-bottom: 12px;

  }

  & p {
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
  }

  & i {
    font-size: 35px;
  }
}


.why-zts-section {
  padding:100px 0 200px 0;
  color: #ffffff;
  background-color: #BE1310;
  clear: both;

  & h2 {
    font-size: 45px;
    font-weight: 600;
  }

  & p {
    margin-top: 10px;
    font-size: 18px;
    font-weight: 300;
  }
}

.whyzts-card {
  border: 1px solid #ffffff;
  background: transparent;
  min-height: 245px;
  padding: 20px;

  & h4 {
    margin-block: 10px;
    font-size: 22px;
    font-weight: 600;
  }

  & p {
    font-size: 16px;
    font-weight: 400;
  }
}

.zts-common-btn {
    background-color: #ffffff;
    color: #BF1211 !important;
    font-size: 16px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    position: relative;
}
.zts-common-btn span{
   color: #BF1211 !important;
   position: relative;
   z-index: 1;
}
.zts-common-btn::before{
   transform: translateY(-110%);
   transition: all 0.5s;
   background: #000 !important;
}
.zts-common-btn:hover::before{
  transform: translateY(0);
}
.companypages018 .zts-common-btn:hover span{
  color:#fff !important;
}

.companypages018 .itesms-feedbacks .news-slider-sections {
    min-height: 270px;
    position: relative;
    top: -60px;
    background: #ffff;
    border-radius: 5px;
    display: inline-block;
    width: 100%;
    padding: 50px 25px 25px 25px;
    position: relative;
    border: 2px solid #c8c7cc;
}
.companypages018 .itesms-feedbacks .qoutes-ts i {
    color: var(--lightcolor);
    font-size: 30px;
}
.companypages018 .itesms-feedbacks img {
    position: relative;
    width: 14% !important;
    z-index: 1;
    background: #fff;
    margin-left: 25px;
}
.companypages018 .feedbacks-sections{
  background:#FBFBFB !important;
}
.companypages018 .itesms-feedbacks .qoutes-ts {
    position: absolute;
    right: 25px;
    bottom: -18px;
}
.companypages018 .owl-nav .owl-next span {
    color: #fff;
}
.companypages018 .owl-nav .owl-next span::before {
    background: none !important;
    color: #303030;
}
.companypages018 .owl-nav .owl-prev span {
    color: #fff;
}
.companypages018 .owl-nav .owl-prev span::before {
    background: none !important;
    color: #303030;
}
.companypages018 .itesms-feedbacks {
    background:none !important;
    padding: 0;
}
.companypages018 .comon-clints,
.companypages018 .subprats,
.companypages018 .revise-div015 { position: relative; z-index: 1;}
.companypages018 .revise-div015 figure{
    background:#FBFBFB !important;
}
.feedbacks-sections-cbnhs{
   background: #be1310;
   padding: 40px 20px 40px 20px;
}
.feedbacks-sections-cbnhs h2{
  font-weight: 500;
  font-size: 35px;
}




/* --------- life at zts sub page -------*/


.lifeat-zts-hero {
  padding: 150px;
  background-image: url("../images/lifeatztshero.jpeg") !important;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  color: #ffffff;

  & .tborder {
    background-color: transparent;

    border-radius: 20px 20px 20px 20px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  }

  & h2 {
    margin-top: 20px;
    font-size: 40px;
    font-weight: 600
  }

  & p {
    position: relative;
    z-index: 1;
    font-size: 18px;
  }
}

.lifeat-zts-hero::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  background-color: #000000ad;

}



.i-common-div {

  position: relative;
  border: 0px;
  font-size: 18px;
  padding: 15px 60px 15px 60px !important;
  margin-top: 20px;
  background-color: #bf1211;
  color: var(--whitecolor);
  font-weight: 600;

  &::before {
    position: absolute;
    content: "";
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    background: #840E0B;
    width: 45px;
    height: 20px;
    right: auto;
    bottom: auto;
    left: 0;
    top: -20px;
  }

  &::after {
    content: "";
    position: absolute;
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    background: #840E0B;
    width: 45px;
    height: 20px;
    right: auto;
    bottom: auto;
    right: 0;
    bottom: -20px;
    transform: rotate(180deg);
  }
}



.lifecard-1 figure {
  width: 100%;
  height: 500px;

  & img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  & figcaption {
    position: relative;
    top: -224px;
    width: 233px;
    height: 183px;
    padding: 30px;
    font-size: 16px;
    background-color: #BE1310;
    color: #ffffff;
    border-radius: 0px 14px 14px 0px;

    &::before {
      content: "";
      position: absolute;
      background-color: #ffffff;
      width: 50px;
      height: 8px;
      width: 94%;
      left: 0;
      bottom: -7px;
      border-radius: 0px 0px 8px 0px;
    }
  }
}






.ab {
  &>div:first-child {}

  &>div:last-child {}

  &>div:nth-child(2) {}
}

.lifecard-2 figure {
  width: 100%;
  height: 500px;

  & img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  & figcaption {
    position: relative;
    top: -287px;
    width: 234px;
    height: 251px;
    padding: 30px;
    font-size: 16px;
    background-color: #BE1310;
    color: #ffffff;
    border-radius: 0px 14px 14px 0px;

    &::before {
      content: "";
      position: absolute;
      background-color: #ffffff;
      width: 50px;
      height: 8px;
      width: 94%;
      left: 0;
      bottom: -7px;
      border-radius: 0px 0px 8px 0px;
    }
  }
}



.lifecard-3 {
  border: 1px solid #E0E0E0;
  font-size: 16px;
  padding: 25px;
  color: var(--text-darkgray);
  min-height: 462px;
}

.lifes-ltes-apge .lifecard-4 figure {
    width: 100%;
    height: 431px;
    position: relative;
}


.case-studey-page-details .cs-details-box{
    margin-bottom: 0 !important;
    padding: 30px;
}
.ztslife-section {
  & p {
    font-size: 16px;
    font-weight: 400;
  }
}

.lifecard-4 figure {
  width: 100%;
  height: 400px;

  & img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  & figcaption {
    position: relative;
    top: -287px;
    width: 234px;
    min-height: 150px;
    padding: 30px;
    font-size: 16px;
    background-color: #BE1310;
    color: #ffffff;
    border-radius: 0px 14px 14px 0px;

    &::before {
      content: "";
      position: absolute;
      background-color: #ffffff;
      width: 50px;
      height: 8px;
      width: 94%;
      left: 0;
      bottom: -7px;
      border-radius: 0px 0px 8px 0px;
    }
  }
}


.here-text01{
  color: #030303;
  font-size: 30px;
  font-weight: 400;
}
.lifes-ltes-apge .enjoy-robust .text-center{
    font-size: 45px;
    font-weight: 400;
    color: #030303;

}
.lifes-ltes-apge .sm-headings01{
    font-weight: 300;
    line-height: 30px;
    color: #030303;
    font-size: 20px;
    margin-bottom: 11px;
}
.routings-text01 h3{
    padding-bottom: 40px;
    position: relative;
}
.routings-text01 h3::before{
    position: absolute;
    content: "";
    width: 82%;
    height: 1px;
    background: #4b4b4b;
    bottom: -10px;
    left: 0;
    right: 0;
    margin: 0;
}
.lifes-ltes-apge.companypages018 .feedbacks-sections{
  padding-bottom:25px !important;
}
.lifes-ltes-apge.companypages018 .row{
    width: 100%;
}
.lifes-ltes-apge .feedbacks-sections .container{
    padding-bottom: 0 !important;
}
.routings-text01 p{
  font-size: 2rem !important;
  font-weight: 600 !important;
  color: #030303;
  line-height: 34px !important;
  margin-top: 12px;
}
.lifeat-stunning {
  padding:77px 0 0 0;
  padding-bottom: 83px;
  background-image: url("../images/lz-6.webp") !important;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  color: #ffffff;

  & h2 {
    position: relative;
    z-index: 1;
    margin-top: 20px;
    font-size: 40px;
    font-weight: 600
  }

  & p {
    position: relative;
    z-index: 1;
    font-size: 16px;
  }

  & i {
    position: relative;
    z-index: 1;
    font-size: 58px;
  }
}

.lifeat-stunning::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  background-color: #e01414ad;
}

.lifeat-stunning svg{
  fill: #fff;
  position: relative;
  z-index: 2;
  width: 80px;
  height: 80px;
  margin-top: 0;
}

.lifes-ltes-apge .enjoy-robust{ padding-top: 26px; } 


.infost-textrs .lifeat-stunning01{
  background-color: #0000008C !important;
  border-bottom: solid 4px #be1310;
      filter: hue-rotate(45deg);
}
.infost-textrs  p{
      font-size: 20px;
    font-weight: 300;
    line-height: 26px;
}
.infost-textrs .lifeat-stunning01 p{
  font-size: 18px;
  font-weight:400;
}

.enjoy-robust {
  & h2 {
    position: relative;
    z-index: 1;
    margin-top: 20px;
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 20px;
  }

  & p {
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 30px;
  }
}

.enjoy-robust-p {
  margin-top: 20px;
  font-size: 18px !important;
  color: var(--text-gray);
}

.card-open {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #c2c2c2;
  height: 520px;

  & h3 {
    position: relative;
    font-size: 45px;

    &::before {
      content: "";
      position: absolute;
      width: 10px;
      height: 1px;
      width: 100%;
      bottom: -30px;
      background-color: #b7b7b7;
    }
  }
}

.enjoy-robust .row{
  width: 100% !important;
}




.lifecard-9 figure {
  height: 250px;
  width: 100%;
  position: relative;

  & img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  & figcaption {
    position: relative;
    top: -180px;
    width: 234px;
    min-height: 150px;
    padding: 30px;
    font-size: 16px;
    background-color: #BE1310;
    color: #ffffff;
    border-radius: 0px 14px 14px 0px;

    &::before {
      content: "";
      position: absolute;
      background-color: #ffffff;
      width: 50px;
      height: 8px;
      width: 94%;
      left: 0;
      bottom: -7px;
      border-radius: 0px 0px 8px 0px;
    }
  }

  & .oddfigcaption {
    position: absolute;
    bottom: 25px;
    right: 0;
    top:inherit;
    width: 234px;
    min-height: 150px;
    padding: 30px;
    font-size: 16px;
    background-color: #BE1310;
    color: #ffffff;
    border-radius: 14px 0px 0px 14px;

    &::before {
      content: "";
      position: absolute;
      background-color: #ffffff;
      width: 50px;
      height: 8px;
      width: 94%;
      left: 15px;
      bottom: -8px;
      border-radius: 0px 0px 0px 8px;
    }
  }
}

p.security-texts{
  font-size: 45px;
  font-weight: 400;
  color: #030303;
  margin-top: 0 !important;

}
.here-text01{
  font-size: 20px !important;
  font-weight: 300;
  line-height: 30px;
}
.lifeat-stunning01 {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #0000008c !important;
  padding: 30px;
}


.card-open1 {
  display: flex;
  flex-direction: column;
  text-align: start;
  padding-left: 12%;
  padding-top:35%;
  border: 1px solid #E0E0E0;
  height: 520px;

  & h3 {
    position: relative;
    font-size: 45px;
    color: #000000;
    line-height: 52px;
  }
}

.o-video {
  width: 100%;
  height: 0;
  position: relative;
  padding-top: 56.25%;
}
.o-video > iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
}

.visedos{
   padding:80px 0;
}






.vdo video {
  width: 80%;
  height: 60%;
}







.lifecard-odd figure {
  height: 520px;


  & img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  & figcaption {
        position: absolute;
        bottom: 60px;
        width: 234px;
        min-height: 150px;
        padding: 30px;
        font-size: 16px;
        background-color: #BE1310;
        color: #ffffff;
        border-radius: 8px 0px 0px 8px;
        right: 0;
        min-height: 230px;
        top: inherit;

    &::before {
      content: "";
      position: absolute;
      background-color: #ffffff;
      width: 50px;
      height: 8px;
      width: 94%;
      left: 14px;
      bottom: -7px;
      border-radius: 0px 0px 0px 8px;
    }
  }
}



.boarding-process-hero {
  & h4 {
    color: var(--lightcolor);
    position: relative;
  }
}


.boarding-process-hero {
  padding: 150px;
  background-image: url("../images/ZTS-Ruby-1.jpg") !important;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  color: #ffffff;

  & h4 {
    text-transform: uppercase;
    font-size: 22px;
  }

  & h2 {
    font-size: 55px;
    font-weight: 500;
    margin-block: 20px
  }

  & h5 {
    position: relative;
    z-index: 1;
    font-size: 30px;
    font-weight: 400;
  }
}

.boarding-process-hero::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  background-color: #000000ad;
}




.boarding-top-rated {
  background-color: #F9F9F9;
  border-bottom: 1px solid #CFCFCF;
  margin-bottom: 80px;

  & h5 {
    font-size: 25px;
    font-weight: 400;
  }

  & i {
    color: #CFCFCF;
    font-size: 45px;
  }

  & figure {
    width: 100%;
    height: 100%;
  }

}

.boarding-top-augmentation {

  & h2 {
    font-size: 60px;
    font-weight: 500;
  }

  & p {
    font-size: 22px;
    font-weight: 300;
    line-height: 32px;
  }

}

.key-reasons {
  background-color: #F9F9F9;
  border-block: 2px solid #dddbdb;

  & h4 {
    font-size: 30px;
    width: 100%;
    text-align: center;
    margin-top: 40px;
  }

  & button {
    margin: auto;
    margin-top: 30px;
  }

  & h2 {
    font-size: 45px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 50px;
  }

  & .key-reasons-card {
    display: flex;
    padding:24px;
    gap: 0 20px;
    border: 1px solid #B4B4B4;
    background-color: #ffffff;
    min-height: 190px;
    width: 98%;
    margin-bottom: 10px;


    & i {
      font-size: 60px;
      color: var(--lightcolor);
    }

    & h3 {
      font-size: 24px;
      font-weight: 600;
    }

    & p {
      font-size: 18px;
      color: #555;
      margin: 20px 0;
    }
  }
}
.comparison-table{
    border: solid 1px #b6becd;
    width: 100%;
    display: table-cell;
}
.comparison-table th{
    background-color: #f7f9fb !important;
    padding: 35px 67px 34px 30px;
    font-size: 21px;
    line-height: 30px;
    font-weight: 600;
    color: #262e36;
    display: table-cell;
    border-bottom: solid 1px #b6becd;
    border-right: 1px solid #b6becd;

}
.comparison-table th:nth-child(2){
    border-right: 3px solid #cf110dde;
    border-left: 3px solid #cf110dde;
    border-top: 3px solid #cf110dde;
    position: relative;
}
.comparison-table tbody tr td{
    text-align: left;
    font-size: 15px;
    line-height: 25px;
    padding: 20px 75px 20px 31px;
    color: #7A7A7A;
    height: 150px;
    border-bottom: 1px solid #b6becd;
    border-right: 1px solid #b6becd;
    width: 351px;
}
.comparison-table tbody tr td:nth-child(2){
  border-right: 3px solid #cf110dde;
}
.comparison-table tbody tr:last-child td:nth-child(2){
  border-bottom: 3px solid #cf110dde;
}
.comparison-table tbody tr td:first-child{
  background-color: #cf110d;
    display: flex;
    align-items: center;
    height: 166px;
    padding: 20px 25px;
    border-bottom: 1px solid #b6becd;
    border-right: 1px solid transparent;
    font-size: 19px;
    font-weight: 600;
    color: #fff;
    width: 251px;
}
.comparison-table tbody tr td strong{
  color: #000000;
  font-weight: 600;
}

.how-it-works {
  & h2 {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 55px;
  }
}


.lifes-ltes-apge .faq-sections-div0152 h2{
   color: #54595f !important;
   font-weight: 600;
}
.lifes-ltes-apge .faq-sections-div0152 p.subtextrs{
   font-size: 20px;
    font-weight: 300;
    line-height: 28px;
    color: #030303;
}
.how-it-works-card {
  float: left;
  padding: 40px 30px 20px 30px;
  border: 1px solid #B4B4B4;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
  min-height: 260px;
  position: relative;

  & .badge-works-card {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    height: 44px;
    width: 44px;
    border-radius: 0px 2px 131px 0px;
    background-color: var(--lightcolor);
    color: #ffffff;

    & span {
      margin-left: 11px;
    }
  }

  & h4 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
  }

  & p {
    color: var(--text-gray);
    font-size: 16px;
  }

  & i {
    margin-top: 20px;
    color: var(--lightcolor);
  }
}


.logo-border01{
  width: 100% !important;
}
.csr-progamesd-pages .proshrs-pic .row{
  width: 100% !important;
}
.awards-and-recognition-hero {
  padding: 150px 100px 120px 100px ;
  background-image: url("../images/company-profile-hero.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  color: #ffffff;

  & .tborder {
    background-color: transparent;

    border-radius: 20px 20px 20px 20px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  }

  & h2 {

    font-size: 70px;
    font-weight: 400;


  }

  & p {
    position: relative;
    z-index: 1;
    font-size: 18px;
    margin-top: 25px;
  }
}
.key-deliverables-section span svg{
  color: #000;
}


.awards-and-recognition-hero::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  background-color: #000000ad;

}


.awds-page-sections-01{
  padding: 70px 0;
}
.billing-made-simple-hero {}

.tops-textr{
}

.tops-textr .nounue {
    position: relative;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;
    display: inline-block;
    background-color: transparent;
    border: 1px solid #d9d9d9;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.tops-textr span {
    font-weight: 600;
    font-size: 30px;
    color: #be1310;
        display: block;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    text-align: center;
    margin: auto;
}
.lisne-texr8::before{
      content: "";
    position: absolute;
    bottom: 48%;
    left: 60px;
    height: 1px;
    width: calc(100% - 60px);
    background-color: #d9d9d9;
}
.tops-textr .mains-tx{
  color: #be1310;     font-size: 20px; font-weight: 600;
}
.billing-made-simple-hero {

  background-image: url("../images/ZTS-Ruby-1.jpg") !important;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  color: #ffffff;

  & h2 {
    text-align: center;
    font-size: 55px;
    font-weight: 400;
    margin-block: 20px
  }

  & p {
    text-align: center;
    font-size: 28px;
    position: relative;
    z-index: 1;
    font-weight: 300;
  }

  & .billing-made-simple-hero-card {
    padding: 32px;
    color: #000;
    background-color: #ffffff;
    position: relative;
    z-index: 99;

    & .billing-made-simple-hero-card-div {
      padding: 15px;

      & .icon-card {
        position: relative;
        color: var(--lightcolor);
        font-size: 55px;
        top: 62px;
      }

      & h2 {
        font-size: 24px !important;
        font-weight: 600;
        margin-bottom: 35px;
        margin-left: 30px;
        text-align: left;
        width: 81%;
        margin-left: auto;
      }

      & p {
        font-weight: 500;
        font-size: 16px !important;
        text-align: start;
        color: var(--text-gray);
      }

      & i {
        color: var(--lightcolor);
      }
    }
  }
}

.tops-awsls-div{
   margin-top: 70px;
}
.tops-awsls-div h2{
    font-size: 80px;
    font-weight: 600;
    text-transform: uppercase;
    color: #030303;
    line-height: 1;
}
.tops-awsls-div h2 span{
    font-weight: 700;
    display: block;
    font-family: "Playfair", serif;
    text-decoration: underline;
    color: #121212;
    text-decoration-thickness: 8px;
}
.tops-awsls-div p{
  font-size: 22px;
    font-weight: 400;
    line-height: 30px;
    color: #444444;
    margin-top: 60px;
}
.right-b {
  border-right: 1px dotted black;
}
.logos-sections-div015{
  margin-bottom: 90px;
}
.logos-sections-div015 figure{

}
.csr-programs-banes{
  background: url("../images/bn-bg.jpg") no-repeat;
  padding: 130px 0px 20px 0px;
  background-size: cover;
}
.csr-programs-banes h2{
  font-size: 75px;
    font-weight: 500;
    line-height: 60px;
    -webkit-text-stroke-width: 1px;
    stroke-width: 1px;
    -webkit-text-stroke-color: #000000;
    stroke: #000000;
    color: #FFCE4B;
    margin-bottom: 35px;
}
.csr-programs-banes h3{
      font-size: 30px;
    font-weight: 400;
    line-height: 36px;
    mix-blend-mode: luminosity;
    color: #000000;
}
.images-grousp01 figure{
    display: inline-block;
      border-style: solid;
    border-width: 5px 5px 5px 5px;
    border-color: #FFFFFF;
    border-radius: 4px 4px 4px 4px;
}
.csr-progames-div01-new1{
  background: url("../images/bn2-bg.jpg") no-repeat center right;
  padding: 70px 0px 70px 0px;
  background-size: cover;
}
.bottom-b {
  border-bottom: 1px dotted black;
}
.comon-losf{
      padding: 10px;
    border: 1px solid #ddd;
    max-width: 100%;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 10px;
    transition: 0.3s ease-in-out;
}
.comon-losf figcaption{
      font-size: 18px;
    font-weight: 500;
    line-height: 20px;
    min-height: 50px;
    margin-top: 6px;
    text-align: center;
}

.features-div015{
  background: #4B283C;
  padding: 9px 0;
}
.features-div015 .comons-counts{
  gap: 0 5px;
  min-height: 165px;
  border-right: solid 1px #CD9F9F;
}
.features-div015 .row > div:last-child .comons-counts{
  border: none;
}
.features-div015 .comons-counts i{
      font-size: 50px;
    color: #CD9F9F;
}
.features-div015 .comons-counts h3{
  color:#fff;
  font-size: 1.5rem;
  font-weight: 600;
  margin-left: 8px;
}

.supports-divs{
  padding: 100px 0px 100px 0px;
  background-color: #EFEAE4;
      border-style: solid;
    border-width: 1px 0px 1px 0px;
    border-color: #DDDADA;
}
.supports-divs h2{    
  font-size: 45px;
    font-weight: 500; }
.supports-divs h2 span{    
  color:#cd110d }
.supports-divs .items-slocinde figure{
  width: 100%;
  height: 220px;
}
.supports-divs .items-slocinde figure img{
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.supports-divs .items-slocinde h5{
      font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
        color: #CD110D;
}
.supports-divs .items-slocinde p{
  color: #7a7a7a;
  font-weight: 400;
  font-size: 16px;
  margin-top: 10px;
}
.csrp-div-programs{
  padding: 100px 0;
}
.csrp-div-programs h2{
      font-size: 45px;
    font-weight: 500;
    color: #030303;
}
.csrp-div-programs h2 span{
  color:#cd110d;
}
.billing-made-simple-hero::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  background-color: #000000ad;
}

.itesms-cars015{
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #CCCCCC;
    border-radius: 10px 10px 10px 10px;
    padding: 15px 15px 15px 15px;
    min-height: 420px;
}
.itesms-cars015 figure{
  height: 200px;
  width: 100%;
}
.itesms-cars015 figure img{
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.itesms-cars015 h5{
  font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
    color: #CD110D;
}
.feed-programs h2{
        font-size: 45px;
    font-weight: 500;
    color: #030303;
}
.feed-programs h2 span{
    color:#cd110d;
    font-weight: 500;
}
.itesms-cars015 p{
  font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px;
    color: #7a7a7a;
}

.somosn-crad{
  background-color: #FFFFFF;
    text-align: center;
    border-radius: 10px 10px 10px 10px;
    padding: 10px 10px 10px 10px;
}
.feed-programs{
    background: url("../images/img16.jpg") no-repeat center center;
  padding: 70px 0px 70px 0px;
  background-size: cover;
  border-style: solid;
    border-width: 1px 0px 1px 0px;
    border-color: #DDDADA;
    padding: 80px 0px 80px 0px;
    position: relative;
}
.statistical-sec{
      background: url("../images/img58.jpg") no-repeat center center;
  padding: 70px 0px 70px 0px;

    padding: 80px 0px 80px 0px;
    position: relative;
}
.feed-programs::before{
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top:0;
  width: 100%;
  height: 100%;
      background-color: #FFFFFF;
    opacity: 0.5;
}
.statistical-sec::before{
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top:0;
  width: 100%;
  height: 100%;
         background-color: #1B4543BF;
    opacity: 1;
}
.feed-programs .container,
.statistical-sec .container,
.sections-ctas .container{
  position: relative;
  z-index: 1;
}
.csr-progames-div01-new1 h2{
    font-size: 45px;
    font-weight: 500;
    line-height: 50px;
    color: #000000;
     margin-bottom: 25px;
}
.statistical-sec h2{
      font-size: 45px;
    font-weight: 500;
    line-height: 50px;
    color: #fff;
     margin-bottom: 25px;
}
.statistical-sec h2 span{
    color: #d1120d;
}
.csr-progames-div01-new1 h2 span{
  color: #d1120d;
  
}
.ctag-div{
      padding: 40px 40px 40px 40px;
}
.ctag-div h2{
      font-size: 38px;
    font-weight: 500;
    color: #0F0F0F;
    line-height: 1;
}
.ctag-div h2 span{
  color:#cd110d
}
.ctag-div p{
      font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    color: #3F3F3F;
    margin-top: 30px;
}
 .comonus-st015 h3 span,
 .comonus-st015 h3{
      font-size: 60px !important;
    font-weight: 400;
    margin-top: 0px;
    color: #fff !important;
}
.evnts0-tesr01 h2{
  font-size: 38px;
    font-weight: 500;
    color: #0F0F0F;
}
.evnts0-tesr01 h2 span{
  color:#cd110d
}
.evnts0-tesr01 p{
        font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    color: #3F3F3F;
    margin-top: 20px;
}
.evnts0-tesr01 .btn{
  position: relative;
  padding: 10px 50px 10px 50px;
  font-size: 28px;
    font-weight: 600;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #CF110D;
    border-radius: 50px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    background-color: #CF110D;
    margin-top: 25px;
    overflow: hidden;
}
.evnts0-tesr01 .btn::before{
   position: absolute;
   content: "";
   left: 0;
   right: 0;
   width: 100%;
   height: 100%;
   transform: translateY(-120%);
   background: #fff;
   transition: all 0.5s;
   top:0;
}

.evnts0-tesr01 .btn:hover::before{
   transform: translateY(0%);
}
.events-rows{
  padding: 100px 0;
}
.evnts0-tesr01 .btn span{
   color: #fff;
   transition: all 0.5s;
   position: relative;
   z-index: 1;
}
.golbas-div{
  background: #F7F7F7;
  padding: 100px 0;
} 
.golbas-div figure{
  border-style: solid;
    border-width: 7px 7px 7px 7px;
    border-color: #FFFFFF;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}
.golbas-div h2{
    font-size: 38px;
    font-weight: 500;
    color: #0F0F0F;
    margin-bottom: 10px;
}
.golbas-div h2 span{
    color: #be1310;
}
.golbas-div ul li i{
   color:#be1310;
   font-size: 25px;
   position: relative;
   top:-4px;
}
.golbas-div ul li{
  border-bottom:solid 1px #be1310;
  padding: 20px 0;
  display: flex;
  align-items: start;
}
.proshrs-pic{
  background: #fff;
  padding: 12px 0 0 0;
}
.golbas-div ul li:last-child{
  border-bottom:none ;
}
.golbas-div ul li span.part01{
  font-size: 16px;
  color: #54595f;
  line-height: 1.3;
  padding-left: 10px;
}
.tops-spance{
  margin-top: 100px;
}
.evnts0-tesr01 .btn:hover span{
   color: #CF110D;
}
.comonus-st015{
      background-color: #FFFFFF47;
    border-style: solid;
    border-color: #FFFFFF82;
    border-width: 1px 1px 1px 1px;
    border-radius: 7px 7px 7px 7px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    padding: 30px 15px 30px 15px;
    min-height: 200px;
}
.tyd-div{

}
.comonus-st015 p{
      font-size: 18px;
    line-height: 22px;
    color: #FFFFFF;
    width: 98%;
    margin: auto;
    margin-top: 15px;
}
.somosn-crad{
  min-height: 350px;
}
.somosn-crad p{
  color: #7a7a7a;
  font-size: 16px;
      line-height: 1.5;
    font-weight: 400;
    width: 95%;
    margin: auto;
}
.csr-progames-div01-new1 p{
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    mix-blend-mode: luminosity;
    color: #000000;
    margin-bottom: 25px;
  
}
.sections-ctas{
        background: url("../images/img55.jpg") no-repeat center center;
  padding: 70px 0px 70px 0px;
  background-size: cover;
    padding: 80px 0px 80px 0px;
    position: relative;
}
.sections-ctas::before{
    position: absolute;
  content: "";
  left: 0;
  right: 0;
  top:0;
  width: 100%;
  height: 100%;
        background-color: #000000;
    opacity: 0.5;
}

.stronger-ip-section {
  & h2 {
    text-align: center;
    color: var(--text-gray);
  }

  & p {
    margin-top: 18px;
    text-align: center;
    font-size: 18px;
  }

}

.stronger-ip-section-card {
  padding: 60px;
  background-image: url("../images/ZTS-Flutter-3-min.jpg") !important;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  color: #ffffff;

  & .stronger-ip-section-card-container {
    background-color: #ffffff;
    color: #000;
    min-height: 300px;
    position: relative;
    z-index: 9;
    padding: 30px 40px 20px 40px !important;
    border-top: 5px solid var(--lightcolor);

    & h3 {
      font-size: 24px;
      font-weight: 600;
      margin-bottom: 10px !important;

    }

    & p {
      color: var(--text-gray);
      font-size: 16px;
    }
  }

}

.boardings-pages .stronger-ip-section-card .row > div:nth-child(2) .stronger-ip-section-card-container{
   border-top: solid 5px #000000 !important;
}
.stronger-ip-section-card::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  background-color: #000000ad;
}

.we-at-zts {
  padding:50px 0;
  font-size: 22px;
  color: var(--text-darkgray);
}
.we-at-zts h2{
  font-size: 35px;
    font-weight: 400;
    line-height: 40px;
    color: #333333;
}

.compare-table {
  border: 1px solid #b6becd;


  & .compare-table-row {
    display: flex;

    & p {
      font-size: 15px;
      min-height: 110px;
      width: 500px;
      color: #000;
      background-color: #f7f9fb;
      border: 1px solid #b6becd;
      border-left: none !important;
       border-top: none !important;
      padding: 20px 25px;
    }

  }
}
.compare-table  h4{ 
    font-size: 21px;
    line-height: 30px;
    font-weight: 600;
    color: #262e36;
    background-color: #f7f9fb;
}


.blogs-details-apge .breadcrumb-item-01 {
    color: var(--lightcolor);
    font-size: 16px;
    font-weight: 400;
    margin-right: 10px;
}
.blogs-details-apge .next-banner h1 {
     font-size: 50px !important;
    color:#000 !important;
    font-weight: 600;
    line-height: 1.2;
}

.details-carees-div figure{
  width: 100%;
  height: 450px;
  overflow: hidden;
}
.careeres-div-d1{
  padding: 0;
}
.parallax-window {
    min-height: 620px;
    background: transparent;
}
.compare-table-red-cell{
  background-color: #cf110d !important;
  color: var(--whitecolor) !important;
 
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 34px;
}

.comon-slider-straff{

}
.tabsle-sections{
}

.careeres-div-d1 h2{
  font-size: 50px;
  color: #121212;
  font-weight: 500;
  line-height: 1.1;
}
.careeres-div-d1 .crm-list-dtat p{
  font-size: 14px;
  font-weight: 400;
  color: #8e8e8e;
}
.short-metas{
  margin-top: 40px;
}
.short-metas hr{
  background: #f0f0f0;
  margin-top: 35px;
  opacity: 1;
}
.comons-detas h5{
 font-weight: 500;
    font-size: 20px;
    line-height: 1;
    color: #121212;
    padding-bottom: 20px;
}
.comons-detas p{
  
    font-weight: 400;
    font-size: 18px;
    line-height: 1.4;
    color:#555;
    padding-bottom: 20px;
}
.comons-detas ul li{
      font-weight: 400;
    font-size: 18px;
    line-height: 1.5;
    color:#555;
    padding-bottom: 20px;
    list-style-type: disc;
    margin-left: 25px;
}
.comons-detas h4{
      font-size: 1.5rem;
    font-weight: 600;
        color: #202020;
        font-family: 'Fira Sans', sans-serif;
}
.comons-detas{
  margin-bottom: 20px;
}
.comons-detas h3{
      font-weight: 500;
    font-size: 20px;
    line-height: 1;
    color: #121212;
    padding-bottom: 20px;
}
.comons-detas h6{
  font-size: 18px;
    line-height: 1.4;
    padding-bottom: 40px;
    color: #555;
}
.careeres-div-d1 .crm-list-dtat h5{
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #555;
}
.bg-news{
      margin-top: 70px;
    background: #F9F9F9;
    padding: 40px 30px;
    position: sticky;
    top: 70px;
}
.ex-details p{
  font-size: 14px;
    font-weight: 400;
    display: block;
    color: #8e8e8e;
}
.ex-details h5{
  color: #555;
      font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    padding-bottom: 20px;
}
.careeres-div-d1 .container{
  border-left:solid 1px #f0f0f0;
  border-right:solid 1px #f0f0f0;
  position: relative;
  z-index: 1;
  padding-top: 70px;
  padding-bottom: 90px;
}
.careeres-div-d1 .container::before{
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  background: #f0f0f0;
  width: 1px;
  height: 100%;
  margin: auto;
  opacity: 0.6;
  top:0;
}

.tabsle-sections .row > div:first-child .tops-heads,
.tabsle-sections .row > div:first-child .red-sections{
    border-left: 1px solid #b6becd;
}
.tabsle-sections .row > div:last-child .tops-heads,
.tabsle-sections .row > div:last-child .red-sections-white{
    border-right: 1px solid #b6becd;
}
.comon-slider-straff .tops-heads{
   background-color: #f7f9fb !important;
    padding: 20px 40px;
    min-height: 110px;
    width: 100%;
    display: flex;
    align-items: center;
    border-top: 1px solid #b6becd;
    border-bottom: 1px solid #b6becd;
    border-right: 1px solid #b6becd;
}
.boardings-pages .enterprises-tech-companies{
   border-top: solid 1px #D8D8D8;
   border-bottom: solid 1px #D8D8D8;
}
.red-sections{
    background-color: #cf110d;
    display: flex;
    align-items: center;
    height: 150px;
    padding: 20px 25px;
    border-bottom: 1px solid #b6becd;
    border-right: 1px solid transparent;
}

.comon-slider-straff h4{
   font-size: 21px;
    line-height: 30px;
    font-weight: 600;
    color: #262e36;
}
.red-sections h5{
     font-size: 19px;
     color: #fff;
      display: flex;
    align-items: start;
}
.red-sections h5 i{
  font-size: 25px;
  margin-right: 8px;
 
}
.red-sections-white{
   background-color: #fff;
    display: flex;
    align-items: center;
    height: 150px;
    padding: 20px 25px;
    border-bottom: 1px solid #b6becd;
    border-right: 1px solid #b6becd;

}
.red-sections-white p{
      text-align: left;
    font-size: 15px;
    line-height: 25px;
    color: #7A7A7A;
}
.last-divb015 .red-sections-white,
.last-divb015 .red-sections{
    border-right:0 solid #b6becd;
}
.last-divb015 .tops-heads{
  border-right:0 solid #b6becd;
}
.midlles-sections .tops-heads,
.midlles-sections .red-sections-white{
  border-right:3px solid #cf110dde;
  border-left:3px solid #cf110dde;   
}
.midlles-sections .tops-heads{
   border-top:3px solid #cf110dde; 
   border-radius: 10px 10px 0 0; 
}
.bottoms-div015-border{
  border-bottom:3px solid #cf110dde; 
}
.comon-sub-parts{
  padding: 30px 0;
}





/* work page */


.worksde-page .main-body{
   padding-bottom: 0 !important;
   padding-top: 50px !important;
}

.worksde-page .lifeat-zts-hero-01 {
  padding-top: 190px;
  padding-bottom: 90px;
  background-image: url("../images/ZTS-Ruby-1-min-1.jpg") !important;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  color: #ffffff;
 
  & .tborder {
    background-color: transparent;
 
    border-radius: 20px 20px 20px 20px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  }
 
  & h2 {
    width: 95%;
    text-transform: uppercase;
    border: 5px solid var(--lightcolor);
    border-radius: 20px;
    /* margin-top: 20px; */
    font-size: 70px;
    font-weight: 400;
    padding: 32px;
  }
 
  & p {
    font-weight: 300;
    position: relative;
    z-index: 1;
    font-size: 18px;
  }
}



/* 15-08-2025 */

.boardings-pages .uiux-design .globals-logo {
  background: #fff;
  padding: 0;
  margin-top: 6px;
  margin-left: -9px;

}
.boardings-pages .nav-pills{
  margin-top: 75px;
} 
.boardings-pages .uiux-design .globals-logo{
      margin-top: 17px;
}
.boardings-pages .uiux-design .globals-logo .col{
    border: 2px solid #d5d5d5;
    border-radius: 7px;
    padding: 10px;
    min-height: 90px;
   
    transition: all 0.5s;
    min-width: 160px;
    width: auto;
    float: left;
    margin: 7px 7px 7px 0 !important;
}
.boardings-pages .uiux-design .globals-logo .crm-border-images{
   display:flex;
    align-items: center;
    height:65px;
}
.boardings-pages .uiux-design .globals-logo .col:hover{
   border: 2px solid var(--lightcolor);
}
.boardings-pages .boarding-process-hero h5{
   margin-top: 38px;
   margin-bottom: 20px;
       font-size: 30px;
    font-weight: 400;
    line-height: 36px;
}
.boardings-pages .boarding-process-hero{
   padding-bottom: 78px;
}
.boardings-pages .uiux-design .globals-logo .crm-border-images figure{
  width: 39px;
  text-align: left;
  margin: 0 5px 0 0 !important;
  height: auto;
  overflow: hidden;
  min-height: 43px;
}
.awadsrd-pages .feedbacks-sections .container{
  padding-bottom: 0;

}
.boardings-pages .uiux-design .bg-comonas-div015 figcaption{
    padding-bottom: 0;
    padding-top: 0;
    text-align: left;
}
 
.boardings-pages .uiux-design .usi-div015-contents .row{
  width: 100%;
}
.boardings-pages .uiux-design h2{
    font-size: 50px;
    font-weight: 400;
}
.lifeat-zts-hero-01::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  background-color: #000000ad;
 
}
 
.case-studen-pages150 p {
   margin-bottom: 12px !important;

 }
.screenshot{
  width: 150px;
  height: 150px;
  & img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
.cases-card {
  border-radius: 6px;
  padding-bottom: 15px;
  font-size: 18px;
  box-shadow: 0 0 15px 0 #00000030;
  min-height:478px;
  position: relative;
 
  & img {
    border-radius: 8px 8px 0 0;
  }
 
  & p {
    padding-inline: 20px;
    color: var(--text-darkgray);
    margin-bottom: 40px !important;
  }
 
  &>div {
    padding-inline: 20px;
 
    & button {
      border: 1px solid var(--lightcolor);
      background-color: transparent;
      color: var(--lightcolor);
      padding: 8px;
      border-radius: 4px;
 
      &:hover {
        background-color: var(--lightcolor);
        color: var(--whitecolor);
      }
    }
  }
 
}




.cases-card p:nth-child(1):hover{
  color: var(--lightcolor);
}
 
.cases-cardpagination {
  margin-top: 55px !important;
  width: 100%;
  text-align: center;
  margin: auto;
  font-size: 16px;
 
  & a {
    border: 1px solid #eee;
    padding: 5px 15px;
  }
 
  
}
 
 
 
 
 
 
 
 
.cps {
  width: 29%;
}
 
.cp-select {
  border: none;
  border-bottom: 1px solid black;
 
}
 
 
 
.col-num {
  position: relative;
 
  &::after {
    display: flex;
    align-items: center;
    justify-content: center;
    content: "";
    font-size: 30px;
    position: absolute;
    width: 2px;
    height: 80%;
    background: lightgray;
    top: 14%;
    left: 50%;
    font-size: 12px;
    color: var(--whitecolor);
  }
}
 
 
 
 
.col-num2 {
  position: relative;
 
  &::before {
    display: flex;
    align-items: center;
    justify-content: center;
    content: "2";
    font-size: 24px !important;
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: var(--lightcolor);
    top: 0;
    left: 50%;
    font-size: 12px;
    color: var(--whitecolor);
    transform: translate(-50%, -50%);
  }
 
  &::after {
    display: flex;
    align-items: center;
    justify-content: center;
    content: "";
    font-size: 30px;
    position: absolute;
    width: 2px;
    height: 80%;
    background: lightgray;
    top: 10%;
    left: 50%;
    font-size: 12px;
    color: var(--whitecolor);
  }
}
 
 
 
.col-num3 {
  position: relative;
 
  &::before {
    display: flex;
    align-items: center;
    justify-content: center;
    content: "3";
    font-size: 24px !important;
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: var(--lightcolor);
    top: 0;
    left: 50%;
    font-size: 12px;
    color: var(--whitecolor);
    transform: translate(-50%, -50%);
  }
 
  &::after {
    display: flex;
    align-items: center;
    justify-content: center;
    content: "";
    font-size: 30px;
    position: absolute;
    width: 2px;
    height: 80%;
    background: lightgray;
    top: 10%;
    left: 50%;
    font-size: 12px;
    color: var(--whitecolor);
  }
}
 
.col-num4 {
  position: relative;
 
  &::before {
    display: flex;
    align-items: center;
    justify-content: center;
    content: "4";
    font-size: 24px !important;
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: var(--lightcolor);
    top: 0;
    left: 50%;
    font-size: 12px;
    color: var(--whitecolor);
    transform: translate(-50%, -50%);
  }
 
  &::after {
    display: flex;
    align-items: center;
    justify-content: center;
    content: "";
    font-size: 30px;
    position: absolute;
    width: 2px;
    height: 80%;
    background: lightgray;
    top: 10%;
    left: 50%;
    font-size: 12px;
    color: var(--whitecolor);
  }
}
 
.col-num5 {
  position: relative;
 
  &::before {
    display: flex;
    align-items: center;
    justify-content: center;
    content: "5";
    font-size: 24px !important;
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: var(--lightcolor);
    top: 0;
    left: 50%;
    font-size: 12px;
    color: var(--whitecolor);
    transform: translate(-50%, -50%);
  }
 
  &::after {
    display: flex;
    align-items: center;
    justify-content: center;
    content: "";
    font-size: 30px;
    position: absolute;
    width: 2px;
    height: 80%;
    background: lightgray;
    top: 10%;
    left: 50%;
    font-size: 12px;
    color: var(--whitecolor);
  }
}
 
 
 
 
 
 
 
 
 
 
 
 
 
.topdev-text {
  width: 84%;
 
  & li {
    margin-top: 20px !important;
  }
 
  & li:nth-child(1) {
    margin-top: 0px !important;
  }
 
  & h2 {
    font-size: 32px !important;
    font-weight: 600;
  }
 
  & p {
    width: 90%;
    font-size: 16px !important;
    color: var(--text-darkgray);
  }
}
 
 
.lifeat-zts-hero-02 {
  padding: 50px;
  background-image: url("../images/ZTS-Ruby-1-min-1.jpg") !important;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  color: #ffffff;
 
  & h2 {
    margin-top: 20px;
    font-size: 32px;
    font-weight: 500
  }
 
  & p {
    width: 75%;
    margin: auto;
    font-weight: 300;
    position: relative;
    z-index: 1;
    font-size: 18px !important;
  }
}
 
.lifeat-zts-hero-02::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  background-color: #000000ad;
 
}

 
/* 11 - 08 - 25 pritam-------------------------------------- */
 
.tailored-web-i {
  & h2 {
    font-size: 45px;
    font-weight: 600;
  }
}
 
.flip-card-cp-v {
  background-color: transparent;
  width: 228px;
  height: 298px;
  perspective: 1000px;
  /* Enables 3D effect */
}
 
.flip-card-inner-cp-v {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 5px 0px;
  border-radius: 8px;
}
 
.flip-card-cp-v:hover .flip-card-inner-cp-v {
  transform: rotateX(180deg);
  /* Vertical flip */
}
 
.flip-card-front-cp-v,
.flip-card-back-cp-v {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
 
.flip-card-front-cp-v {
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
 
  & p {
    font-size: 23px;
    font-weight: 500;
    color: #313131;
  }
 
  & figure {
    margin: 10px;
  }
}
 
.flip-card-back-cp-v {
  min-width: 228px;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 8px;
  padding: 30px;
  background-color: #BE1310;
  color: white;
  transform: rotateX(180deg);
  border-radius: 8px;
  /* Vertical flip */
 
  & h4 {
    font-size: 18px;
    font-weight: 600;
    color: #FFFFFFBF;
  }
 
  & p {
    color: #FFFFFFBF;
    font-size: 14px;
  }
 
  & i {
    font-size: 35px;
  }
}
 
 
.connect-head {
  font-size: 32px !important;
  font-weight: 600;
  color: var(--text-darkgray);
}
 
 
.connect-title {
  font-size: 18px;
  font-weight: 300;
  margin-block: 15px;
}
 
 
.connect-title-subtext {
 
  font-size: 16px;
  font-weight: 500;
  color: var(--text-darkgray);
}
 
.testimonial-section {
  padding: 150px;
  background-color: #FBFBFB;
  border: 2px solid #E5E5E5;
}
 
.numbering {
  position: relative;
  left: -31px;
}
 
.numberab {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--lightcolor);
  position: relative;
  color: white;
  width: 40px;
  height: 40px;
 
  border-radius: 50%;
  text-align: center;
 
  &::before {
    position: absolute;
    content: "";
    width: 50px;
    height: 50px;
    display: inline-block;
    border-radius: 50%;
    overflow: hidden;
    top: -5px;
    left: -5px;
    right: 0;
    margin: auto;
    border: 2px solid var(--lightcolor);
  }
}
 
 
.zig-zag-section {
  &>div:nth-child(2) {
    & .numbering {
      flex-direction: row-reverse;
      left: 35px;
    }
 
    & .topdev-text {
      margin-left: 0 !important;
      margin-right: 10px;
    }
  }
 
  &>div:nth-child(4) {
    & .numbering {
      flex-direction: row-reverse;
      left: 35px;
    }
 
    & .topdev-text {
      margin-left: 0 !important;
      margin-right: 10px;
    }
  }
}
 
.disclaimer {
  font-size: 16px;
  color: var(--text-darkgray);
  margin-top: 20px;
  text-align: center;
  width: 100%;
}
 
 
.zig-zag-section-head {
  text-align: center;
 
  & h2 {
    font-size: 32px !important;
    font-weight: 600;
    margin-bottom: 20px;
    color: #030303;
  }
 
  & p {
    font-size: 16px;
    color: var(--text-darkgray);
    margin: auto;
    margin-bottom: 60px;
  }
}

.worksde-page .lifeat-zts-hero-02 .i-wb-title{
    font-size: 32px !important;
    font-weight: 500 !important;
    line-height: 24px;
    margin-bottom: 25px;
}

.worksde-page .i-common-btn-c{
  position: relative;
      font-size: 18px;
    line-height: 1.3333;
    font-weight: 600;
    overflow: hidden;
    border: solid 2px #bf1211;
}
.worksde-page .i-common-btn-c::before{
   position: absolute;
   content: "";
   left: 0;
   right: 0;
   top:0;
   width: 100%;
   height: 100%;
   transform: translateY(-110%);
   background-color: #fff;
   transition: all 0.5s;
}
.worksde-page .i-common-btn-c span{
   position: relative;
   z-index: 1;
}
.worksde-page .i-common-btn-c:hover::before{
   transform: translateY(0%);
}
.worksde-page .i-common-btn-c:hover span{
  color: #bf1211;
}
.worksde-page .testimonial-section{
   padding-bottom: 50px;
}
.worksde-page .feedbacks-sections .container{
padding-bottom: 0;
}
.i-common-btn-c {
  padding: 12px 24px;
  margin-top: 20px;
  background-color: #bf1211;
  color: var(--whitecolor) !important;
  font-weight: 500;
  font-size: 16px;
  transition: all 0.5s;
  border-radius: 3px;
  transform: translateY(0);
 
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: auto;
  margin-top: 30px;
 
  & i {
    margin-right: 10px;
    font-size: 30px;
    font-weight: 600;
  }
}

.main-blogs-details .blog-details-right figure{
   width: 115px;
   height: 115px;
   overflow: hidden;
   border-radius: 10px;
   margin-bottom: 17px !important;
}
.main-blogs-details .blog-details-right h2{
      font-size: 35px;
    font-weight: 500;
    color: #030303;
}
.main-blogs-details .blog-details-latest-blog{
  overflow: hidden;
}
.main-blogs-details  .messageger-btn{
    background-color: #3b5998;
    font-size: 15px;
    color: #fff;
    font-size: 19px;
    color: #fff;
    padding: 3px 8px;
}
.main-blogs-details  .whtas-btn{
    background-color: #0077b5;
    font-size: 15px;
    color: #fff;
    font-size: 19px;
    color: #fff;
    padding: 3px 8px;
}
.main-blogs-details .skpe-btn{
        background-color: #000;
    font-size: 15px;
    color: #fff;
    font-size: 19px;
    color: #fff;
    padding: 3px 8px;
}
.right-socials-links{
  margin-top: 15px;
}
.main-blogs-details .contact-use-page .container{
  padding-top: 0;
}
.main-blogs-details .comon-sub-parts{
  padding-bottom: 0;
  margin-bottom: 15px !important;
}

.delivering-digital  .card-tabborder-badge{
  padding: 6px 20px;
  font-size: 20px;
  border-radius: 1px;
  height: auto;
}
.companypages018 .experience-solutions{
  padding-bottom: 40px;
  padding-top: 60px;
  position: relative;
}
.companypages018 .experience-solutions::before{
      background-color: #000000;
    opacity: 0.61;
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top:0;
    width: 100%;
    height: 100%;
}
.companypages018 .row{
  width: 93%;
  margin: auto;

}
.new-company-pages.companypages018 .ceo-sections .row {
    width: 100%;
    margin: auto;
}
.new-company-pages.companypages018 .experience-solutions .row{
   width: 100%;
}
.boardings-pages .enterprises-tech-companies figure{
  margin: 0 !important;
}
.companypages018 .flip-card-inner-cp{
  border-radius: 6px;
}
.tailored-web-i{ padding: 60px 0 0;}
.tailored-web-i h2{  color: #000;}
.lifes-ltes-apge main{
   padding-top: 40px;
}

.boardings-pages .uiux-design h2 {
    font-size: 50px;
    font-weight: 400;
    width: 88%;
    margin: auto;
}

/* case study details */

/* ------------Pritam 18-08-2025------------ */
 
/* **************case studies details page*********** */
 
.casedetail-red {
  background-color: #BE0505;
  padding-block: 45px;
 
  & span {
    font-size: 15px;
    background-color: #ffffff;
    padding: 6px 24px;
  }
 
  & h2 {
    font-size: 60px;
    color: #ffffff;
    font-weight: 600;
  }
}
 
.casedetail-rbadge {
  text-align: center;
  float: right;
  background-color: #ffffff;
  padding: 30px 45px;
  border-radius: 60px 0px 0px 0px;
 
  & figure {
    width: 261px;
    min-height: 65px;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    & img{
      object-fit: cover;
      width: 100%;
      height: 100%;
    }
  }
}
 
 .top-spost03{
  padding-top: 0 !important;
 }
 .top-spost03 figure{
  width: 94%;
 }
 
 .top-spost04 p{
   width: 83% !important;
 }
 .key-deliverables-section{
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
      padding-top: 0 !important;
 }
 .top-spost04{
  margin-bottom: 60px;
 }
 .case-studey-page-details .clicnets-slider{
  margin-top: 65px;
 }
.cstudies-detail-img {
  position: relative;
  color: #ffffff;
  margin-top: 35px;
  margin-bottom: 45px;
  min-height: 250px;
  width: 100%;
  display: inline-block;
 
  & .tborder {
    background-color: transparent;
 
    border-radius: 20px 20px 20px 20px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  }
 
  & h2 {
    margin-top: 20px;
    font-size: 55px;
    font-weight: 500
  }
 
  & p {
    font-weight: 300;
    position: relative;
    z-index: 1;
    font-size: 18px;
  }
}
.bd-5ul{
  list-style: none !important;
  text-decoration: none;
}

.cstudies-detail-img img{
  object-fit: cover;
  width: 100%;
  height: 100%;
}

 
.cs-details-box {
  margin-bottom: 30px;
  border: 3px solid #CECACA;
  padding: 20px;
 
  & h3 {
    font-size: 32px;
    margin-bottom: 10px;
    color: #030303;
    font-weight: 600;
  }
 
  & p {
    color: var(--text-darkgray);
    font-size: 16px;
  }
}
 
 
 .case-studey-page-details .feedbacks-sections .container{
   padding-bottom: 0;
 }
.project-overview-section {
  padding: 60px 0;
  & h2 {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #030303;
  }
 
  & p {
    font-size: 16px;
    color: var(--text-darkgray);
  }
 
  & ul {
    margin-top: 20px;
    font-size: 17px;
    font-weight: 400;
    color: var(--text-darkgray);
 
    & li {
      margin-bottom: 4px;
 
      & span {
        margin-left: 10px;
      }
 
      & i {
        font-size: 22px;
        font-weight: 500;
        color: var(--text-darkgray);
      }
    }
  }
}
 
 
 
.textgpart01 {
  padding-block: 35px;
 
  & figure {
    width: 253px;
 
    & img {
      object-fit: cover;
      width: 100%;
    }
  }
}
 
.solutionsoffered {
  padding-block: 60px;
  background-color: #BE0505;
 
  & h2 {
    text-align: center;
    color: #ffffff;
  }
 
  &>p {
    margin: auto;
    width: 63%;
    text-align: center;
    color: #ffffff;
    margin-bottom: 30px;
  }
 
  & .solutionsoffered-card {
    background-color: #ffffff;
    width: 485px;
    padding: 30px;
 
    & h4 {
      font-size: 20px;
      font-weight: 600;
      margin-bottom: 10px;
    }
  }
 
 
}
 
 
.key-deliverables-section {
   padding: 50px 0;
  & h2 {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 10px;
  }
 
  & p {
    font-size: 16px;
    color: var(--text-darkgray);
  }
 
  & ul {
    margin-top: 20px;
    font-size: 17px;
    font-weight: 400;
    color: var(--text-darkgray);
 
    & li {
      display: flex;
      margin-bottom: 20px;
 
      & p {
        margin-left: 10px;
      }
 
      & i {
        font-size: 22px;
        font-weight: 500;
        color: var(--text-darkgray);
      }
    }
  }
}
 
 
 
 
.technology {
  background: #fff !important;
}
 
 
.technology {
  padding: 24px;
  width: 166px;
  height: 99px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
 
  & figure {
    background: var(--whitecolor);
    padding: 5px 10px;
  }
 
  & img {
    width: auto !important;
  }
}
 
 
 
.download-bg-red {
  background-color: var(--lightcolor);
  color: #ffffff;
  padding: 40px 0;
 
  & h5 {
    font-size: 25px;
    font-weight: 600;
    margin-right: 10px;
  }
 
  & button {
    padding: 6px 24px;
    font-size: 20px;
    font-weight: 500;
    border: none;
    border-radius: 3px;
  }
}
 
 
 
.case-studey-page-details .technology{
  width: 100% !important;
}
.contact-special-09 p{
  margin: 0 !important;
}
.expmore-case-studies-card {
  background-color: #f5f5f5;
  min-height: 464px;
 display: inline-block;
 width: 100%;
 
  &>div {
    padding:6px 30px 34px 30px;
  }
 
  & h4 {
    font-size: 18px;
    font-weight: 600;
    color: #54595F;
  }
 
  & p {
 
    font-size: 12px;
    color: #adadad;
 
    & i {
      font-size: 16px;
    }
  }
 
  & figure {
    overflow: hidden;
    display: inline-block;
    width: 100%;
  }
}
 
 
.expmore-case-studies-card:hover figure img {
  transition: 0.3s;
  scale: 1.1;
}
 
.expmore-case-studies-head {
  text-align: center;
  margin-bottom: 35px;
  font-weight: 600;
}

@media(min-width:1300px){

       .boardings-pages .uiux-design  .container, 
       .boardings-pages .uiux-design  .container-lg, 
       .boardings-pages .uiux-design  .container-md, 
       .boardings-pages .uiux-design  .container-sm, 
       .boardings-pages .uiux-design  .container-xl, 
       .boardings-pages .uiux-design  .container-xxl {
            max-width:1270px;
    }

}

.new-company-pages.companypages018 .container{
   padding-bottom: 0;
}
.new-company-pages.companypages018 .enterprises-tech-companies .container{
   padding-bottom: 30px;
}
.new-company-pages.companypages018 .delivering-digital .container{
   padding-bottom: 30px;
}
.worksde-page .i-wb-title{
  background-color: #CF110D1C;
  line-height: 75px;
}
.worksde-page .i-common-btn {
  margin:25px 0 0 0;
  
}
.whyzts-card i{
  font-size: 30px;
}
.main-blogs-details .faq-sections-div0152{
  padding: 105px 0 61px 0;
}
.main-blogs-details .blog-details-latest-blog {
  padding-bottom: 70px;
}
.main-blogs-details .blog-details-latest-blog h2{
font-size: 62px;
    font-weight: 600;
}
.main-blogs-details .need-consultation{
   background: #2C2C2C;
}
.main-blogs-details .need-consultation::before{
  background: url("../images/lines.png") no-repeat;
      opacity: 1;
}
.main-blogs-details .contact-use-page .container::before{
   display: none;
}
.main-blogs-details .contact-use-page .container{
  border: none;
}

.new-company-pages .experience-solutions{
   padding-top: 92px;
}
.card-open h3{
  color: #000;
  line-height: 47px;
}
 .boardings-pages .enterprises-tech-companies  .container .row{
         width: 100%;
    }

/* news details page */
.nesw-body-sections{
  margin-bottom: 70px;
}
.newspage-details h1{
  font-size: 60px;
  color: #121212;
  line-height: 1;
  margin-bottom: 35px ;
}
.newspage-details .nes-list-div015 li:first-child {
  display: flex;
  align-items: center;
}
.newspage-details .nes-list-div015 li:first-child figure{
  width: 65px;
  height: 65px;
  overflow: hidden;
  display: inline-block;
  border-radius: 50%;
  margin-right: 12px;
  margin-bottom: 0;
}
.newspage-details .nes-list-div015 li{
  margin-right: 25px;
}
.newspage-details .nes-list-div015 li h6{
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  color: #8e8e8e;
}
.newspage-details .nes-list-div015 li h6 span{
  font-size: 16px;
  font-weight: 500;
  color: #555;
}
.nesw-body-sections .left-post-news p{
  font-size: 18px;
  line-height: 1.4;
  padding-bottom: 25px;
  color: #555;
}
.nesw-body-sections .left-post-news h3{
  font-size: 36px;
  line-height: 1.2;
  padding-bottom: 25px;
  color: #000;
  font-weight: 600;
}
.nesw-body-sections .left-post-news figure{
  margin: 20px 0 !important;
}
.nesw-body-sections .left-post-news ul{
   list-style-type: disc;
   margin: 0 0 0 20px;
   padding-bottom: 25px;
}
.nesw-body-sections .left-post-news ul li{
  position: relative;
  padding-left: 20px;
  font-weight: 400;
    font-size: 18px;
    line-height: 1.5;
    padding-bottom: 5px;
}
.nesw-body-sections .left-post-news ul li::before{
position: absolute;
    content: "+";
    font-size: 29px;
    line-height: 1.2;
    color: #000;
    left: 0px;
    top: -4px;
}
.nesw-body-sections .comono-right-widget{
    margin-bottom: 50px !important;
    background: #F9F9F9;
    padding: 40px 30px;
    position: sticky;
}
.nesw-body-sections .comono-right-widget h4,
.serach-sections label{
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
    color: #121212;
    margin-bottom:9px;
}
.nesw-body-sections .comono-right-widget ul li{
 
}
.nesw-body-sections .comono-right-widget ul li:last-child a{
  border: none;
}
.nesw-body-sections .comono-right-widget ul li a{
      position: relative;
    font-size: 16px;
    line-height: 1;
    color: #555;
    padding: 20px 0;
     border-bottom: solid 1px #f0f0f0;
  display: inline-block;
  width: 100%;
}
.no-comnets{
  display: inline-block;
    background: #1d1d1d;
    padding: 8px 15px;
    color: #ffffff;
    margin-bottom: 0px;
    font-size: 16px;
}
.tags-div01{
  margin-top: 50px;
}
.tags-div01 ul{
   margin-bottom: 0;
   list-style-type: none !important;
   margin-left: 0 !important;
   padding-bottom: 0 !important;
}
.tags-div01 ul li::before{
  display: none;
}
.serach-sections .form-control{
  border: none !important;
}
.tags-div01 h5{
     font-weight: 400;
    font-size: 18px;
    line-height: 1.4;
}
.tags-div01 ul li a{
   text-decoration: underline;
   color: #555;
}

.lifes-ltes-apge{

}



.case-studey-page-details .expmore-case-studies .row{
  align-items: start !important;
} 
.case-studey-page-details .expmore-case-studies .row .col-lg-4{
  padding-right: 5px !important;
  padding-left: 5px !important;
}
/* ************** blog detail page 2 ****************  */
.blog-details {
  background: none;
}
 
.blog-details-head {
  line-height: 60px;
  font-weight: 600;
  width: 100%;
  font-size: 50px !important;
  color: black !important;
}
 
.blog-details h5 {
  color: var(--lightcolor);
}
 
.blog-details .container {
  position: relative;
  z-index: 1;
}
 
 
 
 
 
 
 
 
 
 
 
 
.blog-details-date-subtxt {
  margin-top: 5px;
  margin-bottom: 30px;
  font-size: 16px;
}
 
 
 
.blog-detail2-red {
  background-color: var(--lightcolor);
}
 
 
 
 
 
 
.blog-detail2-red {
  padding:0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  color: #ffffff;
  margin-bottom: 150px;
}

.new-case-page .cases-card .btn{
    padding: 8px;
    border-radius: 4px;
    color: #cf110d;
    border: 1px solid #cf110d;
    background: transparent;
    width: 88% !important;
    margin: auto;
    bottom: 22px;
    right: 0 !important;
    left: 0 !important;
    position: absolute;
}
.new-case-page .cases-card .btn:hover{
    background: #cf110d;
    color: #fff;
}


.blog-detail2-red figure{
  height: auto;
}
.blog-detail2-red figure img{
  object-fit: cover;
  width: 100%;
  height: 100%;
}
 
.blog-detail2-cardleft {
  padding: 15px;
  text-align: center;
  background-color: #f4f4f4;
 
  & h5 {
    font-size: 17px;
    font-weight: 700;
 
    color: #555;
    margin-bottom: 10px;
  }
 
  ul {
    text-align: left;
    font-size: 15px;
  }
 
 
}
 
.table-of-contents {
  & p {
    font-size: 16px;
    font-weight: 400;
    color: var(--text-gray);
    margin-bottom: 20px;
  }
}
 
 
 
.blog-content-2 {
  margin-block: 40px;
 
  & h2 {
    font-weight: 600;
    font-size: 28px;
    line-height: 1.2;
  }
 
  & p {
    margin-top: 20px;
    font-size: 18px;
    color: var(--text-gray);
  }
}
 
.bd2-margin {
  margin-top: 60px;
}
 
.bdhead2-margin {
  margin-bottom: 55px !important;
}

.lifes-ltes-apge .lifeat-zts-hero{
   padding-bottom: 70px;
}
.new-next01{
      min-height: 332px !important;
}
.lifes-ltes-apge .lifeat-zts-hero h2{
  margin-top: 25px;
}

.key-deliverables-section h2{
  color: #030303;
}
.key-deliverables-section figure{
  width: 93%;
}

.book-acall-page{

}
.book-acall-page .bc-texts-l{
  width: 90%;
}
.book-acall-page .bc-texts-l ul{
  margin-left: 25px;
}
.book-acall-page .bc-texts-l h2{
  color: #030303;
  font-weight: 600;

  margin: auto;
}


/* 20/08/25 */
 
/* ********** blog details page 2 ************** */
.cs-details2-hero {
  padding: 116px;
  background-image: url("../images/NodeJs-1.webp") !important;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  color: #ffffff;
  margin-bottom: 40px;
 
  & h2 {
    margin-top: 20px;
    font-size: 45px;
    font-weight: 500
  }
 
  & p {
    font-weight: 300;
    position: relative;
    z-index: 1;
    font-size: 18px;
  }
 
  & button {
    position: relative;
    z-index: 1;
    background-color: #ffffff;
 
    padding: 15px 45px !important;
    font-size: 20px;
    color: var(--lightcolor);
    font-weight: 400;
  }
}
 
.cs-details2-hero::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  background-color: #000000ad;
}
 
 
 .from-concepts-page .cs-details2-hero{
   background:url("../images/ZTS-uiux-6.jpg") !important;
 background-size: cover !important;
 background-position: center !important;
 background-repeat: no-repeat !important;
 background-attachment: fixed !important;
 }
.b-details-img {
 
 
  & figure {
    width: 270px;
    height: 186px;
 
    & img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  }
 
}
 
 
.casdetails2-right {
  margin-bottom: 30px;
  padding: 16px;
  margin: auto;
  border: 1px solid #efefef;
}
 
 
 
.tags-right {
  margin-top: 20px;
  & h5 {
    font-size: 20px;
    margin-bottom: 20px;
    border-bottom: 2px solid #cf130e;
    padding-bottom: 10px;
  }
 
  & ul {
    & li {
      border-radius: 6px;
      font-size: 16px;
      padding: 8px;
      background-color: #eee;
      margin-block: 10px;
 
      & i {
        margin-right: 1px;
        color: var(--lightcolor);
      }
    }
  }
}
 
 
.Downloaddiv {
  margin-block: 20px;
  text-align: center;
 
  & button {
    width: 100%;
    background-color: var(--lightcolor) !important;
    color: #ffffff;
    border: none;
    padding: 10px 20px;
    font-size: 18px;
    border-radius: 4px;
  }
}
 
.dis01 {
  padding: 15px;
  border-radius: 6px;
  margin-top: 10px;
  background-color: var(--lightcolor);
  color: #ffffff;
 
  & h4 {
    font-size: 20px;
    margin-bottom: 10px;
  }
 
  & p {
    font-size: 16px;
    color: lightgray;
    margin-bottom: 10px;
  }
 
  & button {
    border: 1px solid lightgray;
    background: none;
    color: #ffffff;
    font-size: 16px;
    padding: 8px 26px;
    border-radius: 5px
  }
}
 
 
.ptags{
        border-radius: 6px;
      font-size: 16px;
      padding: 8px;
      background-color: #eee;
      margin-block: 10px;
 
      & i{
        color: var(--lightcolor);
      }
}
 
 
 
.cs-details-box {
  margin-bottom: 30px;
  border: 3px solid #CECACA;
  padding: 20px;
 
  & h3 {
    font-size: 32px;
    margin-bottom: 10px;
  }
 
  & p {
    color: var(--text-darkgray);
    font-size: 16px;
  }
}
 
 
.cs-details2{
  & h3{
    margin-bottom: 25px;
    text-decoration: underline;
 text-decoration-color: var(--lightcolor);
text-underline-offset: 10px;
text-decoration-thickness: 1.5px;
  }
& p {
  margin-bottom: 12px !important;
}
}


/* ********tags page************  */
.tag-page{
  margin-top: 100px;
  margin-bottom: 40px;
  & p {
    font-size: 16px;
    color: var(--text-darkgray);
  }
}
.tag-page figure {
  position: relative;
  height: 500px;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  background: #fff;
}
 
.tag-page figure img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
 
 
.tag-page:hover .hovers-e {
  transform: translateX(0) scaleX(1);
  opacity: 1;
  visibility: visible;
  filter: blur(0);
  position: absolute;
}
 
.tag-page .now-hove {
  position: absolute;
  left: 0;
  transition: all 0.5s;
  visibility: visible;
  position: absolute;
  transform: translateX(0);
}
 
.tag-page:hover .now-hove {
  position: absolute;
  left: 0;
  visibility: hidden;
  transform: translateX(-50%);
}
.tag-page-div img {
  width: 353px;
}
 
 
.tag-page-div {
  border: 1px solid black;
  background-color: #ffffff;
  border: none;
 
}
 
.tag-page-div hr {
  margin-bottom: 8px !important;
}
 
 
 
 
 
.tag-hero{
  font-weight: 500;
  width: 90%;
  margin: auto;
}
 
 
 
 
.tag-page1 .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1270px;
}

.view-textgray {
  color: #8E8E8E;
  font-size: 14px;
  line-height: 1.5;
}
 
 
.viewp-hero-right {
  font-size: 16px;
  color: #555;
  font-weight: 500;
}
 
 
.blog-title01 {
  font-size: 120px !important;
  font-weight: 500;
  color: #030303;
  line-height: 0.9;
}
 
 
 
/* A Project Overview */
 
.projectoverview {
  padding-top: 8px !important;
  font-size: 18px;
 
  & h2 {
    font-size: 36px;
  }
 
  & p {
    color: #555;
    padding-bottom: 30px;
  }
 
  & ul {
    & li {
      padding-bottom: 5px;
    }
  }
}
 
 
.gray-1 {
  color: #aaa;
}
 
 
.gray-2 {
  color: #7c7c7c;
}
 
.gray-3 {
  color: #555;
}
 
.gray-4 {
  color: #121212;
}
 
.textgpart {
  padding-block: 60px;
 
  & figure {
    width: 318px;
 
    & img {
      object-fit: cover;
      width: 100%;
    }
  }
}
 
.visual-pad {
  padding-top: 170px;
}
 
.every-business-pad {
  padding: 0px !important;
  padding-left: 60px !important;
}
 
 
.hope-heros .top-spading-01 {
  padding-top: 62px !important;
  padding-bottom: 130px !important;
}
 
 
 
.about-hero-btn01 .btn-mores {
  background: transparent;
  border: solid 1px #555;
}
 
.btnprevnext {
  padding-block: 150px;
}
 
.btnprev {
  position: relative;
  left: 218px;
}
 
.btnnext {
  position: relative;
  right: 218px;
}

.sm-015-logs img{
  width: 38% !important;
  margin: auto;
}

.contacts-text110 p{
   font-size: 18px !important;
}
.contacts-text110 p a{
  text-decoration: underline;
  font-size: 18px !important;
}


.cm-pi-contact .modal-header{
   border: none !important;
   padding: 0;
}
.cm-pi-contact .modal-content{
  background: rgba( 255, 251, 239, 1.00 );
  border: 20px outset #dd3333;
  box-shadow: 1px 1px 3px 0px rgba(2, 2, 2, 0.97) inset;
  padding: 10px;
}

.next-pages-fetches .wb-hero::before {
      z-index: 1;
}
.next-pages-fetches .wb-hero .container {
       position: relative;
      z-index: 2;
}
.cm-pi-contact .form-label{
   display: none;
}
.cm-pi-contact .form-control{
  border-radius: 0;
      padding: 14px !important;
    margin-bottom: 10px !important;
    border: 1px solid #666 !important;
}
.cm-pi-contact form{
  margin-top: 20px;
}
.cm-pi-contact .form-select{
  border-radius: 0;
      padding: 14px !important;
    margin-bottom: 10px !important;
    border: 1px solid #666 !important;
}
.cm-pi-contact textarea{
  min-height: 256px;
}
.cm-pi-contact .btn-mores{
  border: solid 1px #c2c2c2;
  background: none;
  margin-left: -15px;
}
.cm-pi-contact .btn-mores i{
  font-weight: 500;

}
.cm-pi-contact .btn-mores{
    padding-top: 18px;
    display: flex;
    align-items: center;
    line-height: 19px;
}
.cm-pi-contact .btn-mores span{
  text-align: center;
}
.cm-pi-contact .btn-close{
    box-shadow: 0px 0px 0px 0px rgba(2, 2, 2, 0.23);
    text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.23);
        background: rgba(0, 0, 0, 0.55);
    position: absolute;
    right: -12px;
    top: -12px;
    width: 1%;
    background-size: 56%;
    padding: 0;
    color: #fff;
    opacity: 1;
    background-image:none !important;
    border-radius: 0;
        width: 20px;
}
.cm-pi-contact .btn-close i{
    font-size: 19px;
    position: relative;
    top: -6px;
}
.cm-pi-contact .btn-mores::before{
  background:#c9f31d !important;
}
.cm-pi-contact h2{
      font-weight: 100;
    font-size: 32px;
    line-height: 36px;
}

.download-bg-red .donload-btn{
  background: #fff;
}
.btn-download01{
  background: #fff;
      margin-bottom: 10px !important;
    border: 1px solid #666 !important;
    padding: 14px !important;
}
.downloads-modals .modal-content{
  border: none !important;
}
.downloads-modals .modal-header{
  padding: 0;
  border: none !important;
}
.downloads-modals .btn-close{
    font-weight: 100;
    font-size: 20px;
    line-height: 20px;
    border: 1px none #ffffff;
    border-radius: 42px;
    box-shadow: 0px 0px 0px 0px rgba(2, 2, 2, 0.23);
    text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.23);
    background-color: rgba(49, 91, 124, 1.00);
    height: 28px;
    width: 28px;
    left: auto;
    right: 8px;
    bottom: auto;
    top: 8px;
    padding: 4px;
    opacity: 1 !important;
    background-size: 30%;
}
.downloads-modals .form-group{
  margin-bottom: 16px !important;
}
.downloads-modals .form-control{
    padding: 14px !important;
    margin-bottom: 10px !important;
    border: 1px solid #666 !important;
}
.downloads-modals .btn-download01{
  background: #f0f0f0;
  border: 1px solid #666 !important;
  width: 100%;
}
.downloads-modals .modal-body{
  padding: 30px;
}

/* 25-08-25025 */


.blog-special-page a.blogcard-readmore {
  color: #5F5F5F;
  font-size: 16px;
  font-weight: 500;
  margin-top: 20px;
  display: flex;
  align-items: center;
}

.crm01-netiv-page .ceo-sections::before{
      right: -59px;

}
.andoid-page-main .feedbacks-sections .subprats{  font-weight: 400; color: #575757; font-size: 18px; }

.crm01-netiv-page .tabs-new-bg0156 .btn-mores{
  padding-top: 78px;
  padding-left: 17px;

}
.crm01-netiv-page .tabs-new-bg0156 .comon-serv-tabs015 ul {
    margin-top: 42px;
    padding-left: 0 !important;
}
.downloads-modals i{
  color: #fff;
}
.case-studey-page-details .solutionsoffered-card{
  min-height: 193px;
}
.case-studey-page-details .key-deliverables-section{

}
.chemical-ircna .casedetail-rbadge figure img{
  object-fit: cover;
            width: auto;
            height: 100%;
            text-align: center;
            display: block;
            margin: auto;
}
.dominionroadpharmacy-pages01 .casedetail-rbadge{
    overflow: hidden;
    background: #11467f;
}

.new-case-page .logo-border01{
  position: relative;
  top:30px;
}
.airport-pages-div .casedetail-rbadge figure img,
.prot-tech-pages  .casedetail-rbadge figure img,
.hope-amcs-pages .casedetail-rbadge figure img,
.taxser-div-pages .casedetail-rbadge figure img{
   width: auto;
   text-align: center;
   display: block;
   margin: auto;
}
.prot-tech-pages .casedetail-rbadge,
.taxser-div-pages .casedetail-rbadge{
   overflow: hidden;
    background: #000;
}
.hope-amcs-pages{

}

.case-studey-page-details .client-section-soulitons .contacts-btn:hover::before{
  background: #000;
}
.case-studey-page-details .client-section-soulitons .contacts-btn:hover span{
  color: #fff !important;
  position: relative;
  z-index: 2;
}

.about-us-pages015 .btn-mores{
    justify-content: center;
    display: flex;
    margin: auto;
    align-items: center;
    padding-top: 0 !important;
}

.home-pages01 .tabs-new-bg0156 .btn-mores{
    display: flex;
    align-items: center;
    padding-top: 0;
}

.woo-pad{
  padding: 160px 0 80px 0;
}

.about-us-pages015 .btn-mores:hover:before{
  background: #c9f31d !important;
}
.about-us-pages015 .btn-mores:hover i{
  color: #000;
}
.about-us-pages015 .last-abouts p{
  font-family: "Roboto", sans-serif;
  color: #131313 !important;
  line-height: 1.77;
  font-size: 18px;
}
.new-spacet{
   margin-bottom: 150px;
}
.lifes-ltes-apge  .lifecard-4{
    position: relative;
    display: inline-block;
    width: 100%;
    height: 430px;
    overflow: hidden;
}

.lifes-ltes-apge .open-office015 > div:last-child .lifecard-4 figcaption{
  position: absolute;
  right: 0;
      top: inherit;
    bottom: 30px;
    border-radius: 14px 0 0 14px;
}
.lifes-ltes-apge .open-office015 > div:last-child .lifecard-4 figcaption::before{
   border-radius: 14px 0 0 14px;
    width: 102%;

}


.home-pages01 .seco-parts figure {
    width: 94%;
}
.zts-numbers.border1 > div:nth-child(3){
  border-right: none;
}
.zts-numbers.border1 > div:nth-child(6){
  border-right: none;
  border-bottom: none;
}

.zts-numbers.border1 > div:nth-child(4){
  border-bottom: none;
}
.zts-numbers.border1 > div:nth-child(5){
 border-bottom: none;
}
.home-pages01 .comon-list015 h2{ margin-bottom: 10px;}
.home-pages01 .feedbacks-sections p.subprats{
      color: #575757;
      font-weight: 400;
}

.leavecomment .contacts-btn{
  background: none !important;
}
.leavecomment .contacts-btn span{
  color: #000 !important;
}
.leavecomment .contacts-btn:hover::before{
  background: #c9f31d !important;
}
.leavecomment .contacts-btn:hover{
   border: solid  #c9f31d !important;
}
.books-a-calls-div > h2{
  font-size: 45px;
  font-weight: 600;
  color: #000;

}

.full-formsd-div .fog-groups {
      justify-content: flex-end;
}
.full-formsd-div .fog-groups .btn-mores{
  display: flex;
  align-items: center;
  padding-top: 0;
  justify-content: center;
  background: #fff;
  border: solid 1px #54595F;
  color: #54595F;
  width: 120px;
  height: 120px;
  margin-left: 10px !important;
}
.full-formsd-div .btn-mores{
  display: flex;
  align-items: center;
  padding-top: 0;
  justify-content: center;
  background: #fff;
  border: solid 1px #54595F;
  color: #54595F;
  width: 120px;
  height: 120px;
  margin-left: 10px !important;
}
.full-formsd-div .subit-07{
    border-radius: 30px;
    display: table;
    padding: 7px 35px;
    margin-top: 20px;
    border: 1px solid #555;
    font-size: 18px;
    margin: auto;
    margin-top: 10px;
}
.full-formsd-div  .form-label{
   margin-bottom: 0;
   font-weight: 400;
   font-size: 18px;
   color: #000;
   width: 30%;
}
.full-formsd-div  .form-control{
    border: 1px solid #f0f0f0;
    padding: 15px;
    border-radius: 0;
}
.full-formsd-div .forms-fulls015 form > div{
  width: 90%;
  margin: auto;
  margin-bottom: 20px;
}
.last-btnh{
  margin-left:  auto !important;
}
.forms-fulls015{
  margin-top: 25px;
}
.full-formsd-div .modal-header{
  border-bottom: none !important;
}
.full-formsd-div .btn-close{
  background: none !important;
}
.full-formsd-div h2{
          font-size: 50px;
          color: #121212;
}







.main-blogs-details .blog-content-1{

}
.main-blogs-details .blog-content-1 .col-lg-8 p{
  width: 90%;
}
 
.cookie-policy-pages-banner{

}
.pricoy-pages .company-page-hero {
    padding: 160px 0px 160px 0px;
}
.sidebar {
    position: fixed;
    bottom: 0;
    right: -350px;  /* hidden initially */
    width: 350px;
    height: 500px;
    background: #fff;
    box-shadow: -3px 0 6px rgba(0,0,0,0.2);
    transition: right 0.4s ease;
    z-index: 2000;
}
.cookie-policy-pages-banner{
  background-image: url(../images/shutterstock_2280429709.webp);
}
.pricoy-pages .breadcrumb-item+.breadcrumb-item::before{
  content: "";
}
.pricoy-pages .breadcrumb-item span{
  margin-left: 10px;
}
/* Active (open state) */
.sidebar.active {
    right: 0;
}

/* Sticky Button attached to sidebar */
.sticky-btn {
    position: absolute;
    left: -46px;
    top: 0;
    background: #bf1211;
    color: white;
    padding: 12px 8px;
    writing-mode: vertical-rl;
    text-align: center;
    cursor: pointer;
    font-weight: 400;
    font-size: 18px;
    border-radius: 0 !important;
    -webkit-transform: rotate(-540deg);
    transform: rotate(-540deg);
    height: 173px;
    width: 46px;
}

/* Sidebar Content */
.sidebar-content {
    padding: 40px;
    height: 100%;
    overflow-y: auto;
}
.sidebar-content h2{
  font-size: 40px;
  font-family: "Be Vietnam Pro", sans-serif;
  font-weight: 500;
  color: #000;
  margin-bottom: 25px;
}
.sidebar-content .form-control{
    height: 36px;
    padding: 5px;
    margin-bottom: 10px;
    box-sizing: border-box;
    border: 1px solid rgba(0, 0, 0, .5);
    outline: none;
    border-radius: 0;
    font-size: 15px;
    text-indent: 10px;
}
.sidebar-content label{
  display: none;
}
.sidebar-content textarea{
  height: 83px !important;
  resize: none;
}
.sidebar-content .form-select{
  border: 1px solid rgba(0, 0, 0, .5);
  border-radius: 0;
  margin-bottom: 15px;
}
.sidebar-content .btn-mores-subit{
    background: #00bcd4;
    font-size: 18px;
    color: #fff;
    border-radius: 0;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
}
.companypages018  .need-consultation .container > div.row,
.lifes-ltes-apge .need-consultation .container > div.row{
  width: 100%;
  margin: 0 !important;
}
.companypages018  .need-consultation form > div.row{
    width: 100%;
  margin: 0 !important;
      margin-left: -10px !important;
}
.next-pages-fetches .tailored-web{
  overflow: hidden;
}

.prvacy-sections{
   padding: 30px 0;
}
.pricoy-pages .breadcrumb-item{
     margin-right: 10px;
    font-size: 16px;
    font-weight: 600;
    margin-top: 25px;
}
.prvacy-sections h3{
  color: #030303;
  font-weight: 600;
  font-size: 2rem;
  margin: 15px 0;
}
.prvacy-sections h4{
  color: #030303;
  font-weight: 600;
  font-size: 1.5rem;
  margin: 15px 0;
}
.prvacy-sections ul{
    font-size: 16px;
  color: #7a7a7a;
  margin: 10px 0;
}

.prvacy-sections p{
  font-size: 16px;
  color: #7a7a7a;
}


.br-btn{
  padding: 12px 20px;
  border: 2px solid #ffff;
  border-radius: 6px;
  color: #fff;
  font-size: 16px;

}
.br-btn:hover{
  background: #fff;
  color: #be1310 !important;
}
.new-company-pages .cases-card{
    min-height: 442px;
}
.new-company-pages .cases-card p{
  margin-bottom: 0;
}
.new-company-pages .cases-card a p{
  margin-bottom: 0 !important;
  color: #121212;

}
.company-today-page .main-body{
  padding-top: 0 !important;
}



@media (min-width: 576px) {
    .cm-pi-contact .modal-dialog {
        max-width: 600px;
        margin: 1.75rem auto;
        
    }
}
@media(max-width:1367px){
  .pricins{
    font-size: 22px;
  }
}
@media(max-width:1182px){
.navbar-light .navbar-nav .nav-link,
.free-btn015,
.book-btn015{
  font-size: 12px;
}
.navbar-light .navbar-nav .nav-link{
  padding: 7px 3px;
}
.banner-part .items-sliders{
    padding: 100px 30px 100px 30px;
}

.dropdown-menu2{
  min-width: auto !important;
}
.navbar-expand-lg .navbar-collapse{
  margin-left: 34px;
}
.strat-togethers h2 {
    font-size: 40px;
}
.how-its-works .mian-texts,
.whys-wehires01 h2{
   font-size: 40px;
}
.featiures-sections h2{
  font-size: 70px;
}

.blogs01-div .insightscard-text {
    font-size: 21px;
}
.right-tabsls-div h2{
  font-size: 30px;
}
.right-tabsls-div h2 .d-block{
  display: inline-block !important;
}
}

@media(max-width:925px){
  .tops-bars-main .left-head-tops{
    width: 100%;
  }
  .awards-list{
      width: 100%;
    justify-content: space-between;
}
.cast-pages-new .blog-title01{
    font-size: 70px !important;
}
.cast-pages-new .contact-hero{
  padding: 0 20px;
}
.blog-title01{
    font-size: 70px !important;
}
.cast-pages-new .projectoverview{
  padding: 0 20px;
}
.cast-pages-new .textgpart {
    padding-block: 60px;
    display: block !important;
}
.cast-pages-new .textgpart {
    & figure {
        width: 100%;
    }
}
.cast-pages-new .textgpart .d-flex{
    width: 100%;
    justify-content: space-between;
}
.cast-pages-new .btnnext{
     right: 0;
}
.cast-pages-new .btnprev{
  left: 0;
}
.cast-pages-new .btn-mores{
        width: 120px;
        height: 120px;
        align-items: center;
        display: flex;
        padding-top: 0;
        justify-content: center;
        padding-left: 0;
        margin-left: 0;
        padding-right: 0;
}
.cast-pages-new  .hope-heros .top-spading-01 {
    padding-top: 62px !important;
    padding-bottom: 0 !important;
}
.cast-pages-new .every-business-pad{
    padding-left: 0 !important;
}
.cast-pages-new  .visual-pad{
  padding-top: 0 !important;
}
.cast-pages-new .btnprevnext{
  padding: 30px;
}
.cast-pages-new .projectoverview h2{
  margin-bottom: 15px;
}
.worksde-page .topdev-text {
    width: 87%;
    padding-left: 15px !important;
}
.about-hero h1{
      font-size: 40px;
}
.numberab{
    width: 30px;
    height: 30px;
    margin-top: 11px;
}
.case-ts-page  .cs-details2-hero{
  padding: 30px;
}
.numberab::before {
          width: 40px;
        height: 40px;
}
.hope-amc-page  .every-business-pad{
  padding-left: 0 !important;
}
.cs-details2-hero {
    & h2 {
        margin-top: 20px;
        font-size: 43px;
        font-weight: 500;
    }
}
.colbgl4{
         background-size: cover;
        background-position: 18%;
}
.clu-texts img{
      transform: scale(1);
    margin-top: 120px;
    margin-left: 0;
}
.about-hero .middle-para{
      width: 100%;
      margin-top: 20px;
}
.colbgl3{
      height: 350px;
}
  .no-hegihts{
    height: auto !important;
  }
  .blogs-details-apge .next-banner h1{
    font-size: 30px;
  }
  .features-works{
    padding: 40px 0;
  }
  .next-pages-fetches .fintetch-contact{
    overflow: hidden;
  }
  .right-socials-links{ 
    justify-content: center;
    margin-top: 19px;
    margin-bottom: 3px;
  }
  .right-menus{
     width: 100%;
     margin-top: 14px;
     margin-bottom: 8px;
  }
  .inside-navbs{
    display: flex;
    width: 97%;
    flex-wrap: wrap;
    justify-content: center;
    padding-left: 6px;
  }
  .track-records-left{
            display: block;
  }
  table.comparison-table {
    width: 100%;
    display: block;
    overflow: auto;
  }
  .companypages018 .row{
    width: 100%;
  }
  .track-records-left > div{
    width: 100%;
    text-align: center;
  }
  .inside-navbs .navbar-toggler{
     margin-left: auto;
  }
  .free-btn015,
   .book-btn015{ font-size: 14px;}
   .tops-bars-main ul.emil-text li {
    font-size: 15px !important;
   }

   .ceo-sections .right-section{
    padding-right: 15px !important;
   }
   .news-heros h2{ font-size: 35px;}
   .blog-card figure{
     height: auto;
   }
   .news-heros .row {
    width: 99%;
    margin: auto;
   }
   .contact-use-page h2{
     font-size: 35px;
     margin-bottom: 15px;
   }
   .form-label-usd{ 
      margin-top: 10px;
      top:0;
   }
   .c-form-l,
   .contact-fInfo,
   .fintetch-contact .col-lg-6 a {
     margin-left: 10px;
   }
   .careers-page015 .tops-scetions015 h2{
    font-size: 35px;
   }
   .fintechs-parts015 .col-lg-9,
   .fintechs-parts015 .col-lg-3{
    width: 100%;
   }
   .fintechs-parts015 .col-lg-3{
    margin-top: 25px;
   }

   .next-pages-fetches .fintechs-parts015 .next-banner h1{
      font-size: 35px;
      width: 100%;
      line-height: 1;
   }
   .next-pages-fetches .fintechs-parts015 .next-banner p{
     font-size: 15px;
     line-height: 1;
   }
   .solutionsoffered .solutionsoffered-card {
      width: 100% !important;
    }
    .dominionroadpharmacy-pages01 .casedetail-red{
        overflow: hidden;
    }
   .next-pages-fetches .comon-rounds01 h2 {
       font-size: 25px;
   }
   .next-pages-fetches .comon-rounds01 p{
       font-size: 15px;
       line-height: 1;
   }
   .next-pages-fetches .woocomer-banner{
      padding: 20px 0px 20px 0px;
   }
   .next-pages-fetches .tailored-web h2{ font-size: 30px; line-height: 1; }
   .next-pages-fetches .colbgr-1 h3{ font-size: 25px; line-height: 1; }
   .next-pages-fetches .colbgr-1{ padding: 25px !important;}

   .ufi-card figure {
    width: 100%;
    height: 126px;
    overflow: hidden;
    margin-bottom: 0;
}
.fitecht-div .nav-pills .nav-link{
  width: 50%;
}
.lifeat-zts-hero-01{
  padding: 20px;
}
.case-studey-page-details .lifeat-zts-hero-01 h2{
          font-size: 45px;
}
.ufi-text{ font-weight: 500; font-size: 17px; }
.new-colos h3{ font-size: 25px;}
.i-wb-title, .fintechs-apge015-news .exploring-Customized-section h2{ font-size: 30px; line-height: 1; }
.laest015s h2{ font-size: 35px; margin-bottom: 15px;}
.c-form-l{ font-size: 18px;}
.Offering-section h2, .discover-card-bgimg h3{  font-size: 30px;}
.flip-card{ margin-bottom: 20px;  width: 100%;}
.flip-card-front p{ font-size: 18px; }
.subscribe-sections{ display: inline-block;}

.crm01-netiv-page{
     width: 100%;
}
.crm01-netiv-page .next-banner h1 { font-size: 35px; line-height: 1; }
.crm01-netiv-page .next-banner .breadcrumb-item{
   font-size: 15px;
}
.next-banner p{
   font-size: 15px;
   line-height: 1;
}
.comon-rounds01 h2{ font-size: 25px;}
.comon-rounds01 p{ line-height: 1; font-size: 16px; }
.new-case-page .lifeat-zts-hero-01{
       padding: 20px;
}
.case-studen-pages150 .i-wb-title {
    font-size: 42px;
    margin-bottom: 15px;
}
.cstudies-detail-img{
      min-height: 130px;
}
    .casedetail-red h2 {
        font-size: 30px;
        margin-bottom: 25px;
    }
.textgpart01{
    display: inline-block !important;
    width: 100%;
}
.project-overview-section{
    padding: 60px 0 20px 0;
}
.top-spost04 .float-end {
  float: none !important;
}
.zts-numbers .col-6 {
    flex: 0 0 auto;
    width: 100%;
}
.itesms0-logs figure {
    background: var(--whitecolor);
    padding: 5px 10px;
    height: 80px;
}
.itesms-div-indus{
  border-right: none !important;
}
.zts-numbers .number-item{
  border: 1px solid #fff !important;
}
.ceo-sections .zts-section h2{
    font-size: 60px;
    font-weight: 600;
}
.ceo-sections .right-section h3{
  font-size: 30px;
}
.ceo-sections .logo-border01 figure{
  height: auto;
  width: 76%;
  margin: auto !important;
  justify-content: center;

}
footer .comon-list015 .row > div.col{
  padding-left: 10px !important;
}
.features-works .container{
  padding-left: 15px;
  padding-right: 15px;
}
.features-works .container h2{
  font-size: 120px !important;
}
.boostr-div01 h2,
.textpowerse h2,
.textpowerse h2 span{
  padding-bottom: 0;
  font-weight: 500;
  margin-bottom: 0;
  font-size: 50px;
}
.comon-uleasings{
  min-height: inherit;
}
.comon-uleasings figure{
    height: 360px;
}
.price__item .best-value{
      font-size: 10px;
}
.client-section h2{
  font-size: 50px !important;
}
.blogs01-div figure{
  height: 440px;
}
.blogs01-div .insights-card {
  position: relative;
  top:0;
}
.need-consultation .txtc{
  background: #fff !important;
  padding: 25px;
  margin-top: 25px;
}
.need-consultation{
  padding-bottom: 0;
}
.bgi-pric,
.pricins{
  font-size: 27px;
}
.comonas .cocls i {
    top: 5px;
    font-size: 34px;
}
.client-section-soulitons h2{
  font-size: 32px;
}
 .crm01-netiv-page .rquest-parges {
     margin-top: 25px;
  }
  .crm01-netiv-page .comon-sub-parts{
     padding: 20px 0 51px 0 !important;
  }
  .crm01-netiv-page .awards-list{
    justify-content: space-between;
  }
  .clicnets-slider{
    
  }
  .crm01-netiv-page .tabs-new-bg0156 .container > div.d-flex{
    display: block !important;
    align-items: center;
  }
  .crm01-netiv-page .middles-sectionsj > div.d-flex{
    display: block !important;
    align-items: center;
  }
  .middles-sectionsj .nav-link {
    padding: 17px 25px;
    width: 100%;
  }
  .how-its-works01 .comon-slist01{
    margin-bottom: 20px;
  }
  .strat-togethers h2{
        white-space: normal !important;
  }
  .crm01-netiv-page .itesms0-logs figure{
    height: auto;
  }
  .crm01-netiv-page .crm01-netiv-page .strat-togethers{
    overflow: hidden;
  }
  .crm01-netiv-page .whys-wehires01 h2{
    margin-top: 25px;
  }
  .crm01-netiv-page .certifiacte-div015{
    border: none !important;
  }
  .crm01-netiv-page .certifiacte-div015 p{
    width: 100%;
  }
  .crm01-netiv-page .how-woocomerces{
    padding: 30px 0;
  }
  .crm01-netiv-page .fintetch-contact{
    overflow: hidden;
  }
  .next-pages-fetches .comon-sub-parts{
    padding: 25px 0 !important;
  }
  .next-pages-fetches .colbgl1,
  .next-pages-fetches .colbgl2,
  .next-pages-fetches .colbgl4{
    height: 400px;
  }
  .next-pages-fetches .new-colos{
    margin-top: 25px;
  }
  .next-pages-fetches .our-blog .backcard{
    top:0;
  }
  .companypages018 .company-page-hero {
    padding: 20px;
  }
  .companypages018 .i-wb-title{
    width: 100%;
    font-size: 45px;
    line-height: 49px;
  }
  .bl-none{
    border-right: 1px solid #FFFFFFC7 !important;
  }
  .bb-none{
    border-right: 1px solid #FFFFFFC7 !important;
  }
  .new-company-pages .logo-border01 figure{
      height: auto !important;
  }
  .new-company-pages .nav-tabs{
    display: block !important;
  }
  .new-company-pages .nav-tabs .nav-item.nav-cus .nav-link{
    width: 100%;
  }
  .new-company-pages .flip-card-cp{
    width: 100%;
    margin-bottom: 25px;
  }
  .companypages018.new-company-pages .row{
    width: 100%;
  }
  .new-company-pages .dedication-page-hero{
    padding: 20px;
  }
  .new-company-pages .revise-div015 figure{
     text-align: center;
     display: block;
  }
  .new-company-pages .faq-sections-div0152 h2{
    margin-bottom: 20px;
  }
  .lifes-ltes-apge .lifeat-zts-hero{
    padding: 20px;
  }
  .lifes-ltes-apge .lifeat-zts-hero h2{
    font-size: 35px;
  }
  .lifes-ltes-apge .card-open{
    height: 260px;
  }
  .lifes-ltes-apge .revise-div015 figure{
    text-align: center;
  }
  .boardings-pages .boarding-process-hero{
       padding: 20px;
  }
  .boardings-pages .i-wb-title{
      font-size: 37px;
  }
  .boarding-top-augmentation h2{
            font-size: 41px;
        font-weight: 500;
        margin-bottom: 20px;
  }
  .boardings-pages .key-reasons-card{
    display: block !important;
  }
  .boardings-pages .key-reasons-card i{
    margin-bottom: 15px;
  }
  .boardings-pages .billing-made-simple-hero-card{
     padding: 0 !important;
     border: none !important;
  }
  .icon-card{
    top:0;
  }
  .billing-made-simple-hero-card-div h2{
    width: 100%;

  }
  .billing-made-simple-hero {
    & .billing-made-simple-hero-card {
        & .billing-made-simple-hero-card-div {
            & h2 {
                font-size: 24px !important;
                font-weight: 600;
                margin-bottom: 35px;
                margin-left: 30px;
                text-align: left;
                width: 77%;
                margin-left: auto;
                margin-top: 0;
            }
        }
    }
}
  .middles-sectionsj  > div.d-flex{
    display: block !important;
  }
  .stronger-ip-section-card,
  .lifeat-zts-hero-02,
  .worksde-page .lifeat-zts-hero-01,
  .worksde-page .testimonial-section,
  .awards-and-recognition-hero{
    padding: 20px;
  }
  .worksde-page .lifeat-zts-hero-01 h2{
    font-size: 40px;
  }
  .worksde-page .numbering{
    left: 0;
  }
  .col-num::after{
    left: 20px !important;
    display: none;
  }
  .zig-zag-section {
    & > div:nth-child(2) {
        & .numbering {
            flex-direction: row;
            left: 0;
        }
    }
  }
  .zig-zag-section {
    & > div:nth-child(4) {
        & .numbering {
            flex-direction: row;
            left: 0;
        }
    }
  }




.new-company-pages .ceo-sections::before, .awadsrd-pages .ceo-sections::before {
    right: -19px;
    display: none;
}
.flip-card-cp-v {
    background-color: transparent;
    width: 100%;
    height: 298px;
    margin-bottom: 25px;
}
.csr-progamesd-pages .csr-programs-banes h2{
      font-size: 54px;
}
.features-div015 .comons-counts{
  border: none;
}
.comon-slist01 .btn-mores01{
      padding: 15px !important;
      font-size: 14px !important;
      width: 80%;
}
.csr-programs-banes h3{
  margin-bottom: 25px;
  font-size: 20px;
  
}
.comonus-st015 h3 span, .comonus-st015 h3 {
      font-size: 32px !important;
}
.comonus-st015{
  margin-bottom: 26px;
}
.csr-progamesd-pages .events-rows .row {
    margin: 23px 0 !important;
}
.evnts0-tesr01{
  margin-top: 20px;
}
.awards-and-recognition-hero{
  padding: 20px 0 !important;
}
.main-career-us .list-invota .d-flex{
  display: inline-block !important;
  justify-content: space-between;
  margin: auto !important;
  width: 100% !important;
}
.main-career-us .list-invota .d-flex li{
  margin-bottom: 20px;
  
}
.parallax-section{
      background-attachment: inherit;
}
.hires-div a{
  display: inline-block !important;
}
.hires-div h2{
  width: 100% !important;
  flex-wrap: wrap !important;
}
.hires-div h2 span{
  margin-top: 15px !important;
}
.hires-div .not-list01{
  border-bottom: solid 1px #fff !important;
}
.whylist180{
  justify-content: center;
}
.jointes-div015{
  padding: 20px !important;

}
.jointes-div015 h2{
  margin-top: 30px !important;
}
.main-blogs-details .blog-details-head {
  font-size: 42px !important;
}
.main-blogs-details .blog-detail2-red{
  margin-bottom: 20px;
}
.blog-detail2-cardleft{
  margin-bottom: 20px;
}
.blog-content-banner {
    padding-bottom: 45px;
}
.main-blogs-details .faq-sections-div0152 .container > h2,
.main-blogs-details .blog-details-latest-blog h2 {
    font-size: 45px;
    margin-bottom: 33px;
}
.t107 figure{
  margin-left: 0 !important;
  height: auto;
}
    .news-heros .row {
        width: 99%;
        margin: auto;
        padding-bottom: 0;
        margin-bottom: 0 !important;
    }

    .billing-made-simple-hero-card .bottom-b,
    .billing-made-simple-hero-card .right-b{
      border: none !important;
    }

    footer .subscribe-sections .Subscribe-btn{
        margin-top: 0 !important;
    }
    footer .subscribe-sections h4{
      margin-bottom: 24px;
    }
    footer .subscribe-sections form{
      margin-bottom: 20px;
    }
    footer .comon-address h4{
       font-size: 20px;
    }
    .comon-address p, .comon-address li a {
    color: #DFDFDF;
    font-weight: 400;
    font-size: 14px;
    }

.consultation-img {
    width: 151px;
}
.crm01-netiv-page .ceo-sections::before{
      display: none !important;

}    

}

@media(max-width:769px){
  .banner-part{
    height: auto;
  }
  .items-sliders{
    padding: 30px 0;
  }
  .bg-ban3{
    min-height: inherit !important;
  }
  .h-card{
        min-height: auto;
    display: inline-block;
    margin-top: 75px;
  }
  .bgi-pric, .pricins {
        font-size: 16px;
    }
  .comonas h5{
    font-size: 25px;
    line-height: 1;
    
    
  }
  .pricins{
    right: 13px;
    position: relative;
  }

  footer .subscribe-sections .Subscribe-btn{
        margin-top: 0 !important;
    }
    footer .subscribe-sections h4{
      margin-bottom: 24px;
    }
    footer .subscribe-sections form{
      margin-bottom: 20px;
    }
    footer .comon-address h4{
       font-size: 20px;
    }
    .comon-address p, .comon-address li a {
    color: #DFDFDF;
    font-weight: 400;
    font-size: 14px;
    }

}



/* responssive */

@media(max-width:668px){

  .banner-part .bg-ban1{
    padding-top: 18px;
  }
  .banner-part .bg-ban1 h2{
     font-size: 30px;
     line-height: 1;
     margin-bottom: 35px;
  }
  .banner-part .bg-ban1 h2 span{
     font-size: 35px;

  }
  .comon-slist01 .btn-mores01{
      padding: 15px 16px !important;
      font-size: 14px !important;
}
  .banner-part .bg-ban1 ul li{
    font-size: 14px;
    font-weight: 500;
    line-height: 30px;
  }
  .banner-part .btn-about{
      padding: 16px 15px;
      font-size: 15px;
  }

  .banner-part .bg-ban2 h3{
     font-size: 20px;
     line-height: 1;
     margin-bottom: 0;
  }
  .banner-part .bg-ban2 h2, 
  .banner-part .bg-ban2 h2 span {
    font-size: 30px;

  }
  .banner-part .bg-ban2 h2{
     line-height: 1;
  }
  .banner-part .bg-ban2{
     padding-top: 39px;
     padding-bottom: 39px;
     min-height: 785px;
  }

  .banner-part .bg-ban3{
     padding-top: 39px;
     padding-bottom: 39px;
     min-height: 785px;
  }
  .bg-ban3 h4{
    font-size: 20px;
     line-height: 1;
     margin-bottom: 30px;
  }
  .banner-part .bg-ban3 h2{
    line-height: 1;
  }
  .banner-part .bg-ban3 h2,
   .banner-part .bg-ban3 h2 span{
     font-size: 30px;
  }
  .banner-part .owl-carousel .list-banner-text015{
    padding: 20px;
    margin-top: 10px;
  }
  .banner-part .bg-ban4 h2,
   .banner-part .bg-ban4 h2 span{
     font-size: 30px;
  }
  .banner-part .bg-ban4 h2{ line-height: 1; font-size: 30px;}
  .banner-part .bg-ban4 h4{ font-size: 20px;}
  .banner-part .bg-img-4{ margin-top: 25px ;}

  .banner-part .bg-ban5 h2,
   .banner-part .bg-ban5 h2 span{
     font-size: 30px;
         line-height: 1;
  }
  .bg-ban5 h4{
    font-size: 20px;
  }
  .tops-text-4-last{
    margin-top: 15px;
  }
  .tops-text-4-last li {
    color: #54595f;
    font-size: 14px;
    line-height: 30px;
  }
  .bg-ban5,
  .bg-ban4{
     padding-top: 39px;
     padding-bottom: 39px;
     min-height: 785px;
  }
  .h-card{
    width: 100%;
    margin-bottom: 85px;
  }
  .awards-title {
    font-size: 40px;
  }
  .awards-subtext{
    font-size: 20px;
  }

  .tabs-new-bg0156{
    padding: 40px 0;
  }
  .tabs-new-bg0156 .serb-pic{
    height: auto;
  }
  .comon-serv-tabs015 {
    padding: 20px 0 40px 5px;
  }
  .how-its-works .mian-texts,
  .homes-ads h2{
    font-size: 30px;
  }
  .ads-sections {
    background: #dce4e0;
    padding: 30px 0;
  }
  .seco-parts h2{
    font-size: 47px;
  }
  .office-photos .itesms{
    height: 98px;
  }
  .number-item{
     border:1px solid #fff;
  }
  .zts-section-img {
    width: 112px;
  }

  .logo-border01 figure{
    height: auto;
    padding: 15px 0;
  }
  .logo-border01 img {
    width: 59%;
    margin: auto;
  }
  .left-brd{
     border-right: none;
  }
  .why-choser h2,
  .featiures-sections h2{
    font-size: 60px;
  }
  #section3 p{
    width: 100%;
  }
  .skill-row{
    flex-wrap: wrap;
    justify-content: center;
    margin-left: 0 !important;
  }
  .right-business ul{
    column-count: 1;
  }
  .client-section-soulitons h2,
  .client-section h2,
  .insights-by-zts h2,
  .contact-us h2,
  .growths-us h2,
  .zts-section h2,
  .why-choser4 h2,
  .client-section h2 span,
  .contact-us h2,
  .growths-us h2{
    font-size: 30px;
  }
  .client-section h2 span{
    font-size: 50px;
  }

 
  .slountions-div{
    margin-bottom: 25px !important;
  }
  .blogs01-div .insights-card{
    width: 100%;
  }
  .blogs01-div figure{
    width: 100%;
  }
  .comon-section-new015{
    margin-bottom: 25px;
  }
  .last-footers06{
    text-align: center;
    margin-top: 20px;
  }
  .Subscribe-btn{
    margin-top: 20px;
    width: 100%;
  }
  .comon-address img{
    width: 100%;
  }
  .footer-last-sections p{
    text-align: center;
  }
  .height-au{
  margin-top: 0;
}


}

@media (max-width: 1300px) {
  .right-section{
    padding-bottom: 53px 0 31px 30px ;
  }
  .ceo-sections::before{
  right: -679px;
    top: 0;
    width: 64%;
  }
}

@media (min-width: 1200px) {
    .navbar .container, .navbar .container-lg, .navbar .container-md, .navbar .container-sm, 
     .navbar .container-xl {   max-width: 96%; }

    .services-sections01 .container, .services-sections01 .container-lg, .services-sections01 .container-md, 
    .services-sections01 .container-sm, .services-sections01 .container-xl {   max-width: 1500px; }

    .about-sections  .container, .about-sections  .container-lg, .about-sections  .container-md, 
    .about-sections  .container-sm, .about-sections  .container-xl {    max-width: 1215px; }

    .tabs-new-bg0156 .container, .tabs-new-bg0156 .container-lg, .tabs-new-bg0156 .container-md, 
    .tabs-new-bg0156 .container-sm, .tabs-new-bg0156 .container-xl {   max-width: 1260px; }  

    .our-blog .container, .our-blog .container-lg, .our-blog .container-md, 
    .our-blog .container-sm, .our-blog .container-xl {   max-width: 1300px; }

     .newspage-details .comon-sub-parts .container{
      max-width: 950px;
    }

     .boardings-pages .enterprises-tech-companies  .container{
           max-width: 1400px;
    }

}

@media (min-width: 1600px) {
  
}

@media (min-width: 1400px) {
       .clicnets-slider .container, 
       .clicnets-slider .container-lg, 
       .clicnets-slider .container-md, 
       .clicnets-slider .container-sm, 
       .clicnets-slider .container-xl, 
       .clicnets-slider .container-xxl {
        max-width: 1140px;
    }


       .how-its-works  .container, 
       .how-its-works  .container-lg, 
       .how-its-works  .container-md, 
       .how-its-works  .container-sm, 
       .how-its-works  .container-xl, 
       .how-its-works  .container-xxl {
        max-width: 98%;
    }

       .crm01-netiv-page .how-its-works  .container, 
       .crm01-netiv-page .how-its-works  .container-lg, 
       .crm01-netiv-page .how-its-works  .container-md, 
       .crm01-netiv-page .how-its-works  .container-sm, 
       .crm01-netiv-page .how-its-works  .container-xl, 
       .crm01-netiv-page .how-its-works  .container-xxl {
        max-width: 89%;
    }

       .industrices-its-works  .container, 
       .industrices-its-works  .container-lg, 
       .industrices-its-works  .container-md, 
       .industrices-its-works  .container-sm, 
       .industrices-its-works  .container-xl, 
       .industrices-its-works  .container-xxl {
         max-width: 1140px;
    }

       .clients-images-sections  .container, 
       .clients-images-sections  .container-lg, 
       .clients-images-sections  .container-md, 
       .clients-images-sections  .container-sm, 
       .clients-images-sections  .container-xl, 
       .clients-images-sections  .container-xxl {
         max-width: 1140px;
    }

    .new-company-pages .container{
           padding-bottom: 0;
           max-width: 1270px;
      }
   

    

       .enjoy-robust  .container, 
       .enjoy-robust  .container-lg, 
       .enjoy-robust  .container-md, 
       .enjoy-robust  .container-sm, 
       .enjoy-robust  .container-xl, 
       .enjoy-robust  .container-xxl {
         max-width: 1140px;
    }


       .lifeat-stunning  .container, 
       .lifeat-stunning  .container-lg, 
       .lifeat-stunning  .container-md, 
       .lifeat-stunning  .container-sm, 
       .lifeat-stunning  .container-xl, 
       .lifeat-stunning  .container-xxl {
         max-width: 1280px;
    }

    

       .partneers-div  .container, 
       .partneers-div  .container-lg, 
       .partneers-div  .container-md, 
       .partneers-div  .container-sm, 
       .partneers-div  .container-xl, 
       .partneers-div  .container-xxl {
         max-width: 1100px;
    }


       .feedbacks-sections  .container, 
       .feedbacks-sections  .container-lg, 
       .feedbacks-sections  .container-md, 
       .feedbacks-sections  .container-sm, 
       .feedbacks-sections  .container-xl, 
       .feedbacks-sections  .container-xxl {
         max-width: 100%;
    }

       .boostr-div01  .container, 
       .boostr-div01  .container-lg, 
       .boostr-div01  .container-md, 
       .boostr-div01  .container-sm, 
       .boostr-div01  .container-xl, 
       .boostr-div01  .container-xxl {
         max-width: 1000px;
    }


      .home-pages01 .boostr-div01  .container, 
      .home-pages01 .boostr-div01  .container-lg, 
      .home-pages01 .boostr-div01  .container-md, 
       .home-pages01 .boostr-div01  .container-sm, 
       .home-pages01 .boostr-div01  .container-xl, 
       .home-pages01 .boostr-div01  .container-xxl {
         max-width: 1200px;
    }


    .home-pages01 .seco-parts .container{
       max-width: 1170px;
    }
    .crm01-netiv-page .woocomer-banner .container{
      max-width: 1430px;
    }
    .shopify-special-page.crm01-netiv-page .woocomer-banner{
       padding-top: 110px;
       height: 880px;
    }
    
    .crm01-netiv-page .responsivisep-banner.woocomer-banner{
        min-height: 803px !important;
        padding-top: 120px;
    }
    .crm01-netiv-page .responsivisep-banner .next-banner h1{
      width: 77%;
    }

      .why-zts-section  .container, 
      .why-zts-section  .container-lg, 
      .why-zts-section  .container-md, 
       .why-zts-section  .container-sm, 
       .why-zts-section  .container-xl, 
       .why-zts-section  .container-xxl {
         max-width: 1140px;
    }

    .next-pages-fetches .tailored-web .container{
      max-width: 1300px;
    }

    .new-company-pages .experience-solutions .container{
              max-width: 1300px;
    }
    .spacil-5 .col-lg-7 {
        flex: 0 0 auto;
        width: 63.333333%;
    }
    .spacil-5 .col-lg-5 {
        flex: 0 0 auto;
        width: 36.666667%;
    }

    .team-member   .container, 
      .team-member   .container-lg, 
      .team-member   .container-md, 
       .team-member   .container-sm, 
       .team-member   .container-xl, 
       .team-member   .container-xxl {
         max-width: 1200px;
    }
   
      .client-section-soulitons  .container, 
       .client-section-soulitons  .container-lg, 
       .client-section-soulitons  .container-md, 
       .client-section-soulitons  .container-sm, 
       .client-section-soulitons  .container-xl, 
       .client-section-soulitons  .container-xxl {
         max-width: 100%;
    }

       .feedbacks-sections  .container, 
       .feedbacks-sections  .container-lg, 
       .feedbacks-sections  .container-md, 
       .feedbacks-sections  .container-sm, 
       .feedbacks-sections  .container-xl, 
       .feedbacks-sections  .container-xxl {
         max-width: 1366px !important;
    }

    .boostr-div01 figure {
        height: auto;
    }

    .navbar-light .navbar-nav .nav-link{
        text-transform: capitalize;
        font-size: 1rem;
        font-weight: 600;
        color: #7a7a7a;
        padding: 7px 10px;
    }
    
    .home-pages01 .boostr-div01 figure {
           height: 520px;
           width: 100%;
    }

       .client-section  .container, 
       .client-section  .container-lg, 
       .client-section  .container-md, 
       .client-section  .container-sm, 
       .client-section  .container-xl, 
       .client-section  .container-xxl {
        max-width: 1090px;
    }


     .home-pages01 .how-its-works .container{
      max-width: 1140px;
     }
    
       .main-blogs-details .faq-sections-div0152  .container, 
       .main-blogs-details .faq-sections-div0152  .container-lg, 
       .main-blogs-details .faq-sections-div0152  .container-md, 
       .main-blogs-details .faq-sections-div0152  .container-sm, 
       .main-blogs-details .faq-sections-div0152  .container-xl, 
       .main-blogs-details .faq-sections-div0152  .container-xxl {
        max-width: 1300px;
    }

    .case-studey-page-details main .top-spost02 .container,
    .case-studey-page-details main .project-overview-section .container,
    .case-studey-page-details main  .key-deliverables-section  .container{
        max-width: 1200px;
    }
    .case-studey-page-details main .client-section-soulitons .container{
        max-width: 1300px;
    }
    

    .prvacy-sections .container{
       max-width: 1140px;
    }
       .home-pages01 .insights-by-zts  .container, 
       .home-pages01 .insights-by-zts  .container-lg, 
       .home-pages01 .insights-by-zts  .container-md, 
       .home-pages01 .insights-by-zts  .container-sm, 
       .home-pages01 .insights-by-zts  .container-xl, 
       .home-pages01 .insights-by-zts  .container-xxl {
        max-width: 1300px;
    }

    .home-pages01 .need-consultation  .container{
       max-width: 1270px;
    }
    .woocomer-banner .container, .woocomer-banner .container-lg, 
    .woocomer-banner .container-md, .woocomer-banner .container-sm, 
    .woocomer-banner .container-xl {
        max-width: 98%;
    }


    .contact-us  .container, .contact-us  .container-lg, 
    .contact-us  .container-md, .contact-us  .container-sm, 
    .contact-us  .container-xl {
        max-width: 1200px;
    }


    .blog-content-banner .container, .blog-content-banner  .container-lg, 
    .blog-content-banner  .container-md, .blog-content-banner  .container-sm, 
    .blog-content-banner  .container-xl {
        max-width: 1200px;
    }
    
    
   .uiux-design  .container,   .uiux-design  .container-lg, 
   .uiux-design  .container-md, .uiux-design  .container-sm, 
   .uiux-design  .container-xl {
        max-width: 1280px;
    }
    

     

       .faq-sections-div0152  .container, 
       .faq-sections-div0152  .container-lg, 
       .faq-sections-div0152  .container-md, 
       .faq-sections-div0152  .container-sm, 
       .faq-sections-div0152  .container-xl, 
       .faq-sections-div0152  .container-xxl {
                max-width: 1129px;
    }


    .boardings-pages .enterprises-tech-companies  .container{
           max-width:1271px;
    }

       .how-woocomerces  .container, 
       .how-woocomerces  .container-lg, 
       .how-woocomerces  .container-md, 
       .how-woocomerces  .container-sm, 
       .how-woocomerces  .container-xl, 
       .how-woocomerces  .container-xxl {
                max-width: 1140px;
    }


       .last-abouts  .container, 
       .last-abouts  .container-lg, 
       .last-abouts  .container-md, 
       .last-abouts  .container-sm, 
       .last-abouts  .container-xl, 
       .last-abouts  .container-xxl {
                max-width: 1140px;
    }


       .tailored-web  .container, 
       .tailored-web  .container-lg, 
       .tailored-web  .container-md, 
       .tailored-web  .container-sm, 
       .tailored-web  .container-xl, 
       .tailored-web  .container-xxl {
                max-width: 1140px;
    }


      

       .exploring-Customized-section  .container, 
       .exploring-Customized-section  .container-lg, 
       .exploring-Customized-section  .container-md, 
       .exploring-Customized-section  .container-sm, 
       .exploring-Customized-section  .container-xl, 
       .exploring-Customized-section  .container-xxl {
                max-width: 1200px;
    }


    .new-case-page .ceo-sections .container{
        max-width: 1237px;
    }

      .companypages018 .delivering-digital  .container, 
       .companypages018 .delivering-digital .container-lg, 
       .companypages018 .delivering-digital  .container-md, 
       .companypages018 .delivering-digital  .container-sm, 
       .companypages018 .delivering-digital  .container-xl, 
       .companypages018 .delivering-digital  .container-xxl {
                max-width: 1140px;
    }
       .crm01-netiv-page .feedbacks-sections  .container, 
       .crm01-netiv-page .feedbacks-sections .container-lg, 
       .crm01-netiv-page .feedbacks-sections  .container-md, 
       .crm01-netiv-page .feedbacks-sections  .container-sm, 
       .crm01-netiv-page .feedbacks-sections  .container-xl, 
       .crm01-netiv-page .feedbacks-sections  .container-xxl {
                max-width: 1320px;
    }

    

       .strat-togethers  .container, 
       .strat-togethers .container-lg, 
       .strat-togethers  .container-md, 
       .strat-togethers  .container-sm, 
       .strat-togethers  .container-xl, 
       .strat-togethers .container-xxl {
           max-width: 1174px;
    }

    .fitecht-div .container-fluid{
         max-width: 1420px;
        width: 1420px;
    }
    
    .md-sections-left .container{
      max-width: 1200px !important;
    }

    .discover-section .container, 
    .discover-section .container-lg, 
    .discover-section .container-md, 
    .discover-section .container-sm, 
    .discover-section .container-xl, 
    .discover-section .container-xxl {
        max-width: 1250px;
    }
     


    

       .need-consultation  .container, 
       .need-consultation .container-lg, 
       .need-consultation  .container-md, 
       .need-consultation  .container-sm, 
       .need-consultation  .container-xl, 
       .need-consultation  .container-xxl {
                max-width: 1140px;
    }

     
       .next-pages-fetches  .our-blog .container, 
       .next-pages-fetches .our-blog .container-lg, 
       .next-pages-fetches  .our-blog .container-md, 
       .next-pages-fetches  .our-blog .container-sm, 
       .next-pages-fetches .our-blog .container-xl, 
       .next-pages-fetches .our-blog .container-xxl {
            max-width: 1260px;
    }

    
    
    .need-consultation{ padding: 77px 0;}
    .need-consultation .form-control{ height: 48px;  border-radius: 7px; margin-bottom: 10px; }
     .need-consultation textarea.form-control{ height: 100px;  border-radius: 7px;  }
    .need-consultation .consultation-submit{ margin-top: 20px;}
     


    .about-sections  .container, .about-sections  .container-lg, .about-sections  .container-md, 
    .about-sections  .container-sm, .about-sections  .container-xl {    max-width: 1324px; }

    .tabs-new-bg0156 .container, .tabs-new-bg0156 .container-lg, .tabs-new-bg0156 .container-md, 
    .tabs-new-bg0156 .container-sm, .tabs-new-bg0156 .container-xl {   max-width: 1380px; }  

    .our-blog .container, .our-blog .container-lg, .our-blog .container-md, 
    .our-blog .container-sm, .our-blog .container-xl {   max-width: 1300px; }


       .seco-parts  .container, 
       .seco-parts  .container-lg, 
       .seco-parts  .container-md, 
       .seco-parts  .container-sm, 
       .seco-parts  .container-xl, 
       .seco-parts  .container-xxl {
         max-width: 1140px;
    }

       .ceo-sections  .container, 
       .ceo-sections  .container-lg, 
       .ceo-sections  .container-md, 
       .ceo-sections  .container-sm, 
       .ceo-sections  .container-xl, 
       .ceo-sections  .container-xxl {
         max-width: 1237px;
    }

       .new-company-pages .ceo-sections  .container, 
       .new-company-pages .ceo-sections  .container-lg, 
       .new-company-pages .ceo-sections  .container-md, 
       .new-company-pages .ceo-sections  .container-sm, 
       .new-company-pages .ceo-sections  .container-xl, 
       .new-company-pages .ceo-sections  .container-xxl {
         max-width: 1215px;
    }



       .experience-solutions  .container, 
       .experience-solutions  .container-lg, 
       .experience-solutions  .container-md, 
       .experience-solutions  .container-sm, 
       .experience-solutions  .container-xl, 
       .experience-solutions  .container-xxl {
         max-width: 1300px;
    }

    .home-pages01 .clients-images-sections .container{
         max-width: 1300px;
    }

       .ztslife-section  .container, 
       .ztslife-section  .container-lg, 
       .ztslife-section  .container-md, 
       .ztslife-section  .container-sm, 
       .ztslife-section  .container-xl, 
       .ztslife-section  .container-xxl {
         max-width: 1300px;
    }



    
    


       .case-studen-pages150 .container, 
       .case-studen-pages150 .container-lg, 
       .case-studen-pages150 .container-md, 
       .case-studen-pages150 .container-sm, 
       .case-studen-pages150 .container-xl, 
       .case-studen-pages150 .container-xxl {
         max-width: 1140px;
    }

    

    
    

}
@media (min-width: 1890px) {
  .book-btn015{ margin-left: 10px; }
  .navbar .navbar-brand { width: 42%; }
  .banner-part .container-fluid{
        max-width: 1440px;
  }
  .banner-part .owl-nav .owl-next span::before {
        right: 110px;
  }
  .bg-ban1 h2{ font-size: 65px; }
  .bg-ban2 h2{ margin-top: 16px; }

  .clicnets-slider .container, .clicnets-slider  .container-lg, .clicnets-slider  .container-md, 
  .clicnets-slider  .container-sm, .clicnets-slider  .container-xl {    max-width: 1140px; }
  
  .how-its-works .container, .how-its-works  .container-lg, .how-its-works  .container-md, 
  .how-its-works  .container-sm, .how-its-works  .container-xl { max-width: 100%; }
  .how-its-works .conmon-text01 p{ margin: auto; margin-top: 20px;}
  
}


@media (min-width: 1400px) {
    
}
@media screen and (min-width: 993px) {
    .dropdown:hover .dropdown-menu { display: block; transition: 0.5s ease-in-out; opacity: 0; visibility: visible;}
        .dropdown:hover .dropdown-menu2 { display: flex;  opacity: 1;
        z-index: 5; visibility: visible;
    }

    
}

@media (max-width: 1182px) {
   
  .bg-ban2 h2, .bg-ban2 h2 span{ font-size: 72px; 
    line-height: 1; }
  

}






/* 
----------pritam----------- */



.crm01-netiv-page .ads-new-sections {
    padding: 80px 0 80px 0;
    background-color: #FCFCFC;
}










/*-------------- 26-08-25------------- */


 .elegant-website-page .cs-details2-hero{
   background:url("../images/elegant-hero.jpg") !important;
 background-size: cover !important;
 background-position: center !important;
 background-repeat: no-repeat !important;
 background-attachment: fixed !important;
 }


 .wp-rocket-page   .cs-details2-hero{
   background:url("../images/case-c10.webp") !important;
 background-size: cover !important;
 background-position: center !important;
 background-repeat: no-repeat !important;
 background-attachment: fixed !important;
 }

  .react-redux-page   .cs-details2-hero{
   background:url("../images/react-redux-hero.webp") !important;
 background-size: cover !important;
 background-position: center !important;
 background-repeat: no-repeat !important;
 background-attachment: fixed !important;
 }



 .tops-sections-case{
  width: 100%;
  height: 70vh;
  object-fit: cover;
  overflow: hidden;
 }



  .left-post-news figure img{
  width: 100%;
 }



 .case-ts-page .feedbacks-sections .container{
  padding-bottom: 50px;
}

/* ---------- 27-08-25 ---------*/
.img-cs0121{
    width: 525px;
    height: 461px;

    & img{
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
}



/* ----------pritam----------- */


/* ----- Snehasis ------- */

/* code over write */

.right-section h3 {
  font-weight: 600;
  margin-bottom: 15px;
  font-size: 30px;
}
.companypages018 .ourourney-title{
   margin-top: 22px;
   margin-bottom: 40px !important;
   color: #030303;
}
.feedbacks-sections .subprats{  font-weight: 600; color: #030303; font-size: 18px; }

.faq-sections-div0152 p{ font-size: 16px; font-weight: 400; color: #030303;}

.btn-talk.talks-btn{ padding: 16px 40px; font-size: 20px; font-weight: 600;     letter-spacing: 1px; border-radius: 5px; transition: all 0.5s; }
 
 .companypages018 .i-common-btn{
   box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
   border: solid 2px #CF110D;
       border-radius: 4px;
           padding: 13px 32px !important;
    font-size: 18px;
    line-height: 1.3333;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    margin-top: 25px;
    font-weight: 600;
   
 }

  .companypages018 .i-common-btn{
   box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
   border: solid 2px #CF110D;
       border-radius: 4px;
           padding: 12px 32px !important;
    font-size: 18px;
    line-height: 1.3333;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    margin-top: 25px;
    font-weight: 600;
   
 }
 
.ztslife-section {
  & p {
    font-size: 16px;
    font-weight: 400;
    color: #555;
  }
}

.enjoy-robust {
  & h2 {
    position: relative;
    z-index: 1;
    margin-top: 20px;
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 20px;
  }
 
  & p {
    font-size: 30px;
    font-weight: 300;
    margin-bottom: 30px;
    color: #030303;
  }
}


.stronger-ip-section {
  & h2 {
    text-align: center;
    color: #54595f;
  }
 
  & p {
    margin-top: 18px;
    text-align: center;
    font-size: 18px;
    color: #030303;
    font-weight: 300;
  }
 
}

.red-sections-white p strong{
  color: #212529;
}

.red-sections h5{
     font-size: 19px;
     color: #fff;
      display: flex;
    align-items: start;
    font-weight: 600;
}