.gstbillingsofware p{font-size: 20px;color:black!important;}



.text-primary{color: #00194c!important;font-family: 'lato', sans-serif;}
.top-header-area:before {
    position: absolute;
    content: "";
    width: 53%;
    height: 100%;
    left: -11px;
    top: 0;
    background: #db271c;
    z-index: -1;
    transform: skew(23deg);
}
.style-one.toptech-button a {
    padding: 8px 27px 8px 27px;
    font-family: 'Rajdhani';
    font-weight: 600;
    color: #fff;
    background: #00194c;
    display: inline-block;
    border-radius: 24px;
    border: 1px solid #00194c;
    position: relative;
    z-index: 1;
    overflow: hidden;
    text-transform: uppercase;
    font-size: 17px;
    margin-top: 8px;
    transition: 0.5s;
}
.style-one.toptech-button a:hover {
    color: #00194c;
    border-color:#00194c;
}

.style-one.toptech-button a:hover i {
    color: #00194c;
}
.style-two .header-button a
 {
    padding: 5px 20px;
    color: #fff;
    background: #db271c!important;
    border: 1px solid #db271c!important;
    border-radius: 24px;
    display: inline-block;
    position: relative;
    z-index: 1;
    transition: .5s;
    text-transform: capitalize;
    font-weight: 600;
    font-family: "Nunito", ui-sans-serif;
    transition: 0.5s;
}
.style-two .header-button a:hover
 {
    color: #01194c;
    background: #fff!important;
    border-color:#00194c!important;
}
.hero-content h4{font-family: "Roboto", sans-serif!important;font-weight: 300!important;}
.hero-content p{ font-family: "Roboto", sans-serif!important;}
.style-two .feature-content h4 {font-weight: 500!important;
    font-family: "lato", sans-serif !important;color: #011a4c;}

    .style-two.section-title h1 {color: #00194c;font-family: "Roboto", sans-serif;}
    .style-two .about-icon-box-content h4 {
    margin: 0;
    font-size: 22px;
    font-weight: 600;
    font-family: "Roboto", sans-serif;
}

.style-two.section-title p {
    margin: 19px 0 0;
     font-family: "Roboto", sans-serif;
}

.style-two .feature-content p {
  font-family: "Roboto", sans-serif;
}

.style-two.section-title h4 {
    font-size: 18px;
    color: rgb(12, 90, 219);
    font-weight: 600;
    margin: 0px 0px 24px;
     font-family: "Roboto", sans-serif;
}

.style-two .service-content h4 {
    font-size: 26px;
    line-height: 50px;
    color: #041424;
    font-weight: 700;
    margin: 16px 0 12px 0;
    transition: 0.5s;
    font-family: "Roboto", sans-serif;
}
.style-two .single-services-box:before
 {
    position: absolute;
    content: "";
    left: 50%;
    top: 0;
    width: 0;
    height: 100%;
    background: #011a4d;
    transition: .5s;
    z-index: -1;
    border-radius: 5px;
}
.style-two .single-services-box:hover .service-content p
 {
    color: #fff;
    font-family: "Roboto", sans-serif;
}
/* header menu custom little bit just z-index from 2 to hight */
.header-menu ul li .sub-menu {
    position: absolute;
    width: 300px;
    text-align: left;
    background: #fff;
    opacity: 0;
    visibility: hidden; /* ← yaha fix */
    transition: all 0.3s ease;
    top: 150%;
    z-index: 22;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    border-top: 5px solid #0c5adb;
    border-radius: 3px 3px 0 0;
}
.header-menu ul li .sub-menu li a{
  width:300px!important;
}
/* Jab parent LI par hover ho */
.header-menu ul li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    top: 100%; /* thoda smooth upward slide */

}

/* header menu */



.hover-up {
    transition: all 0.3s ease;
    border-radius: 12px;
  }
  .hover-up:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.1);
    background-color: #fff;
  }
  .icon i {
    color: #fff;
  }


