.headtext {
  font-size: 20px;
  font-weight: bold;
}

.fancybox-overlay {
  top: 20% !important;
}

.imgroundedCorner {
  border-radius: 10px;
}

#outercontainer h1,
h2,
h3,
h4,
h5,
h6,
p {
  font-family: 'Manrope' !important;
  line-height: normal;
}

.btngreen {
  background: #69bc6e;
}

/* section1 */
.topban {
  font-family: 'Manrope' !important;
  line-height: normal !important;
  height: auto;
  
}

.bannerWrap {
  position: relative;
  /* height: 500px; */
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0000;
  ;
  

}

#counterTop{
  position: relative;
}

.nblueBg{
  background-color: #020619 !important;
  height: calc(100vh - 130px) !important;
  /* padding: 35px 0; */
}

.ks-top-ban-img{z-index: 1 !important;}
/* .ks_pg_modal_img{cursor: zoom-in;} */
/* .ks_pg_modal_img:hover{opacity: 0.5;background: #000;} */


.bannerWrap img {
  position: absolute;
  object-fit: cover;
  width: 100%;
  z-index: -1;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat
}

.bannerInnerBG h1 {
  color: #fff !important;
}

.bannerInnerBG h1 {
  font-size: 30px;
  font-weight: 900;
}

.bannerInnerBG p {
  font-size: 22px;
  color: #fff;
  letter-spacing: normal;
}

.grColr{color: #69bc6e;}

.trillionBan{position: relative;}
.trillionBan button{position: absolute;bottom: 20px;left: 50%;z-index: 1;}

@media (max-width: 768px) {
  .nblueBg{
    height: inherit !important;
    padding: 10px;
  }

  .ks-top-ban-img{
    margin: 25px 0 10px 0;
  }
  .bannerWrap {
    height: auto;
  }

  .carousel-inner .carousel-item>img {
    height: auto;
  }

  #keyFcarouselControls .carousel-control-prev {
    left: -10px !important;
  }

  #keyFcarouselControls .carousel-control-next {
    right: -12px !important;
  }

  .bannerInnerBG h1 {
    font-size: 24px;
  }

  .bannerInnerBG p {
    font-size: 25px;
  }

  #revPlanning h2,
  .whyChoos h2,
  #keyFeatures h2 {
    font-size: 24px !important;
  }

  
}

/* section 2 */
#revPlanning p {
  color: #000 !important;
}

#revPlanning h2 {
  font-size: 28px;
  font-weight: bold;
}

/* section 3 */
#benClient {
  background: #eeeeee;
  padding: 30px 0;
position: relative;
}

#benClient h2, #whyChoos h2 {
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px;
}

#whyChoos h3, #prodDevExpan h3{
  font-size: 25px;
}

#custDevExpan h3{
  font-size: 25px;
}

/* slider */
.logoslider {
  background: #fff;
  padding: 30px;
  border-radius: 30px;
}

.carousel-control-next,
.carousel-control-prev {
  width: inherit;
}

/* .carousel-control-next-icon, .carousel-control-prev-icon{background: #a1c326;} */
.carousel-control-prev-icon {
  background-image: url(/assets/images/Knowledgestore/leftArrow.svg);
}

.carousel-control-next-icon {
  background-image: url(/assets/images/Knowledgestore/rightArrow.svg);
}

#CardcarouselControls .carousel-control-prev-icon {
  background-image: url(/assets/images/Knowledgestore/testimonial_leftArrow.svg);
}

#CardcarouselControls .carousel-control-next-icon {
  background-image: url(/assets/images/Knowledgestore/testimonial_rightArrow.svg);
}


#logocarouselControls .carousel-control-next-icon,
.carousel-control-prev-icon {
  width: 35px;
  height: 30px;
}

#CardcarouselControls .carousel-control-next-icon,
.carousel-control-prev-icon {
  width: 35px;
  height: 30px;
}

#CardcarouselControls .carousel-control-next {
  right: -25px;
}

#CardcarouselControls .carousel-control-prev {
  left: -25px;
}

/* keyfeatures slider */
#keyFcarouselControls .carousel-control-prev-icon {
  background-image: url(/assets/images/Knowledgestore/keyFeatures_leftArrow.svg);
}

#keyFcarouselControls .carousel-control-next-icon {
  background-image: url(/assets/images/Knowledgestore/keyFeatures_rightArrow.svg);
}

#keyFcarouselControls .carousel-control-next-icon,
.carousel-control-prev-icon {
  width: 35px;
  height: 30px;
}

#keyFcarouselControls .carousel-control-next-icon,
.carousel-control-prev-icon {
  width: 35px;
  height: 30px;
}

#keyFcarouselControls .carousel-control-next {
  right: 20px;
}

#keyFcarouselControls .carousel-control-prev {
  left: 20px;
}


