@import url('https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');

body {
  font-family: 'Urbanist', sans-serif;
}

.lines {
  border: 1px solid #000;
}

/* hero css */
.hero {
  background: #FDFAEC;
  padding: 100px 0;
  text-align: center;
  position: relative;
  width: 100%;
}

.hero h5 {
  letter-spacing: 4px;
  font-size: 15px;
}

.hero h1 {
  font-size: 5rem;
  font-weight: bold;
  color: #454249;
}

.hero p {
  margin-top: 40px;
  margin-bottom: 20px;
  font-weight: 600;
}

.btn-div {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

/* .btn-div .b1{
    padding: 6px 30px;
   background-image: linear-gradient(to right, #4098FA, #9E45FE);
    border-radius: 20px;
    text-decoration: none;
    color: white;
     font-size: 18px;
    font-weight: bold;
}
.b1:hover{
    background: #BA5AE2;
} */

.b1 {
  position: relative;
  background-image: linear-gradient(to right, #4098FA, #9E45FE);
  /* background: linear-gradient(to right, #6366f1, #a855f7); */
  background-size: 200% 100%;
  background-position: 100% 0;
  color: white;
  padding: 6px 30px;
  border-radius: 20px;
  display: inline-block;
  text-decoration: none;
  transition: background-position 0.5s ease;
  font-size: 18px;
  font-weight: bold;
}

.b1:hover {
  box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px;
  background-position: 0 0;
  background: #BA5AE2;
  color: white;

}


a {
  text-decoration: none;
}

.btn-div .b2 {

  padding: 6px 30px;
  border-radius: 20px;
  text-decoration: none;

}


.b2 {

  border: unset;
  border-radius: 15px;
  color: #212121;
  z-index: 1;
  background: transparent;
  position: relative;
  font-weight: 1000;
  font-size: 17px;
  /* -webkit-box-shadow: 4px 8px 19px -3px rgba(0,0,0,0.27); */
  /* box-shadow: 4px 8px 19px -3px rgba(0,0,0,0.27); */
  transition: all 250ms;

  overflow: hidden;
  border: 1px solid #000;
}

.b2::before {

  border: 1px solid #000;
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  height: 100%;
  width: 0;
  border-radius: 15px;
  background-color: #212121;
  z-index: -1;
  -webkit-box-shadow: 4px 8px 19px -3px rgba(0, 0, 0, 0.27);
  box-shadow: 4px 8px 19px -3px rgba(0, 0, 0, 0.27);
  /* transition: all 1600ms */
  transition: all 0.5s;
}

.b2:hover {
  color: #e8e8e8;
}

.b2:hover::before {
  width: 100%;

  left: 0;
}

.img-side {
  position: absolute;
  bottom: 0;
  height: 400px;
  right: 0;
}

.img-down {
  display: none;
}

/* About section */
.about h2 {
  font-size: 35px;
  font-weight: bold;
  line-height: 1.3;
}

.fa-stop {
  font-size: 5px;
  color: orangered;
}

.about p {
  font-size: 17px;
  font-weight: 500;
  padding-top: 10px;
}

.img-about {
  height: 200px;

  object-fit: cover;
}

.fa-circle-play {
  font-size: 20px;
}

.video-text {
  color: #F06F4F;
  font-weight: 500;
  font-size: 1.4rem;
}

/* services section */

.service-card {
  /* height: 310px; */
  padding-top: 10px;
  padding-bottom: 10px;
}

.text-services {
  font-size: 20px;
  font-weight: bold;
  color: #f3623f;
  padding-bottom: 12px;
}




/* counter css*/
.counter h1 {
  color: #F06F4F;
  font-weight: 700;
  font-size: 3rem;
}

.counter p {
  font-size: 17px;
}


/* cta css */
.left {
  /* background: #b57f7f; */
  display: flex;
  padding: 40px;
  align-items: center;
  gap: 30px;
}

.left-img img {
  height: 200px;
}

.left-content h2 {
  font-size: 1.7rem;
  font-weight: bold;
}

.left-content p {
  font-size: 17px;
}

.arr {
  color: purple;
  transition: 0.5s ease-in;

}

.iconlink:hover .arr {
  color: #F06F4F;
  transform: translateX(8px);
}

.iconlink {
  color: #212121;
  font-weight: bold;
}

.iconlink:hover {
  color: #212121;
}

/* include css section */
.include-left {
  padding: 40px 100px;

}

.include-left h1 {
  font-weight: bold;

}

.include-left p {
  font-size: 18px;
  padding: 10px 0;
}

.include-left .fa-circle-check {
  color: #F3623F;
}


/* FAQS section css */
.FAQS {
  background: #f3fbff;
}

.faq-parent h1 {
  font-size: 2.6rem;
  font-weight: bold;
}

.faqs-title {
  color: #212121;
  font-size: 1.3rem;
  font-weight: bold;
  background: #F3FBFF !important;
}

.faqs-title:hover {
  color: #F3623F;
}

.bodycolor {
  background: #F3FBFF !important;
}

.accordion-button:focus {
  background: transparent;
  /* border: #000; */
  box-shadow: inset 0 0;
}

.accordion-button:not(.collapsed) {
  color: #F3623F;
}

.accordion-button::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free v7.0.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320C64 461.4 178.6 576 320 576zM296 408L296 344L232 344C218.7 344 208 333.3 208 320C208 306.7 218.7 296 232 296L296 296L296 232C296 218.7 306.7 208 320 208C333.3 208 344 218.7 344 232L344 296L408 296C421.3 296 432 306.7 432 320C432 333.3 421.3 344 408 344L344 344L344 408C344 421.3 333.3 432 320 432C306.7 432 296 421.3 296 408z'/%3E%3C/svg%3E");
}

.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free v7.0.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320C64 461.4 178.6 576 320 576zM231 231C240.4 221.6 255.6 221.6 264.9 231L319.9 286L374.9 231C384.3 221.6 399.5 221.6 408.8 231C418.1 240.4 418.2 255.6 408.8 264.9L353.8 319.9L408.8 374.9C418.2 384.3 418.2 399.5 408.8 408.8C399.4 418.1 384.2 418.2 374.9 408.8L319.9 353.8L264.9 408.8C255.5 418.2 240.3 418.2 231 408.8C221.7 399.4 221.6 384.2 231 374.9L286 319.9L231 264.9C221.6 255.5 221.6 240.3 231 231z'/%3E%3C/svg%3E");
}