.hover-up {
    transition: all 0.3s ease;
    border-radius: 12px;
  }
  .hover-up:hover {
    transform: translateY(-5px);
    background-color: #fff;
    box-shadow: 0 8px 20px rgba(0,0,0,0.1);
  }
  .contact-box {
    background: #fff;
    border-radius: 12px;
  }


.choose-box {
    transition: all 0.3s ease;
    border-radius: 12px;
  }
  .choose-box:hover {
    transform: translateY(-5px);
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(0,0,0,0.1);
  }
  .icon i {
    color: #0d6efd;
  }
/* round check befor style ul */
.custom-list3 {
  list-style: none;
  padding: 0;
  margin: 0;
}
.custom-list3 li {
  position: relative;
  padding-left: 36px; /* icon के लिए जगह */
  margin: 8px 0;
  line-height: 1.4;
  color:black!important;
}

/* data URI में SVG — ध्यान रहे: fill="#1f1f1f" को fill='%231f1f1f' किया गया है */
.custom-list3 li::before{
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24' fill='%231f1f1f'><path d='M480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q65 0 123 19t107 53l-58 59q-38-24-81-37.5T480-800q-133 0-226.5 93.5T160-480q0 133 93.5 226.5T480-160q133 0 226.5-93.5T800-480q0-18-2-36t-6-35l65-65q11 32 17 66t6 70q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm-56-216L254-466l56-56 114 114 400-401 56 56-456 457Z'/></svg>");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
/* round check befor style ul end */

.aboutPageContents h5{font-size:25px;font-weight: 500;}
.hover-btn-unique {
  position: relative;
  background: #ffffff;
  color: #000000;
  border: none;
  padding: 10px 20px;
  font-size: 16px;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.3s ease;
  min-width:158px;
}
.hover-btn-unique:hover {
  position: relative;
  background: #ffffff;
  color: #050404;
  border: none;
  padding: 10px 20px;
  font-size: 16px;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.3s ease;
  min-width:158px;
}

/* hidden arrow by default */
.hover-btn-unique::after {
  content: "";
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  opacity: 0;
  transition: opacity 0.3s ease, right 0.3s ease;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="black"><path d="m256-240-56-56 384-384H240v-80h480v480h-80v-344L256-240Z"/></svg>') no-repeat center;
}

/* show on hover */
.hover-btn-unique:hover::after {
  opacity: 1;
  right: 10px;
}






.roundSection{
    background-color:#00194c;
    border-radius: 50px;
    padding: 25px 20px;
  margin-top:50px;margin-bottom: 50px;}
.section-title{position:relative; margin-bottom:20px;}


 .servicePageCotents span,
 .servicePageCotents p
 {
  font-size:17px;color:black!important;font-family: 'lato', sans-serif;
 }
.servicePageCotents ul{
  list-style: none;
  padding: 0;
  margin-top:20px;
  margin-bottom:20px;
}
.servicePageCotents ul li{
  position: relative;
  padding-left: 28px;
  margin-bottom: 10px;
  font-size: 17px;
  line-height: 1.6;
  color:black!important;
  font-family: 'lato', sans-serif;
  cursor:pointer;
}

.servicePageCotents ul li::before {
  content: "\f00c"; /* Font Awesome check icon */
  font-family: "Font Awesome 6 Free"; /* or 'Font Awesome 5 Free' */
  font-weight: 900;
  color: #0073e6;
  position: absolute;
  left: 0;
  top: 2px;
  font-size: 17px;
}
/* custom header image */
.page .overlay{
  position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    background-color: #111113b8;
    z-index: 1;
}
/* custom header image end */

.uniqHeading h1{
  font-family: "lato", sans-serif;
  font-weight:bold;
}

.uniqHeading h1 span{
  font-weight: 200;
  font-family: "lato", sans-serif;
}
.footer-links {
  display: flex;
  flex-wrap: wrap;       /* mobile pe wrap hoga */
  gap: 10px;             /* space between items */
  padding: 0;
  margin: 0;
  list-style: none;      /* bullet hatane ke liye */
  margin-top:30px;
  justify-content: center;
}

.footer-links li {
  display: inline;  
  color:white;     /* li inline rahega */
}

.footer-links a {
  text-decoration: none; /* underline remove */
  color: #ffffff;           /* apni color choice */
}
.footer-links a:hover {
  text-decoration: none; /* underline remove */
  color: #3f51b5!important;           /* apni color choice */
}

.footer-links li::after {
  content: "|";
  margin-left: 10px;
}

.footer-links li:last-child::after {
  content: "";
}



.style-one .footer-bottom-area {
      border-top: 1px solid #ffffff21;
    margin-top: 7px;
    padding-top: 12px;
    text-align: center;
}








.style-one.footer-area {
    background: url(../images/bg/footer.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 50px 0 4px;
}


















.addressbar {
  padding: 0;
  margin: 0;
}

.addressbar li {
  list-style: none;
  position: relative;
  padding-left: 30px;   /* space for icons */
  margin-bottom: 10px;
  line-height: 1.5;
  font-size: 15px;
}

.addressbar li a{
    color:white!important;
}
/* Common style for icons */
.addressbar li::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;       /* solid icons */
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  color: #007bff;         /* icon color (blue) */
}

/* 1st li = Address icon (map-pin / location-dot) */
.addressbar li:nth-child(1)::before {
  content: "\f3c5";  /* fa-location-dot */
}

/* 2nd li = Phone icon */
.addressbar li:nth-child(2)::before {
  content: "\f095";  /* fa-phone */
}

/* 3rd li = Email icon */
.addressbar li:nth-child(3)::before {
  content: "\f0e0";  /* fa-envelope */
}

















/* common setting */
p {
    font-size: 16px;
    line-height: 26px;
    color: #0f0f0f;
    font-weight: 400;
    font-family: "Nunito", sans-serif;
    transition: 0.5s;
}
/* common setting end */
/* header style */
.top-header-area {
    background: #00194c;
    padding: 5px 0px;
    position: relative;
    z-index: 1;
}
.header-menu ul li a {
    display: inline-block;
    font-weight: 600;
    font-size: 17px;
    padding: 24px 0;
    text-transform: capitalize;
    color: #fff;
    transition: 0.5s;
}

.style-two .header-button a {
    padding: 5px 20px;
    color: #fff;
    background: #0c5adb;
    border: 1px solid #0c5adb;
    border-radius: 24px;
    display: inline-block;
    position: relative;
    z-index: 1;
    transition: .5s;
    text-transform: capitalize;
    font-weight: 600;
    font-family: "Nunito", ui-sans-serif;
    transition: 0.5s;
}
.header-info ul li a{color:white;vertical-align: middle;}
/* end header style */

/* slider style */
.style-two.hero-area {
    background: url(../images/slider/1.jpeg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 550px;
    overflow: hidden;
    padding-bottom: 80px;
}
/*  end slider style */

/* page elements and icon */
.service-icon-thumb img {
    transition: 0.5s;
    width: 50px;
}
/* page elements and icon  end*/

/* testimonial style custom. */
.style-one .testi-desc p {
    font-size: 20px;
    line-height: 34px;
    color: #041424;
    width: 65%;
    margin: auto;
    margin-top: 36px;
}
.style-one.testimonial-area {
    background: url(../images/bg/3.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 110px 0 202px;
}
.style-two.working-proces-area {
    background: #021533;
    padding: 100px 0 90px;
    margin-top: -163px;
}
.style-two .service-content p {
    margin: 0 0 24px;
    transition: 0.5s;
    color: #0e0e0e;
}

.brand-area .owl-carousel .owl-item img {
    display: inline;
    text-align: center;
    width: 200px !important;
    height: 100px;
    border: 1px solid gray;
    padding: 12px;
    background-color: #f8fbf8;
    border-radius: 12px;
}
/* end testimonial style custom. */
@media (max-width: 600px) {
.thumb {
 width: auto!important;
  height: 100px;
  
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
}