/* .bgWrap { background-color: #f8f8f8;} */
/* .btnblue { background-color: #388de8;} */
.contentWrap {padding: 0 5.5rem!important; text-align: center;}
.contentWrap h3{color: #ffc107 ;font-weight: 700;}
.contentWrap p{color: #fff;font-size: 1.1rem;}
/* .main-wrapper{color: #fff;} */

.formWrapIQ { background: rgba(22, 33, 62, 0.8);
    padding: 30px;
    border-radius: 20px;
    border: 1px solid rgba(0, 212, 255, 0.3);
    backdrop-filter: blur(10px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);}

.formWrapIQ form label {
  color: #fff;
  font-size: 13px;
  font-weight: 500;
}
.formWrapIQ form .form-group {margin: 0 0 20px 0;}
.formWrapIQ form .form-select , .formWrapIQ form .form-control {height: 37px !important; font-size: 14px !important;}
.formH .form-select{height: 37px !important;;}
.formH .countryH{height: 37px !important;}
/* .whyChoos hr {margin: 0;  opacity: .9;background-color: #e2e2e280;} */
.submit_request {
    border-radius: 0;
    padding: 10px 35px;
    color: #fff;
    font-weight: 700;
    border: none;
    letter-spacing: 1px;
    font-family: Manrope;
    text-transform: uppercase;
    margin-top: 20px;
    background: #c99700;
    background: linear-gradient(90deg, #c99700 -80%, #00a4cb 140%);
}

/* .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;
    /* background: #eee; */
    /* background: rgb(37,111,161); */
/* background: radial-gradient(circle, rgba(37,111,161,1) 0%, rgba(42,102,184,1) 39%, rgba(26,72,126,1) 69%, rgba(9,38,97,1) 97%); */
  }
  
  .topban_align{
    display: flex;
    justify-content: space-between;
    /* padding-top: 20px; */
  }
  
  .topBan_left{
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    padding: 0px 0px 0 25px;
    width: 47%;
  }

  .topBan_left p{font-size: 1.5rem;}
  
  .topBan_right{
  
    width: 50%;
    /* height: 510px; */
    position: relative;
  }
  
  /* .topBan_right img{
    border: 1px solid #c3c3c3;
      border-radius: 15px;
      box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
  } */
  
  
  
  
  .topBan_left h1{
    /* text-align: center; */
    font-size: 4rem; line-height: 4.2rem; margin-bottom: 15px !important;
    font-family: 'Host Grotesk';
    font-weight: bold;
    text-shadow: 0px 1.5px, 1.5px 0px, 1.5px 1.5px;

  }

  
  
  @media (max-width: 768px) {

        .contentWrap {padding: 0 !important;}
        /* .contentWrap img {display: block;} */
        .topban_align{flex-direction: column;}
        .topBan_left{width: 100%;padding: 25px; text-align: center;}
        .topBan_right{width: 100%;padding: 10px;}
        .topBan_left h1{font-size: 3rem; line-height: 3rem; font-weight: 700;text-align: left;}
        .topBan_left p { font-size: 15px;}
        
    
       
        .whyChoos 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: 50px 0;
  position: relative;
  }
  
  #benClient h2 {
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
  }
  
  
  /* 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: 767px) {
  
    #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;
    }
  }
  
  
  /* section 4 */
  .whyChoos h2 {
    font-size: 28px;
    font-weight: bold;
    font-family: "Be Vietnam Pro", serif !important;
  }
  
  .whyChoos h3 {
    /* font-size: 1.675rem;
    font-weight: 700; color: #3ba5c6;
    margin-bottom: 1rem;
    font-family: "Be Vietnam Pro", serif !important; */
    color: #3ba5c6;
    font-size: 32px;
    font-weight: 400;
    line-height: 1.3em;
    font-family: "Be Vietnam Pro", serif !important;
  }
  .whyChoos p{font-size: 18px;}
  
  .whyChoos ul {
    list-style-type: disc;
    padding-left: 15px;
    margin-bottom: 10px;
  }
  
  .whyChoos ul li {
    /* padding-bottom: 7px;  */
    font-weight: 500;
  }
  
  /* 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: #072D5C;
    padding: 60px 0;
  }
  
  .experienceFuture h4 {
    color: #fff;
  }
  
  /* .form-select {
    height: calc(2em + .75rem + 2px) !important;
  }
   */
   /* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
  .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: 800;
    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) {
    .mobp-0 {padding: 0 !important;}
    .info_head{font-size: 1.2rem;}
    .info_sub_head {font-size: 0.8rem;}
    .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);}
  .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: inherit; 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;
    border: none;
  }
  
  .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;
  }

  /* chat */
  #chat-widget-container{visibility: hidden !important;}
  .checklist{
    list-style-type: none !important;
    padding-left: 0 !important;
    
  }
  .dataAnalys-subHPoints{
    list-style: none !important;
  }

  .checklist li, .dataAnalys-subHPoints li{
    position: relative;
    padding-left: 40px;
    font-size: 1rem !important;
    line-height: normal;
    margin-bottom: 15px;
    /* display: flex; */
    /* align-items: center; */
    /* margin-left: 1rem; */
  }

  .checklist li::before, .dataAnalys-subHPoints li::before{
    content: url(/assets/images/salesIQ/icon_CheckMark.svg);
    position: absolute;
    top: 0;
    left: 0;
    width: 28px;
    height: 28px;
  }

  @media (max-width:768px){
    .dataAnalys-subHPoints {padding-left: 0;}
    .checklist li{margin-left: inherit !important;}
  }
  

  .info_head span{font-size: 2.5rem;}
  #livechat-eye-catcher-img{display: none !important;}

  /* new lahout accound IQ */
  .topBanNsection{
    --background-overlay: '';
    /* background-image: url(https://hginsights.com/wp-content/uploads/2024/04/Lava-BG-SVG.svg); */
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #3ba5c6;
    padding: 30px 0;
    color: #fff;
  }

  
  .topBanNsection h1,.topBanNsection h2, .topBanNsection p{font-family: "Be Vietnam Pro", serif !important;color: #fff;}
  .topBanNsection p{font-size: 1.1rem;}
  .topBanNsection h1{font-weight: 300;font-size: 24px; color: #fff;padding-top: 0px;}
  .topBanNsection h2{font-weight: 500;font-size: 20px;margin-bottom: 0;}
  .topBanNsection h5{color: #00d4ff;
    margin-bottom: 25px;
    font-size: 1.5rem;
    text-align: center;}
  .topBanNsection h5 span{font-size: 15px;font-weight: 500;color: #3ba5c6;}
  /* .topBanNsection p{font-weight: 300;font-size: 33px; color: #fff;padding-top: 30px; letter-spacing: -2.5px;} */
  /* .topNsection{background-color: #e8eef6;} */
  .topNsection{display: flex; justify-content: center; align-items: center;padding: 0px;}

  .prodcuctive{padding: 15px 0; background-color: #0099cc;}
  .prodcuctive h2{font-size: 1.4rem; text-align: center;color: #fff;margin-bottom: 0;}
  .prodcuctive h3{color: #3ba5c6;font-size: 70px; font-weight: 900;letter-spacing: -4px;font-family: "Be Vietnam Pro", serif !important;margin-top: 0;}
  .prodcuctive p{font-size: 20px;font-weight: 600; font-family: "Be Vietnam Pro", serif !important;}
  .prodcuctive-content .borderRight{border-right: 1px solid #ccc;}

  .dataAnalys{background-color: #ebf0f3;}
  .dataAnalys h2, .bgWrap h2{text-align: center;font-family: "Be Vietnam Pro", serif !important;padding-bottom: 20px;font-weight: 700;}
  .dataAnalys h4{font-size: 40px; color: #3ba5c6; font-weight: 600;font-family: "Be Vietnam Pro", serif !important;}
  .dataAnalys .analys-ind, .dataAnalys p{font-size: 1rem;font-weight: 400; font-family: "Be Vietnam Pro", serif !important;}
  .dataAnalys h3{color: #3ba5c6;font-size: 32px;font-weight: 400;line-height: 1.3em;font-family: "Be Vietnam Pro", serif !important;}
  .dataAnalys-bg{background-color: #fff; padding: 40px; border-radius: 10px;}
  .dataAnalys-bg:hover{box-shadow: 5px 5px 50px 0 rgba(0, 0, 0, .5);}
  .dataAna-spacing{margin-bottom: 30px;}
  /* .dataAnalys-subHPoints{list-style: disc;} */
  
  #Submit2, #submitform, #submitform2, #submitform3{width: 100%;
    padding: 15px;
    background: linear-gradient(45deg, #00d4ff, #0099cc);
    color: #ffffff;
    border: none;
    border-radius: 10px;
    font-size: 1.1rem;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s;
    text-transform: uppercase;
    letter-spacing: 1px;}

  .joinUsCTA{background-color: #3ba5c6;padding: 40px;}
  .joinUsCTA h3, .joinUsCTA p{color: #fff;}
  .joinUsCTA h3{font-weight: 900;}
  .joinUsCTA p{font-size: 18px;}
  .testimonial{padding: 5px;}
  
  .text-left{text-align: left !important;}
  .text-blue{color: #3ba5c6;}

  #KSRequestDemo label, #KSRequestDemo h5{color: #fff;font-weight: 500;}
  .companyName{font-size: 38px; font-weight: 500;}
  /* #comp-subH{font-family: 'Manrope' !important;font-weight: 400;font-size: 1.6rem;} */
  #comp-subH {
    font-family: 'Manrope' !important;
    font-weight: 800;
    font-size: 2.1rem;
    line-height: 40px;
    color: orange;
}
  .checbox_label{font-size: 12px !important;line-height: normal;}
  /* .teamWinImg{background-color: #fff; padding: 0px;border-radius: 10px;} */
  /* .teamWinImg:hover{box-shadow: 5px 5px 50px 0 rgba(0, 0, 0, .5);} */
  .videoModalBg{background-color: inherit; border: none;}
  .vidClose{position: absolute;top: 0;right: 5px;color: #fff;background-color: #fff;padding: 5px;z-index: 1;opacity: 1;}
  /* .videoModalBg iframe{background-color: #fff;padding: 10px;} */

.bluebgTableF{ background: #4b70e2 !important; color: #fff;border-radius: 10px 10px 0 0;padding: 20px !important;
  margin-bottom: 0;font-size: x-large;font-weight: 400;vertical-align: middle;}
.bluebgTable { background: #4b70e2 !important; color: #fff;padding: 5px 20px !important;
  margin-bottom: 0; vertical-align: top;}
  .bluebgTable img {margin-right: 10px;margin-top: 6px;}
  .bluebgTable span{width: 90%;display: inline-block;}
.greentext { color: #5dab5f; font-weight: 600;}
.blutext {color: #1f8aba;font-weight: 600;}
.fa-star.checked { color: #ffc000; }
.fa-star { color: #d9d9d9; }
.icons{width: 20px;height: auto;margin-right: 0;}
.topBanImgBg{position: absolute !important; object-fit: cover; z-index: -1;width: 100%; object-position: bottom;height: 100%;left: 0;top: 0;}
.revenHead span{font-weight: 800 !important;color: #ffc107  !important;}
  /* mobile styles */

  @media (max-width:768px){
    .topNsection{padding: 0 !important;}
    .topBanNsection h1{padding-top: 0 !important;}
    .topBanNsection{padding:30px 15px !important;}
    .formWrapIQ{width: 100%;}
    .formWrapIQ .px-4{padding: 0 !important;}
    .borderRight{border-bottom: 1px solid #ccc;border-right: none !important;margin-bottom: 10px;}
    .companyName{font-size: 30px;}
    .topBanNsection h1{font-size: 28px;}
    .prodcuctive h3{font-size: 40px;}
    .dataAnalys h3{font-size: 22px;}
    .whyChoos h3{font-size: 22px !important;}
    .dataAnalys .p-5{padding: 1rem !important;}
    .dataAnalys .px-5{padding-right: 1rem !important;padding-left: 1rem !important;}
    .dataAnalys h4{font-size: 30px;}
    .mobPad{padding-top:15px !important}
    /* .teamWinImg{margin: 15px 0;} */
    .formWrapIQ{width: 100% !important;}
    .topBanImgBg{position: absolute !important; object-fit: cover; z-index: -1;width: 100%; object-position: bottom;height: 100%;left: 0;top: 0;}
    .dataAnalys-bg{padding: 25px;}
    #comp-subH{font-size: 2rem !important;padding-top: 15px;}
    .revenHead{font-size: 1.5rem !important;}
    
    
    /* .dataAnalys h3:first-child{padding-top: 15px !important;} */
    .dataAnalys h2{padding-bottom: 0;}
    /* .videoModalBg iframe{width: 100%;height: auto;} */
  }

  /* salesIQ Tab SalesIQ Helps*/
  #aiDriverIntell{background: #fff; padding: 15px; border-radius: 10px;}
  #aiDriverIntell_img{padding-right: 0;}
  #v-tab-first{width: 40%;}
  #v-tabContent-aiDriver{width: 60%;}
  #aiDriver_tabs{padding-left: 0;}
  #aiDriver_tabs button:active, #aiDriver_tabs button:focus, #aiDriver_tabs button .active{background-color: #0d619f;color: #fff;}
  #aiDriver_tabs button{padding: 5px; border: 1px solid #0d619f;background-color: #fff;border-radius: 5px; margin-bottom: 10px;}
  #aiDriver_tabs button:last-child{margin-bottom: 0;}
  #aiDriver_tabs .nav-link:hover{padding-left: 0;}
  .teamWinImg {
    background-color: #fff;
    padding: 15px;
    border-radius: 10px;
}
  .teamWinImg:hover {
    box-shadow: inherit;
}
.aiDriver.active{background-color: #0d619f !important;color: #fff;}



#chooseSalesP{
  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);padding: 30px 0; font-size: 1.5rem;
}

#chooseSalesP h2{text-align: center;
    font-size: 2rem;
    margin-bottom: 10px;
    color: #00d4ff;
    font-weight: 700;
  }


  .carousel-control-next, .carousel-control-prev {
    background: #00cdf9;
    padding: 5px;
    border-radius: 4px;
    position: absolute;
    top: 50%;
    bottom: 0;
    z-index: 1;
    display: flex
;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    color: #fff;
    text-align: center;
    border: 2px solid #0f3460;
    opacity: 1;
    transition: opacity .15s;
}

#helpWinSlider .borderSlider {
    border: 1px solid rgba(0, 212, 255, 0.3);
    border-radius: 10px;
    padding: 15px;
    margin-top: 20px;
}


/* testimonial */
.testimonial{padding-top: 30px; font-size: 1.5rem;}
.testimonial h2{text-align: center;
    font-size: 2rem;
    margin-bottom: 10px;
    color: #00d4ff;
    font-weight: 700;
  }

  .testimonial p{margin-bottom: 0; font-size: 1rem;color: #fff;text-align: center;max-width: 600px;display: block;margin: 0 auto;}
.testimonialWrap{border: 1px solid #3ba5c6; padding: 25px;border-radius: 10px;}
  .testimonialWrap h3{
  text-align: center;
    font-size: 1.5rem;
    margin-bottom: 10px;
    color: #00d4ff;
    font-weight: 700;
}

  .aiAgent{
    padding-top: 30px;}

    .aiAgent h2{text-align: center;
    font-size: 2rem;
    margin-bottom: 20px;
    color: #00d4ff;
    font-weight: 700;
  }

  .cardWrap{padding: 30px; border: 1px solid #fff; border-radius: 5px; text-align: center;margin-bottom: 20px;height: 235px;}
  .agentImg{display: block;margin: 0 auto;font-size: 3rem; text-align: center;margin-bottom: 15px;}
  .cardWrap h3{color: #fff;font-size: 1.2rem;}
  .cardWrap p{color: #fff;}


  .bottomForm{
    padding: 20px 0;display: flex; align-items: center; justify-content: center;}
  
  .formBottomWrap{max-width: 800px; padding: 30px; border: 1px solid #0099cc;border-radius: 5px; display: block; margin: 0 auto;}
  .bottomForm h2{text-align: center;
    font-size: 2rem;
    margin-bottom: 10px;
    color: #00d4ff;
    font-weight: 700;}
    .bottomForm p{text-align: center; color: #fff;margin-bottom: 30px;font-size: 1rem;}
    .formBottomWrap form label {
    color: #fff;
    font-size: 13px;
    font-weight: 500;
}
.howSalesWork{
  
    padding-top: 30px;
    text-align: center;
}
.howSalesWork h2{
  text-align: center;
    font-size: 2rem;
    margin-bottom: 10px;
    color: #00d4ff;
    font-weight: 700;
}

.howSalesWork p{color: #fff;font-size: 1rem;}
.howSalesWork img{border-radius: 5px;width: 100%;}

ul.check-list li::before {
  content: '\2713';
  color: #00d4ff;
  font-weight: 800;
  margin-right: 0.5em;
  font-size: 1.1rem;
  
}
.check-list{display: flex; gap: 15px; align-items: start; justify-content: center;width: 100%;flex-direction: column;border-right: 1px solid #cccccc96;}
.check-list li{color: #fff;font-size: 1rem;}

.testAgent{color: #fff;  text-align: center !important;font-weight: 700;}
.agentDesign{color: #cecbcb !important;font-style: italic;font-size: 0.8rem !important;}
body{
  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
}

.oppoScan h2{text-align: center;
    font-size: 2rem;
    margin-bottom: 20px;
    color: #00d4ff;
    font-weight: 700;}

  .check-list li{display: inline-flex;}
  .oppoScan{padding-top: 30px;}
  .headerWrap{padding: 0 !important;}
  .sticky-bar.stick{padding: 0 !important;}
  

  /* mobile styels */
  @media (max-width:768px)
  {
    .topNsection h1{font-size: 2rem !important;}
    .topNsection{text-align: center;}
    .formWrapIQ{padding: 15px !important;}
    .oppoScan h2, .howSalesWork h2, .aiAgent h2, .bottomForm h2{font-size: 1.5rem;}
    .check-list{border: none;margin-bottom: 15px;align-items: center;}
    .oppoScan{text-align: center;}
    .cardWrap{height: auto;padding: 20px;}
    .agentImg{font-size: 2rem;}
    .topBanNsection h5{font-size: 1.2rem;}
  }