/* *{border:1px solid #00000019;} */

/* ====================banner=============================== */
.banner .section_text { padding-right: 60px; }

/* ====================what_is=============================== */
.what_is .section_text { padding-top: 0px; align-self: center; }
.what_is { padding-bottom: 80px; padding-top: 40px; }
.what_is .video_div{ border: 12px solid #ebf6fe; width: 556px; height: 413px; margin-top: 12px; }
.what_is iframe{ height: 100%; width: 100%; }

/* ====================how_it_works=============================== */
.how_it_works { padding-bottom: 50px; background: linear-gradient( 145deg, rgb(40,119,226) 0%, rgb(109,188,224) 100%); }
.how_it_work_card { border: 2px dotted transparent; margin: 48px 0 0 0; }
.how_it_work_card .count_1 { background-color: #fff; position: relative; color: #474747; }
.how_it_works .row { padding: 50px 80px 0px 80px; }
.how_it_work_card .count_1::after {
  position: absolute;
  content: "";
  border: 12px solid  transparent;
  border-right: none;
  border-left: 16px solid #fff;
  right: -8px;
  transition: .3s;
}
.how_it_work_card p { margin-top: 22px; }
.how_it_work_card:hover .count_1::after{ border-left-color: var(--text_blue); }

/* ====================features=============================== */
.features{ background-image: linear-gradient( 360deg, rgb(255,255,255) 0%, rgb(220,241,250) 100%);}
.features .card_container {
    grid-template-columns: repeat(3,1fr);
    gap: 30px;
    padding: 40px 0px;
}
.features .img_div_1 { justify-content: flex-start; }
.features .card_1 .img_div_1 { flex: unset; height: 97px; }
.features .card_1 {
  font-size: 15px;
  flex-direction: column;
  border-radius: 15px;
  background-color: #fff;
  box-shadow: 0px 3px 26.97px 2.03px #00000019;
}
.features .card_1:hover{ box-shadow: 0px 3px 26.97px 2.03px #00000025; }
.features .card_1:hover .card_title h6{ color: var(--text_blue); }
.features .card_title {
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 8px;
  gap: 22px;
}

/* ====================Types_of_ivr=============================== */
.advantages .card_container { padding: 50px 110px; }
.advantages .img_div_1{
  border-radius: 10px;
  background-color: #006CFE04;
  width: 136px;
  height: 137px;
}
.advantages .card_1 p { max-width: unset; }
.advantages .card_1 h6 { margin-top: 20px; }


/* ====================Calculator=============================== */
.calculator {
    padding: 23px 0 55px 0;
    background: linear-gradient( 145deg, rgb(40,119,226) 0%, rgb(109,188,224) 100%);
    color: #fff;
    text-align: center;
}
.calculator .container p:nth-child(2) {
  max-width: 86ch;
  margin: 48px auto auto auto;
}
.calculator .section_title_1, .calculator .section_title_1 span { color: #fff; }

.calculator .range{
  max-width: 868px;
  margin: 170px auto 100px auto;
}
.calculator .sliderValue{
  position: relative;
  width: 100%;
}
.calculator .sliderValue span {
  position: absolute;
  height: 106px;
  width: 106px;
  transform: translateX(-37%);
  font-weight: 500;
  top: -150px;
  left: 5.8%;
  line-height: 55px;
  z-index: 2;
  color: #2b3650;
  font-size: 28px;
  font-weight: 700;
  transition: transform 0.3s ease-in-out;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--light_green);
  border-radius: 50%;
}
.calculator .sliderValue span:after {
  position: absolute;
  content: '';
  z-index: -1;
  left: 50%;
  bottom: -12px;
  transform: translateX(-50%);
  border: 20px solid transparent;
  border-bottom: none;
  border-top: 24px solid var(--light_green);
}
.calculator .field{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  position: relative;
}
.calculator .field .value{
  position: absolute;
  font-size: 28px;
  font-weight: 700;
  color: #fff;
  bottom: -70px;
}
.calculator .field .value.left{ left: 0;}
.calculator .field .value.right { right: 0;}
.calculator .range input{
  -webkit-appearance: none;
  width: 100%;
  height: 2px;
}
.calculator .range input::-webkit-slider-thumb{
  -webkit-appearance: none;
  width: 25px;
  height: 50px;
  border-radius: 50px;
  background: #fff;
  cursor: pointer;
}
/* .calculator .range input::-moz-range-thumb{
  -webkit-appearance: none;
  width: 25px;
  height: 50px;
  border-radius: 50px;
  background: #fff;
  cursor: pointer;
}
.calculator .range input::-moz-range-progress{
  background: #fff; 
} */

.calculator .card_container{
  display: grid;
  grid-template-columns: repeat(3,295px);
  justify-content: center;
  gap: 52px;
  margin-bottom: 40px;
}
.calculator .card_1 {
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0px 0px 27px 2px rgba(0, 0, 0, 0.33);
  padding: 22px 20px;
}
.calculator .card_1:hover{
  box-shadow: 0px 0px 27px 3px rgba(0, 0, 0, 0.5);
}
.calculator .img_div_1{
  border-radius: 50%;
  background-color: rgb(0, 108, 254);
  width: 59px;
  height: 59px;
}
.calculator .card_1 .price {
  color: #0061b8;
  font-size: 34px;
  font-weight: 500;
  margin-top: 12px;
}
.calculator .card_container .card_1:last-child span,
.calculator .card_container .card_1:last-child p{
  font-weight: 800;
}
.calculator .card_container .card_1:last-child p{ color: var(--light_green);}
.cal_disclaimer{ font-weight: 700; margin-bottom: 0;}
.cal_disclaimer span{ font-weight: 400; }


/* ====================IVR_use=============================== */
.ivr_integration{padding: 54px 0 20px 0;}
.ivr_integration .section_title_1{
  max-width: 37ch;
  margin: auto;
}
.ivr_integration .row {
  padding: 36px 0px;
}
.ivr_integration .card_1{
  align-items: flex-start;
  text-align: left;
}
.ivr_integration .card_1 h6{
  margin-top: 16px;
}

/* ====================Automate_Business_with_IVR=============================== */
.ivr_automate{
  background-image: linear-gradient( 315deg, rgb(232,245,252) 0%, rgb(180,229,254) 100%);
  padding: 55px 0;
  text-align: center;
}
.ivr_automate .section_title_1 {
  max-width: 40ch;
  margin: auto;
}
.ivr_automate img{
  margin-top: 60px;
  margin-bottom: 24px;
}


/* ====================why_ivr_essential=============================== */
.why_ivr_essential { background-image: unset; }
.why_ivr_essential .card_1 { box-shadow: unset; }


/* ====================go_to_ivr_blog=============================== */
.e_book{
  background-image: linear-gradient( 142deg, rgb(40,119,226) 0%, rgb(109,188,224) 100%);
  padding: 20px 110px;
}
.e_book p{ font-size: 23px; color: #fff; }
.e_book .design { top: 0; }
.e_book .section_title_1 { margin-top: 40px; }


/* ====================media_Queries=============================== */
@media only screen and (max-width:1025px){
.banner { background-image: linear-gradient( 180deg, rgb(210,239,253) 0%, rgb(255,255,255) 200%); }
.ivr_automate img{max-width: 100% }
.what_is .section_title_1{margin-top: 16px;}
.what_is { padding-bottom: 60px; padding-top: 60px; }
.what_is .video_div{margin: auto;}
.features{ background-image: linear-gradient( 360deg, rgb(255,255,255) 0%, rgb(220,241,250) 0%);}
.features .card_container { grid-template-columns: 1fr; gap: 16px; padding: 8px 50px; }
.advantages .card_container { padding: 50px 110px; }
.advantages .img_div_1 { height: 80px; margin-bottom: 0; }
.advantages .card_1 h6 { margin-top: 12px; }
.how_it_work_card { margin: -8px auto 8px auto; }
.how_it_works .section_img img{ margin-bottom: -32px;}
.why_ivr_essential .card_container { padding: 50px; }
.why_ivr_essential .card_1 { text-align: center; align-items: center; }
.calculator{padding-top: 40px;}
.calculator .section_title_1:nth-child(3){ margin-top: 32px; }
.calculator .range { margin: 130px auto; max-width: 90%;}
.calculator .field .value { bottom: -50px; }
.calculator .sliderValue span:after { bottom: -8px; border-width: 8px; border-top-width: 12px; }
.calculator .sliderValue span { height: 76px; width: 76px; top: -100px; font-size: 18px;}
.calculator .card_container { grid-template-columns: repeat(3,224px); gap: 12px; }
.calculator .card_1{padding: 22px 8px;}
.calculator .card_1 .price { font-size: 24px; }
.calculator .card_1 p{ font-size: 14px; letter-spacing: 0px; } 
.calculator .range input::-webkit-slider-thumb{ width: 15px; height: 30px; }
.ivr_integration .card_1 { align-items: center; text-align: center; }
.e_book { padding: 20px 12px; }
}

@media only screen and (max-width:767px){
.banner .section_text { padding-right: unset; }
.what_is .video_div { border: 4px solid #ebf6fe; width: auto; height: 240px; }
.how_it_works { padding-bottom: 0px; }
.how_it_works .row { padding: 10px 0px 0px 0px; }
.how_it_works .section_img img{ margin-bottom: -12px;}
.how_it_work_card .count_1_div { align-items: center; }
.how_it_work_card p { margin-top: 12px; }
.how_it_work_card { padding: 12px; }
.how_it_work_card .count_1::after {
    border: 8px solid  transparent;
    border-left-color: transparent!important;
    border-bottom: none;
    border-top: 12px solid #fff;
    left: 50%;
    right: unset;
    transform: translateX(-50%);
    bottom: -5px;
}
.how_it_work_card:hover .count_1::after{ border-left-color: transparent; border-top-color: var(--text_blue); }
.features .card_title { gap: 4px; flex-direction: column; }
.why_ivr_essential .card_container{ grid-template-columns: 1fr;}
.calculator .card_container { grid-template-columns: 1fr; gap: 16px; }
.calculator .sliderValue span {font-size: 16px; height: 20px; width: 60px; border-radius: 50px; top: -45px; }
.calculator .sliderValue span:after { bottom: -6px; border-width: 8px; border-top-width: 10px; }
.calculator .field .value { font-size: 16px; bottom: -35px; }
.calculator .img_div_1 { width: 40px; height: 40px; }
.calculator .card_1 { margin: 0 24px; padding: 12px;}
.cal_disclaimer { font-size: 12px; letter-spacing: 0; }
.calculator .range { margin: 80px auto; }
.calculator .range input::-webkit-slider-thumb{ width: 12px; height: 24px; }
.ivr_integration .card_1 { text-align: justify; padding: 12px 26px; }
.ivr_integration .card_1 h6 { margin-top: 4px; }
.ivr_integration .row { padding: 0; }
}