@media (max-width: 768px) {

  #CardcarouselControls .carousel-control-next-icon,
  .carousel-control-prev-icon {
    width: 30px;
    height: 30px;
  }

  #CardcarouselControls .carousel-control-next {
    right: 0;
  }

  #CardcarouselControls .carousel-control-prev {
    left: 0;
  }

  .testMobox {
    height: auto !important;
  }

  #logocarouselControls .carousel-control-next-icon,
  .carousel-control-prev-icon {
    width: 30px;
    height: 30px;
  }

  .keyimground {
    padding: 10px !important;
  }

  #benClient h2, #whyChoos h2{
    font-size: 26px;
  }

  #whyChoos h3, #prodDevExpan h3, #custDevExpan h3{
    font-size: 21px;
  }
  #whyChoos h3:first-child{
    padding-top: 20px;
  }
  #custDevExpan h3{
    padding-top: 20px;
  }
}


/* section 4 */
.whyChoos h2 {
  font-size: 28px;
  font-weight: bold;
}

.whyChoos h3 {
  font-size: 20px;
  font-weight: bold;
}

.whyChoos ul {
  list-style-type: disc;
  padding-left: 15px;
  margin-bottom: 10px;
}

.whyChoos ul li {
  padding-bottom: 10px;
}

/* section 5 */
.prodDevExpan {
  background: #eeeeee;
  padding: 20px 0;
}

.prodDevExpan h3 {
  font-size: 20px;
  font-weight: bold;
}

.prodDevExpan ul {
  list-style-type: disc;
  padding-left: 15px;
  margin-bottom: 10px;
}

.prodDevExpan ul li {
  padding-bottom: 10px;
}

/* section 6 */
#keyFeatures {
  background: #eeeeee;
  padding: 40px 0;
}

#keyFeatures h2 {
  font-size: 28px;
  font-weight: bold;
}

#keyFeatures p {
  color: #000;
}

.prodStatH {
  font-size: 20px;
  font-weight: bold;
  color: #3ca5c4 !important;
}

.keyFetBox {
  padding: 30px;
  border-radius: 10px;
}

.keyFetBox:hover {
  background: #fff;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.keyFetBox img {
  padding-bottom: 20px;
  width: 100px;
  height: auto;
}

.keyimground {
  border-radius: 10px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  background: #fff;
  padding: 40px;
}

/* form */
.experienceFuture {
  background: #291e25;
  padding: 60px 0;
}

.experienceFuture h4,
p {
  color: #fff;
}

.form-select {
  height: calc(2em + .75rem + 2px) !important;
}

.formleftcntnt {
  padding-right: 90px;
}

.formleftcntnt h4 {
  font-size: 30px;
  margin-bottom: 20px;
}

/* Success stories */
.scstories {
  background: #3ca5c4;
  padding: 50px 0;
}

.scstories h2 {
  font-size: 25px;
  font-weight: bold;
  padding: 20px 0;
}

.testMobox {
  background: #fff;
  padding: 30px;
  border-radius: 10px;
  margin: 10px;
  height: 342px;
}

.testMobox p {
  color: #000;
}

.testMobox img {
  width: 70px;
  height: auto;
  border-radius: 50%;
}

/* for mobile this shows single element */
@media (max-width: 767px) {
  .abc .carousel-inner .carousel-item>div {
    display: none;
  }

  .abc .carousel-inner .carousel-item>div:first-child {
    display: block;
  }

  .abc .carousel-inner .carousel-item.active,
  .abc .carousel-inner .carousel-item-next,
  .abc .carousel-inner .carousel-item-prev {
    display: flex;
  }

  .abc .carousel-inner .carousel-item .card {
    height: 352px;
  }

  .abc .carousel-inner .carousel-item .card img {
    width: 182px;
    height: 182px;
    margin: 0 auto;
  }

  .abc .carousel-inner .carousel-item {
    background: none;
  }

  /* medium and up screens */
  @media (min-width: 768px) {

    .abc .carousel-inner .carousel-item-end.active,
    .abc .carousel-inner .carousel-item-next {
      transform: translateX(25%);
    }

    .abc .carousel-inner .carousel-item-start.active,
    .abc .carousel-inner .carousel-item-prev {
      transform: translateX(-25%);
    }
  }

  .abc .carousel-inner .carousel-item-end,
  .abc .carousel-inner .carousel-item-start {
    transform: translateX(0);
  }

}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
  display: flex;
}

/* new css */
#revPlanning ul {
  list-style-type: disc !important;
  list-style-image: inherit;
  padding-left: 15px !important;
}