.outer {

  padding: 20px;
  display: flex;
  gap: 20px;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.firstimg {
  height: 100%;
  width: 100%;
  object-fit: cover;

  border-radius: 6px !important;
}

.outimg1,
.outimg2 {
  height: 200px;
  border-radius: 6px;
  object-fit: cover;
  width: 100%;
  margin-bottom: 20px;

}

.outone {

  height: 260px;
  width: 42%;
}

.outsecond {
  text-align: center;
  width: 55%;

}

.tabfont {
  font-size: 17px;
}

.form-control:focus {
  box-shadow: none;
  background: #e3f2f9;


}


/* Nav second section wrapper */
.tabs {
  display: flex;
  justify-content: center;
  /* center aligned */

  padding-top: 18px;
  padding-bottom: 8px;
  padding-left: 30px;
  padding-right: 30px;
  /* padding: 16px 14px; */
  border-radius: 12px;
  /* box-shadow: 0 6px 18px rgba(20,20,40,0.06); */
}

/* List style  with sticky desktop*/

.stick {
  background: #F5F5F5;
  position: sticky;
  content: "";
  top: 0;
  /* top: 76px; */
  left: 0;
  z-index: 999;
}

/* .mobiletab{
    background:  #F5F5F5;
    
    
  } */
.stick2 {
  display: none;

}

.tabs ul {
  list-style: none;
  display: flex;
  gap: 58px;
  align-items: center;
}

.tabs a {
  position: relative;
  display: inline-block;
  text-decoration: none;
  color: #222;
  font-weight: 700;
  padding: 3px 0;
  transition: color .18s ease;
}

/* Animated bottom line using ::after */
.tabs a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -15px;
  height: 3px;
  width: 100%;
  background: linear-gradient(90deg, #06b6d4, #7c3aed);
  transform-origin: left center;
  transform: scaleX(0);
  transition: transform .25s cubic-bezier(.2, .9, .2, 1);
  border-radius: 4px;
}

/* Hover — animate left→right */
.tabs a:hover {
  color: #111;
}

.tabs a:hover::after,
.tabs a:focus::after {
  transform: scaleX(1);
  /* reveal line left to right */
}

/* Optional: active/current item */
.tabs a.active {
  color: #111;
}

/* .tabs a.active::after {
    transform: scaleX(1);
  } */


/* Small screens: wrap */
@media (max-width: 560px) {
  .tabs ul {
    gap: 16px;
    flex-wrap: wrap;
    justify-content: center;
  }

  .scrollable {
    overflow: auto;
  }
}





/* slick css */

.slick-prev:before,
.slick-next:before {

  color: #000 !important;

}



/* for imge remove */
@media only screen and (max-width: 1000px) {
  .img-side {
    display: none;
  }

  .img-down {
    display: block;
    width: 100%;

  }

  .hero {
    padding-bottom: 0;
  }

  .left {
    flex-direction: column;
    padding-top: 20px;
    padding-bottom: 10px;
  }

  .left h2 {
    font-size: 17px;
  }

  .include-left {
    padding: 20px 20px;

  }

  .slick-prev:before,
  .slick-next:before {
    display: none !important;
  }

  .stick {
    display: none;
  }

  .stick2 {
    display: block;
    /*     
    background: #F5F5F5; */
    position: sticky;
    content: "";
    /* top: 70px !important; */
    top: 0;
    left: 0;
    z-index: 999;
    box-shadow: none !important;
    outline: none;

  }

  .mobiletab {
    /* background: red; */
    padding: 20px 0;

    /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free v7.0.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M480 544C515.3 544 544 515.3 544 480L544 160C544 124.7 515.3 96 480 96L160 96C124.7 96 96 124.7 96 160L96 480C96 515.3 124.7 544 160 544L480 544zM320 416C313.3 416 307 413.2 302.4 408.3L198.4 296.3C191.9 289.3 190.2 279.1 194 270.4C197.8 261.7 206.5 256 216 256L424 256C433.5 256 442.2 261.7 446 270.4C449.8 279.1 448.1 289.3 441.6 296.3L337.6 408.3C333.1 413.2 326.7 416 320 416z'/%3E%3C/svg%3E"); */
    box-shadow: none !important;
    outline: none;

  }

}




/* mobile responsive */
@media only screen and (max-width: 600px) {

  .hero {
    width: 100%;

  }

  .hero h1 {
    font-size: 2.5rem;
  }

  .btn-div {
    flex-direction: column;
  }

  .img-side {
    display: none;
  }



  .outer {
    width: 100%;
  }

  .outimg1,
  .outimg2 {
    height: 150px;
    object-fit: cover;
    width: 150px;
  }

  .outone {
    height: 160px;
    width: 160px;

  }

  .uper {
    order: 2;
  }

  .btn-div {
    flex-direction: column !important;
  }

  .CTA {
    width: 100%;
    overflow: hidden;
  }

.CTA h1{
  font-size: 24px !important;
}
  .logohead {
    gap: 20px;
  }
}





/* table custom css new 1 */


/* Custom Pricing Table Styling */
.custom-pricing-table {
  /* border: 1px solid #ddd; */
  border-radius: 10px;
  overflow: hidden;
  margin: 20px 0;
}

.custom-pricing-table .table-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.custom-pricing-table table {
  width: 100%;
  border-collapse: collapse;
  min-width: 700px;
  /* scroll ke liye */
}

.custom-pricing-table thead th {
  text-align: left;
  padding: 12px 16px;
  color: #F3623F;
  /* heading text color only */
  font-weight: 900 !important;
  background: #fff;
  /* no background */
}

.custom-pricing-table tbody td {
  padding: 12px 16px;
  border-top: 1px solid #eee;
  vertical-align: top;
  color: #222;
}

/* Price cells */
.custom-pricing-table td.price {
  background: #f2f2f2;
  /* font-weight: bold; */
  text-align: center;
  align-content: center;
  white-space: nowrap;
  padding: 6px 12px;
  /* border-radius: 6px; */
  width: 120px;
  /* compact width */
}

/* Total row */
.custom-pricing-table tr.total td {
  font-weight: bold;
  /* background: #F0F0F0; */
  /* background: #ffe8cc;  */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .custom-pricing-table table {
    min-width: 680px;
  }

  .custom-pricing-table thead th,
  .custom-pricing-table tbody td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .custom-pricing-table thead th:first-child,
  .custom-pricing-table tbody td:first-child {
    min-width: 320px;
  }

  .custom-pricing-table thead th:nth-child(2),
  .custom-pricing-table thead th:nth-child(3),
  .custom-pricing-table tbody td:nth-child(2),
  .custom-pricing-table tbody td:nth-child(3) {
    min-width: 120px;
  }

  .btn-div2 {
    flex-direction: column !important;
  }
}




/* CTA section css */
.CTA {
  background-image: linear-gradient(to right, #FF9C00, #ED5E5D);
  padding: 160px 10px;
  margin-bottom: 20px;
  color: white;
}

.CTA h1 {
  font-weight: 800;
  font-size: 31px;
}

.CTA p {
  font-style: italic;
  font-size: 20px;
  padding: 10px 0;
}


.btn-div2 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

.btn-div2 .b22 {

  padding: 16px 60px;
  border-radius: 0;
  text-decoration: none;

}


.b22 {

  border: unset;
  border-radius: 15px;
  color: #f1f1f1;
  z-index: 1;
  background: transparent;
  position: relative;
  font-weight: 1000;
  font-size: 20px;
  font-weight: 900;
  /* -webkit-box-shadow: 4px 8px 19px -3px rgba(0,0,0,0.27); */
  /* box-shadow: 4px 8px 19px -3px rgba(0,0,0,0.27); */
  transition: all 250ms;

  overflow: hidden;
  border: 1px solid white;
}

.b22::before {

  border: 1px solid white;
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  height: 100%;
  width: 0;
  /* border-radius: 335px; */
  background-color: white;
  z-index: -1;
  -webkit-box-shadow: 4px 8px 19px -3px rgba(0, 0, 0, 0.27);
  box-shadow: 4px 8px 19px -3px rgba(0, 0, 0, 0.27);
  /* transition: all 1600ms */
  transition: all 0.5s;
}

.b22:hover {
  color: #212121;
}

.b22:hover::before {
  width: 100%;

  left: 0;
}




/* video css */
.videohead {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 0;
}

.video-container {
  position: relative;
  width: 100%;
  max-width: 400px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4);
}

video {
  width: 100%;
  display: none;
  height: 100% !important;
}

.thumbnail {
  position: relative;
  width: 100%;
  cursor: pointer;
}

.thumbnail img {
  width: 100%;
  display: block;
}

.play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: none;

  background: linear-gradient(45deg, #37B4AA, #0B9890, #01928B);
  /* background:#38bdf8;  */
  color: white;
  font-size: 32px;
  cursor: pointer;
  box-shadow: 0 6px 15px rgba(56, 189, 248, 0.5);
}







/* footer form css */
.formdiv h1 {
  font-size: 26px;
  font-weight: bold;
}

.formdiv span {
  color: #01928B;
  /* 
 color:#01928B; */
}


.ctabtn {
  display: inline-block;
  margin-top: 10px;

  background: linear-gradient(45deg, #37B4AA, #01928B);
  /* background: #9EB62A; */
  /* background: #A9BE42; */
  text-decoration: none;
  color: white;
  padding: 10px 30px;
  font-weight: 700;

}

.ctabtn:hover {
  transition: none;
  opacity: 0.8;
  background: #01928B;
  color: white;
}







.logodiv {
  /* background: #000 !important; */
  width: 200px;

  height: 80px;

  padding: 2px !important;



}

.logodiv img {

  height: 100%;
  width: 120px;

  object-fit: contain;


}

.logohead {
  display: flex;
  justify-content: center;
  align-items: center;

  gap: 30px;
}