/* statistic */
.info_head {
  background: #30A19B;
  background: linear-gradient(to right, #30A19B 0%, #779c53 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: normal;
  font-family: 'Manrope';
}

.info_sub_head {
  color: #000000;
}

.cstmrounded {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  padding: 0;
}

/* trillion ban */
.trilHeadban{position: relative;height: 550px; display: flex;justify-content: center;}
.trilHeadban .trilHeadbanimg{position: absolute;z-index: -1;}
.trilHead{font-family: 'Anton' !important;font-size: 30px;}
.colsubh{color: #f2f2f2;font-size: 22px;opacity: 0.3;}
.colBlue{color: #57bbb2;}
.colYelLight{color: #adcd85;}
.colYellow{color: #edd240;}
.custmbord{border-right: 1px solid #205482;}

@media (max-width: 768px) {
  .info_head{font-size: 32px !important;}
  .trilHeadban{height: auto !important;}
  .trilHeadban .trilHeadbanimg{
    height: 100%;
    object-fit: cover;
  }
  .custmbord{border-bottom: 1px solid #8da0b1; padding-bottom: 20px;margin-bottom: 20px; border-right: none;}
  .mob-P-0{padding: 0 !important;}
  .formleftcntnt{padding-right: inherit;}
  /* .custmbord2{border-bottom: 1px solid #8da0b1;  padding-bottom: 20px;margin-bottom: 20px;} */

}

.orgcolor{background: rgb(255,98,45);border-color: rgb(255,98,45); color: #fff;}
.orgcolor:hover{background-color: rgb(255,98,45);border-color: rgb(255,98,45);}

/* mobile landscape style */
@media (max-width: 950px) and (orientation : landscape){
  .formleftcntnt{padding-right: inherit;}
  .headH{font-size: 30px !important;}
  .bannerWrap{height: auto; padding: 20px 0;}

  .header-bottom{padding: 0;background: #fff;}
  .header-height-3{min-height: inherit;}
}

/* img pop starts */

/* The Modal (background) */
.img_pop {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 10000; /* Sit on top */
  /* padding-top: 50px;  */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: hidden; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
  
  
}

.full-height{
  height: 100vh;
}

/* Modal Content (image) */
.img_pop-content {
  margin: 0;
  display: block;
  width: 80%;
  max-width: 60%;
  background: #fff;
  padding: 10px;
  cursor: zoom-out;
}

/* Caption of Modal Image */
#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}

/* Add Animation */
.img_pop-content, #caption, .img_close {  
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)} 
  to {-webkit-transform:scale(1)}
}

@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}

/* The Close Button */
.img_close {
  position: relative;
  top: -16px;
  right: 16px;
  color: #000;
  background: #ccc;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
  padding: 5px;
  
}

.img_close:hover,
.img_close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .img_pop-content {
  width: 100%;
  max-width: fit-content !important;
  }

  .img_close{
    position: absolute;
  }
}

/* img pop ends */

/* date time-picker format */
input[type="datetime-local"] {
  position: relative;
  /* padding: 10px; */
  
}

input[type="datetime-local"]::-webkit-calendar-picker-indicator {
  color: transparent !important;
  background: none !important;
  z-index: 1;
}

input[type="datetime-local"]:before {
  content: url(/assets/images/Knowledgestore/calendar_icon_orange.svg);
  /* This is the calendar icon in FontAwesome */
  width: 25px;
  height: auto;
  position: absolute;
  top: 8px;
  right: 14px;
}

/* form */
.form_title{font-size: 24px; font-weight: 600; color: #fff;text-align: center;text-transform: uppercase;margin-bottom: 40px;}



.zoom_img, .zoom_img1, .zoom_img2, .zoom_img3, .zoom_img4{
  position: absolute;
  top: 45%;
  left: 45%;
  width: 80px !important;
  height: auto !important;
  z-index: 10 !important;
  filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4));
  cursor: pointer;
  opacity: 0.8;
  
}

.zoom_img:hover, .zoom_img1:hover, .zoom_img2:hover, .zoom_img3:hover, .zoom_img4:hover{
  
  opacity: 0.5;
}

@media (max-width:768px){
  .form_title{margin: 30px 0 10px 0; }
  .zoom_img, .zoom_img1, .zoom_img2, .zoom_img3, .zoom_img4{width: 50px !important;top: 40%;}
  .verFullH{height: auto !important;padding: 15px 0;}
  
}


.ks-form-subT{
  font-size: 18px;
  color: #fff !important;
  
}


.close_pop_up{
  position: absolute;
  z-index: 1;
  font-size: 30px;
  right: 20px;
  top: 20px;
  font-weight: 600;
  opacity: 1;
}

.close_pop_up:hover{color: #ff622d;}


.req_pop_block{
  padding: 10px !important;
}

.form-head{
  text-align: center !important;
  border-bottom: 1px solid #f2f2f280;
  margin-bottom: 20px;
}

.verFullH{
  height: calc(100vh - 85px);
  display: flex;
  align-items: center;
  justify-content: center;
}


.curvimg img {position: relative; border: 4px solid #ffffff69; border-radius: 5px;}
@media (max-width:768px){
  .curvimg img{margin-top: 20px;}
}