@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');
:root {
  --text_grey: #474747;
  --light_green: #81de76;
  --text_blue: #0061b8;
  --light_blue: #0893d2;
  --light_bg: #fafcfe;
}
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box; 
  font-family: 'Poppins', sans-serif;
}

/* /--------Horizontal tabs Code-------/ */
.call-popup-wrapper {border:0px solid #fc0; }
.call-popup-wrapper .form-group textarea{
  padding: 16px 16px;
  font-size: 14px;
  font-weight: 300;
  border: 1px solid #ced4da42;
  border-radius: 0px;
  color: #474747;
  display:block;
  width:100%;
}
.call-popup-wrapper b{color:var(--text_blue); font-weight:500;}
.call-popup-wrapper .tab-content{margin:10px 0px 0px 0px; }
.call-popup-wrapper .nav-pills .nav-item{flex:1;}
.call-popup-wrapper .nav-pills .nav-link {font-size:13px; color:rgba(0, 0, 0, 0.247); padding:0px!important; text-align:center;  }
.call-popup-wrapper i.fas { text-align: center!important; display:block!important; font-size:20px; line-height:50px; margin:0px auto 5px auto; box-shadow:  0px 0px 8.37px 0.63px rgba(0, 0, 0, 0.03); width:50px; height:50px; border-radius:50%; }
.call-popup-wrapper .nav-pills .nav-link.active i.fas{color:var(--light_green);}
.call-popup-wrapper .nav-pills .nav-link.active, .nav-pills .show>.nav-link {background: transparent; color:var(--text_blue);}
.call-popup-wrapper h3{
  text-align: center;
  margin: 20px auto 20px auto;
  font-size: 23px;
  font-weight: 600;
  line-height:32px;
  color: #000;
}

/* /--------Horizontal tabs Code ends-------/ */
.usp-btn{
  font-weight: 500;
  color: var(--light_green); 
  text-decoration: underline; 
  text-align:left;  
  margin:10px 0px 0px 0px; 
  display:block; 
  width:100px;
}
.nav_ul li ul.width-custom{width:420px;  }
.industry-menu {float:left;}
.industry-menu ul{
  position: static!important;
  top: 0px!important;
  left: 0px!important;
  width: 210px!important;
  box-shadow: none!important;
  background-color: transparent; 
  display:inline-block; 
}
:focus-visible{border:0px; outline:none;}
.pulse {
  position:absolute;
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #e2445a;
  cursor: pointer;
  box-shadow: 0 0 0 #e2445996;
  animation: pulse 2s infinite;
}
.pulse:hover { animation: none; }
@keyframes pulse {
  0% { -webkit-box-shadow: 0 0 0 0 #e2445996; -moz-box-shadow: 0 0 0 0 #e2445996; box-shadow: 0 0 0 0 #e2445996; }
  70% { -webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0); -moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0); box-shadow: 0 0 0 10px rgba(204,169,44, 0); }
  100% { -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0); -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0); box-shadow: 0 0 0 0 rgba(204,169,44, 0); }
}
.customer-support-pop{
  position: fixed;
  right: 20px;
  top: 270px; 
  width:190px; 
  height:190px; 
  background-color:#fbfbfb; 
  border-radius:5px; 
  border:1px solid #fbfbfb; 
  display:flex; 
  flex-direction: column; 
  align-items: center; 
  justify-content: center; 
  text-align:center; 
  box-sizing: border-box; 
  padding:0px 10px; 
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.068); 
  z-index: 999;
}
.customer-support-pop::after{
  content:''; 
  width: 0; 
  height: 0;  
  right:45px; 
  bottom:-10px; 
  position:absolute;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #fbfbfb; 
}
.customer-pop-close{
  content:''; 
  color:#fff; 
  font-size:15px; 
  font-weight:bold; 
  width: 25px; 
  height: 25px;  
  right:-10px; 
  top:-10px; 
  position:absolute; 
  background-color: #e2445c; 
  border-radius:50%;  
  line-height: 25px; 
  opacity:0; 
  transition: opacity .1s linear; 
  cursor: pointer; 
}
.customer-support-pop:hover  .customer-pop-close{ opacity:1; }
.greetings-msg {font-size:17px; font-weight:700; margin:0px 0px;  color:#000!important;}
.sub-greetings-msg {font-size:14px; font-weight:normal; margin:0px 0px; color:#000!important;}
.customer-support-pop button{
  background-color: var(--light_green); 
  border-radius:5px; 
  box-shadow: 0 3px 6px 0 rgba(0,0,0,.16); 
  padding:9px 20px; 
  font-size:20px;  
  border:0px; 
  color:#000; 
  margin:5px 0px 0px 0px; 
  transition:ease .3s;
}
.customer-support-pop button:hover{background-color: var(--text_blue); color:#fff;}
.customer-support{
  position: fixed;
  right: 40px;
  top: 480px;
  cursor: pointer;
  z-index: 10; border-radius:50%;
  width:70px; height:70px; background: #e2445a url(../png/white-bg-call-icon.png) center; background-repeat: no-repeat; background-size: 45%;
}
.call-fixed::after{position: absolute;
  content: '';
  width: 0;
  height: 0;
  border-left: 16px solid transparent;
  border-right: 0px solid transparent;
  border-top: 16px solid #d00101;
  right: 0px;
  bottom: -16px;}
.call-fixed{
  display:none; 
  position:relative; 
  width:50px; 
  height:50px; 
  background: #e2445a url(../png/white-bg-call-icon.png) center; 
  background-repeat: no-repeat; 
  background-size: 45%; 
}
.Call-Popup{margin:20px 0px;}
.Call-Popup  label{margin:0px 0px 0px 0px;}
.set-width{width:50%; padding:0 0px 0px 0px; float:left;}
.Call-Popup small{color: var(--light_green)!important; font-size:12px;}
.Call-Popup select {
  -webkit-appearance: none; -moz-appearance: none; appearance: none;
  display:block; 
  margin:0px ;
}
.custom-select{width:100%;   padding: 16px 16px; font-size: 14px; font-weight: 300;
  border: 1px solid #ced4da42;  color: #474747;
  margin: 8px 0;
  color: var(--text_gray);
  background: url(../png/black-down-arrow.png) no-repeat 95% 23px;}
.open-menu-list {display:none;}
.free_trail_btn{
  position: absolute;
  font-size: 17px;
  font-weight: 600;
  background-color: var(--light_green);
  color: var(--text_grey);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 200px;
  right: 0;
  top: 0;
  height: 100%;
  transition: .3s; display:none;
}
.free_trail_btn:hover{
  background-color: var(--text_blue);
  color: white;
}
.chatBot_ul,
.autoDialer_ul,
.bulkVoiceCall_ul,
.ivrService_ul{display:block;}
.open-menu-list {width:13px; height:7px; content: url(../png/black-down-arrow2.png); position: absolute; right:-5px; border:0px; top:10px; }
.flow-left{float:left; margin:0px 80px 0px 0px;}
.back-tologin:hover{color:#0061b8!important;}
.nav_ul li{position: relative;}
.nav_ul ul li {display:block;}
.nav_ul ul a{ padding:8px 0px 8px 15px; display:block; font-size:13px; }
.nav_ul ul a:hover{ padding:8px 0px 8px 18px; display:block; transition: ease .3s; }
.nav_ul ul{
  position: absolute;
  top: 24px;
  left: 0px;
  width: 224px;
  box-shadow: 1px 1px 5px 2px #9e9e9e47;
  background-color: #fff; display:none; 
}
.nav_ul li:hover ul{ display:block; }
.modal{overflow-y:scroll;}
.custom-btn-close{ z-index:999; border-radius:50%; width:40px; height:40px; background-color: #e2445c; border:none; position: absolute; right:-10px; color:#fff; font-size:26px; top:-10px;}

/* login & register & popup-------------------------------------------- */
.scroll-top {
  z-index: 99;
  display: none;
  width: 47px;
  height: 47px;
  background-color: rgb(129, 222, 118);
  box-shadow: 0px 5px 8.1px 1.9px rgba(0, 0, 0, 0.05);
  position: fixed;
  background-image: url(../png/scrolltop-arrow.png);
  background-repeat: no-repeat;
  background-position: center;
  right: 20px;
  bottom: 40px;
}
.scroll-top:hover {
  background-color: #fff;
  transition: all .4s ease-in;
  -webkit-transition: all .4s ease-in;
  -moz-transition: all .4s ease-in;
}
.whyChoose .container{max-width:1280px;}
.wrapper-div {position:relative;}

/* ============modal register==================== */
.register-for .form-control:focus,  .login-for .form-control:focus{
  color: #212529;
  background-color: #fff;
  border-color: none;
  outline: 0;
  box-shadow: none;
}
.register-for .form-control, .login-for .form-control{
  padding: 16px 16px;
  font-size: 14px;
  font-weight: 300;
  border: 1px solid #ced4da42;
  border-radius: 0px;
  color: #474747;
}
.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  padding: 1rem 1rem;
  border-bottom: none !important;
}
.modal-header .modal-title{
  text-align: center;
  margin: 0 auto;
  font-size: 30px;
  font-weight: 600;
  margin-top: 6px;
  color: #000;
}
.modal-header .btn-close{
  position: absolute;
  right: 0px;
  top: 38px;
  border: 1px solid #ddd;
  border-radius: 50%;
  display: none;
} 
.modal-header .btn-close1{
  position: absolute;
  right: 20px;
  top: 38px;
  border: 1px solid #ddd;
  border-radius: 50%;
  display: none;
} 
.modal-header .modal-title span{
  color: var(--text_blue);
}
.register-for label, .login-for label{
  font-size: 14px;
  color: #474747;
  font-weight: 600;
  margin-top: 10px;
  margin-bottom: 0px;
}
.form-check{
  margin-top: 5px;
}
.form-check p{
  font-size: 12px;
  font-weight: 300;
  color: #474747;
  margin-bottom: 5px;
}
.modal-content {
  border: none !important;
  border-radius: 0px !important;
  outline: 0;
  padding: 0px 30px;
  width: 541px !important;
}
.modal-body {
  padding: 0px 20px !important;
}
.register-for .form-check-input[type=checkbox] {
  border-radius: inherit;
  padding: 7px;
  margin-top: 24px;
  margin-right: 4px;
}
.register-for button, .login-for button{
  width: 100%;
  border: none;
  padding: 13px 0px;
  font-size: 21px;
  font-weight: 600;
  margin-top: 8px;
}
.login-for button{
  margin-top: 20px;
}
.login-form .login_btn{
  width: 100%;
  border: none;
  padding: 9px 0px;
  font-weight: 400;
  font-size: 14px;
  margin-top: 25px;
}
.continue p{
  font-size: 17px;
  text-align: center;
  margin-bottom: 7px;
  font-weight: 600;
}
.social a{
  text-decoration: none;
  width: 32px;
  height: 32px;
  margin:0px 2px 0px 2px;
  padding: 7px;
  border-radius: 50%;
  position: relative;
  box-shadow: 0px 0px 4.85px 0.15px rgba(0, 0, 0, 0.11);
}
.social a img{
 margin:auto;
 position:absolute; text-align: center;left:0px; right:0px;
}
.social a:hover{
  color: #10d210a1;
  border-color: #10d210a1;
  box-shadow: 0px 0px 4.85px 0.15px #10d210a1;
}
.continue{
  position: relative;
  margin-top: 20px;
}
.continue span{
  display: block;
  background: #81dd75;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  text-align: center;
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 10px;
  position: relative;
  font-size: 15px;
  line-height: 25px;
  box-shadow: 0px 0px 4.85px 0.15px rgba(0, 0, 0, 0.11);
  font-weight: 500;
  color: #000;
}
.continue::after{
  content: '';
  width: 100%;
  height: 1px;
  background-color: #dddddd26;
  position: absolute;
  top: 11px;
  left: 0;
}
.social{
  text-align: center;
  margin-bottom: 5px;
}
.login-user{
  text-align: center;
  font-size: 15px;
  margin-top: 15px;
  margin-bottom: 30px;
  color: #000;
  font-weight: 400;
}
.login-user a{
  text-decoration: none;
  color: var(--text_blue);
  font-weight: 700;
}
.login-user a:hover{
  color: #81dd75;
  transition: .3s ease-in-out;
}

/* ===============login forn====================== */
#login{
  margin-top: -5px;
}
.login-form{
  max-width: 400px;
  background: #fff;
  border: 1px solid #ddd;
  margin: 20px auto;
  padding: 20px;
  display: none;
}
.login-form h3{
  text-align: center;
  font-size: 18px;
}
.login-form h3 span{
  color: #06adf1;
  font-size: 18px;
}
.login-form .form-control {
  display: block;
  width: 100%;
  padding: 10px 10px;
  font-size: 12px;
  font-weight: 100;
  color: #212529;
  border: 1px solid #dddddd61;
}
.img-border{
  border: 2px solid #81dd75;
  border-radius: 50%;
  padding: 4px;
  width:22px;
  height: 22px;
}
.login-form label {
  padding: 7px 0px;
  font-size: 13px;
  font-weight: 500;
}
.login-form label p{
  font-weight: 400;
  font-size: 11px;
}
.login-form label p span{
  font-weight: 600;
}
.login-form .form-check-input[type=checkbox] {
  border-radius: 0px;
  margin-top: 25px;
}
.login-help{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 12px;
  align-items: center;
}
.help-btn {position:relative; padding:0px 0px 0px 30px; font-size:15px; }
.help-btn:before{left:0px; right:0px;padding:3px; text-align: center; content: url(../png/help-icon.png); border-radius:50%; width:25px; height:25px; border:2px solid #81de76; position:absolute; }
.login-help i{
  border: 1px solid #10d210a1;
  color: #10d210a1;
  padding: 5px;
  font-size: 15px;
  border-radius: 50%;
  text-align: center;
  margin-right: 5px;
} 
.login-help a{
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  text-decoration: none;
}

/* ===============popup section========================== */
#click-img{ display: none; }
.click-img{
  position: fixed;
  right: 0;
  top: 280px;
  cursor: pointer;
  z-index: 10;
}
.popup .send-btn{
  display: block;
  margin-left: auto;
  margin-right: auto;
  border:none;
  padding: 9px 30px;
  margin-top: 12px;
  font-weight: 500;
  margin-bottom: 25px;
}
.popup h3{
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  padding: 20px 35px;
  color: #474747;
  line-height: 1.5;
  margin-bottom: -5px;
}
.popup textarea{
  padding: 10px 0px 65px 10px;
  width: 100%;
  margin-top: 40px;
  border: 1px solid #ddd;
  font-size: 13px;
  font-weight: 500;
  overflow: hidden;
  resize: none;
}
.popup-likes{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.popup-likes .popup-like1{
  text-align: center;
  position: relative;
  width: 56px;
  height: 56px;
}
.popup-likes .popup-like1 img{
  width: 50px;
}
.popup-likes .popup-like1 span{
  text-transform: capitalize;
  font-size: 12px;
  font-weight: 500;
  color: #474747;
  cursor: pointer;
}
.popup-likes .popup-like1 span:hover,
.popup-likes .popup-like1 span.active{
  color: #e2445c;
  transition: 0.3s ease-in-out;
}
.cross-btn{
  position: absolute;
  right: -10px;
  top: -20px;
  z-index: 2;
}
.cross-btn button{
  border: none;
  background: #e2445c;
  border-radius: 50%;
  color: #fff;
  width: 39px;
  height: 39px;
}
.cross-btn button img{
  width: 14px;
  height: 14px;
  position: absolute;
  margin:auto; left:0px; right:0px; top:0px; bottom:0px;
}


/* login & rgister & popup END------------------------------------------------------------------------ */
.allTabContent .tab_content:not(#ivr){ display: none; } 
body{ line-height: 1.5; }
ul{
  list-style: none; 
  padding-left: 0; 
  margin-bottom: 0;
}
ul li{display: inline-block;}
footer ul{padding-left: 0;}
footer ul li{display: block;}
.social_icon_ul li{display: inline-block;}
.icon_div{display: inline-block;}
.nav_brand{margin: auto 0}
.nav_toggle_icon{ background: url(../svg/nav_toggle_icon.svg) }
.navbar_toggler{display: none;}
input, textarea{outline: none; border: none;}
.section_pad{ padding: 40px 0; }
footer{ padding-top: 40px; }
.sec_row_pad{ padding: 27px 0; }
.section_title_1{ 
  text-align: center; 
  font-weight: 500; 
  margin-top: 30px; 
  color: var(--text_grey); 
  font-size: 30px;
}
.section_title_1 span{ 
  font-weight: 600; 
  color: var(--text_blue);
}
.section_title_2{ 
  text-align: center; 
  font-weight: 300; 
  color: var(--text_grey); 
  max-width: 500px;
  margin: auto;
  margin-bottom: 40px;
  position: relative;
}
.form_title_2{
  text-align: center; 
  font-weight: 300; 
  color: var(--text_grey); 
}
.section_title_2::after{
  content: "";
  position: absolute;
  border-bottom: 3px solid var(--light_green);
  left: 50%;
  transform: translateX(-50%);
  bottom: -10px;
  width: 33px;
}
a{
  text-decoration: none; 
  color: #000;
  transition: 0.3s; 
  /* display: inline-block; */
}
.gallary{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 15px;
}

/* ----------------------------------------------------- */
.img_div{
  width: 44px;
  height: 44px;
  border-radius: 50%;
  margin-right: 10px;
  background-color: #fcf1ec;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
}

/* ---------------------------------------------------- */
#faq_sec li a::before{
  content: "";
  display: inline-block;
  background: url(../down-chevron.html) no-repeat center;
  background-size: 12px;
  width: 12px;
  height: 12px;
  margin-right: 8px;
}
.navbar_c{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.nav_brand img{ margin: 8px 8px 8px 0; }
.navbar_contact_lg{
  display: flex;
  align-items: center;
}
.navbar_contact_sm{display: none; }
.navbar_collapse a{
  color: var(--text_grey);
  font-size: 15px;
}
.nav_ul a{
  padding: 0 10px;
}
.nav_ul a.nav_ul_crm img,
.nav_ul a.nav_ul_crm span{
  display: none;
}
.fa_phone{
  color: var(--light_green);
  margin-right: 5px;
}
.phone_no{
  font-size: 16px;
  margin: 0px 7px;
}
.phone_no a, .login_signup a{
  color: var(--text_blue);
  font-weight: 500;
}
.login_signup{
  box-shadow: 0px 3px 8px 8px rgba(0, 0, 0, 0.05);
  padding: 8px 14px;
  border-radius: 5px;
  margin: 0 7px ;
  transition: .3s;
  display: flex !important;
}
.login_signup a:hover{
  color: var(--text_grey);
  text-shadow: 0 0 2px rgb(0 0 0 / 10%);
}
.login_signup a{
  font-size: 15px;
  padding: 5px;
}
.nav_login{
  position: relative;
}
.nav_login::after{
  content:"";
  border-right: 2px solid var(--text_blue);
  height: 15px;
  top: 50%;
  transform: translateY(-50%);
  right: -3px;
  position: absolute;
}
#header_id{
  position: fixed;
  width: 100%;
  background: #fff;
  z-index: 99; box-shadow:0px 0px 4px 3px #00000021;
}
.partner_btn{
  position: absolute;
  font-size: 17px;
  font-weight: 600;
  background-color: var(--light_green);
  color: var(--text_grey);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 200px;
  right: 0;
  top: 0;
  height: 100%;
  transition: .3s;
}
.partner_btn:hover{
  background-color: var(--text_blue);
  color: white;
}
.banner, .linear_bg{
  background-color: #6dbce0;
  background: linear-gradient(130deg, #6dbce0, #2877e2);
  padding-top: 30px;
}

.banner_div{
  display: flex;
  flex-direction: column;
 margin:80px auto 0px auto!important;
}
.banner_left{
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.banner_left .btn_div{
  margin-bottom: 66px;
}
.btn_div{
  margin-right: auto;
  background-color: var(--light_green);
  box-shadow: 0px 5px 8px 2px rgba(0, 0, 0, 0.05);
  color: black;
  padding: 16px;
  font-size: 17px;
  font-weight: 500;
  transition: .3s;
  display: inline-block;
}
.btn_div_center{
  text-align: center;
  display: block;
  width: 160px;
  margin: auto;
}
.btn_div_sm{
  text-align: center;
  display: block;
  width: 160px;
  margin: auto;
  background-color: var(--light_green);
  box-shadow: 0px 5px 8px 2px rgba(0, 0, 0, 0.05);
  color: black;
  padding: 16px;
  font-size: 17px;
  font-weight: 500;
  transition: .3s;
}

.btn_div:hover{
  background-color: var(--text_blue);
  color: white;
}
.banner_left h1{
  color: white;
  font-size: 37px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .95px;
  text-shadow: 0px 0px 12.09px rgba(0, 0, 0, 0.13);
}
.banner_left p{
  color: white;
  font-size: 22px;
  font-weight: 300;
  text-shadow: 0px 0px 12.09px rgba(0, 0, 0, 0.13);
}
.banner_right img{
  width: 100%;
}
.instant_quote .form_title_1{
  margin-top: 0;
}
.instant_quote{
  box-shadow: 0px 3px 8.5px 1.5px rgba(0, 0, 0, 0.05);
  position: relative;
  margin-top: -96px;
  background-color: white;
  padding: 48px;
}
.instant_quote::before{
  content: "";
  display: block;
  width: 277px;
  height: 127px;
  background: url(../png/dotted_line.png) no-repeat center;
  position: absolute;
  top: -117px;
  right: 72px;
}
.instant_quote::after{
  content: "";
  position: absolute;
  border-right: 32px solid var(--light_green);
  border-top: 32px solid var(--light_green);
  border-left: 32px solid transparent;
  border-bottom: 32px solid transparent;
  top: 0;
  right: 0;
}
#instantQuote{
  display: flex;
  flex-direction: column;
  color: var(--text_grey);
}
#instantQuote2{
  display: flex;
  flex-direction: column;
  color: var(--text_grey);
}
.checkbox_div label{
  margin-left: 10px;
}
.checkbox_div{
  display: flex;
  align-items: center;
  margin-top: 8px;
}
#instantQuote input,
#instantQuote textarea{
  padding: 16px 12px;
  border: 1px solid #47474725;
  margin: 8px 0;
  color: var(--text_gray);
}
#instantQuote textarea{
  height: 100px ;
}
#instantQuote2 input,
#instantQuote2 textarea{
  padding: 16px 12px;
  border: 1px solid #47474725;
  margin: 8px 0;
  color: var(--text_gray);
}
#instantQuote2 textarea{
  height: 100px ;
}
.whyCard_div{
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  justify-content: center;
}
.whyCard_div .whyCard{
  text-align: center;
  padding: 22px;
  box-shadow: 0px 3px 8.5px 1.5px rgba(0, 0, 0, 0.05);
  border: 2px solid white;
  transition: .3s;
  width:45%;
}
.whyCard_div .whyCard {
  transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth transition for both transform and box-shadow */
}

.whyCard_div .whyCard:hover {
  transform: translateY(-5px); /* Moves the element 5px upwards */
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); /* Adds a shadow to create a lifted effect */
}
.whyCard_div .whyCard img{
  margin-right: 3px;
}
.whyCard_div .whyCard h6{
  display: inline-block;
  font-weight: 500;
  color: var(--text_blue);
}
.whyCard_div .whyCard p{
  width:100%;
  font-size: 13.28px;
  font-weight: 500;
  margin-top: 20px;
}
.instant_quote_btn{
  padding: 16px 48px;
  border:none;
  margin: auto;
  margin-top: 20px;
}
#customers .item {
  box-shadow: 0px 0px 8.37px 0.63px rgba(0, 0, 0, 0.03);
 height:125px;  display: table-cell; width:180px;  vertical-align: middle; border:0px solid #fff;
}
#customers .owl-carousel .owl-stage-outer{padding:10px 0px;}
#customers .owl-theme .owl-nav.disabled + .owl-dots{ margin-top: 30px;}
#customers .owl_1 div.owl-stage{
  display: flex;
  align-items: center;
}
#customers  .owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 2px; border-radius:0px; }

#customers .owl_1 .owl-item img{
  width: auto;
  margin: auto;
}
#services .owl_2 .owl-stage img{width: auto;     margin: auto;}
#services{ color: white; }
#services .container{max-width:1200px;}
#services h2{ color: white; }
#services p{color: white;}
.green_line{
  position: relative;
  display: inline-block;
}
.green_line::after {
    content: "";
    position: absolute;
    border-bottom: 3px solid var(--light_green);
    left: 0;
    bottom: -8px;
    width: 33px;
}
.ivr_p1{
  font-size: 22px;
  font-weight: 500;
  margin-top: 16px;
}
.ivr_p2{
  font-size: 22px;
  font-weight: 700;
  }
.ivr_p3{
  font-size: 14px;
}
.ivr_ul li{
  font-size: 12px;
  background-color: var(--text_blue);
  padding: 6px;
  margin: 8px 8px 0 0;
}
.ivr_right{
  padding: 0 28px;
  max-width: 512px;
}
.ivr_right .btn_div{
  padding: 12px 32px;
  margin-top: 28px;
}
.ivr_img{
  margin-top: 60px;
  width: 100%;
}
.owl_2 div.item a{
  display: block;
  position: relative;
  text-align: center;
  height: 126px;
  padding: 16px;
  margin: 0px;
  transition: .3s;
  color: white;
}
.owl_2 .item a.active{
  box-shadow: 0px 3px 17.85px 3.15px rgba(0, 0, 0, 0.15);
  position: relative;
}
.owl_2 .item a.active:after{
  background: url(../png/services_img_after.png) center bottom no-repeat;
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -8px;
  height: 8px;
}
.owl_2 div.item a span{
  font-size: 17px;
  font-weight: 500;
  margin-top: 12px;
}
.owl_2 .owl-item{
  margin-right: 0;
  padding: 20px 10px;
}
#usp .container{max-width:1213px;}
#usp{
  margin-bottom: 28px;
}
#usp .btn_div_sm{display: none;}
#usp .row > div{
  background-color: var(--light_bg);
}
#usp .btn_div{
  padding: 12px 32px;
  margin-top: 22px;
}
#usp ul{
  margin-top: 16px;
}
#usp li{
  display: block;
  font-size: 14px;
  font-weight: 300;
  padding: 4px 0;
  margin-left: 16px;
  position: relative;
}
#usp li::before{
  position: absolute;
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  top: 50%;
  transform: translateY(-50%);
  left: -16px;
  background-color: var(--light_green);
}
.ul_top h6{
  font-weight: 500;
  color: var(--text_blue);
  margin-left: 5px;
  display: inline;
}
#usp .row > div{
  padding: 38px;
}
#testimony{
  background-color: var(--text_blue) ;
  background: linear-gradient(130deg, #6dbce07D, #2877e27D), url(../jpg/testimonial_bg.jpg) no-repeat top center / cover;
}
.owl_3_container{
  margin-bottom: -240px;
}
.owl_3_container .owl-carousel.owl-drag .owl-item{margin:0px 0px 0px 0px;}
.testimonial_card{
  text-align: center;
  background-color: white;
  padding: 32px;
  width: 100%;
  height: 436px;
  margin: 40px auto 12px auto;
  display: flex;
  flex-direction: column;
  box-shadow: 0 1px 8px 0px rgb(0 0 0 / 10%);
}
#testimony .testi_face{
  background: url(../png/testimonial_img_3.png) no-repeat top center / cover;
  border-radius: 50%;
  box-shadow: 0px 11px 12.74px 0.26px rgba(32, 28, 29, 0.23);
  width: 110px;
  height: 110px;
  margin: 0 auto;
  margin-top: -65px;
}
#testimony .container{max-width:1200px;}
#testimony .testi_quote{
  width: 72px;
}
#testimony .testimonial_card p{
  font-size: 14px;
  color: black;
  font-weight: 300;
  margin-top: 16px;
  line-height: 2;
  hyphens: auto;
  letter-spacing: 1px;
}
.testi_name{
  font-size: 21px;
  font-weight: 700;
  color: var(--text_blue);
  position: relative;
  margin-top: auto;
}
.testi_name::before{
  content:"";
  position: absolute;
  border-top:1px solid black;
  left: 50%;
  transform: translateX(-50%);
  top: -22px;
  width: 80px;
}
#testimony h2.section_title_1, #testimony p.section_title_2{
  color: white;
}
#testimony .btn_div{
  margin: -10px auto 56px auto;
}
#score{
  background-color: var(--light_bg);
  margin-top: 220px;
}
#score .section_title_1{
  text-align: left;
}
.score_p1{
  font-size: 16px;
  font-weight: 300;
  margin-top: 24px;
  max-width: 300px;
}
.score_p1 span{
  font-weight: 700;
  color: var(--light_green);
  display: block;
}
.score_percent{
  font-size: 53px;
  font-weight: 500;
  color: var(--text_grey);
}
.score_blue_text{
  font-size: 15px;
  font-weight: 700;
  color: var(--text_blue);
}
.score_card p{
  font-size: 14px;
  font-weight: 500;
  color: var(--text_grey);
  line-height: 22px;
}
.score_card{
  border: 2px solid var(--light_bg);
  padding: 30px 20px 0 20px;
  transition: .4s ease-in-out;
}
.score_card:hover{
  box-shadow: 0px 3px 17.85px 3.15px rgba(0, 0, 0, 0.07);
  background-color: #fff;
}
#latest_blog .container{position: relative; max-width:1100px;}
#latest_blog .container .sec_row_pad{padding:0px 0px;}
a.to_top{
  position: absolute;
  color: var(--text_gray);
  border:1px solid white;
  border-radius: 5px;
  width: 54px;
  height: 54px;
  font-size: 20px;
  text-align: center;
  line-height: 1;
  display: block;
  right: 20px;
  bottom: 0px;
}

.blog_text{
  width: 100%;
  letter-spacing: 1px;
  box-shadow: 0px 0px 6.51px 0.49px rgba(0, 0, 0, 0.09);
  box-sizing: border-box;
  padding:20px;
 
}
.blog_text h6{
  font-size: 17px;
  color: #000;
  font-weight: 500;
}
.blog_text p{
  font-size: 14px;
  color: #000;
  line-height: 1.75;
}
.blog_text span{
  color: var(--text_blue);
  font-size: 13px;
  margin-top: auto;
}
.blog_card {
  border-radius: 5px;
  /*display: flex;
  flex-direction: column;
align-items: center;
  height: 460px;*/ 
  width: 100%;
  margin: auto;
  position: relative; margin:10px 0px; padding:10px; box-sizing:border-box;
}
.blog_card img{width:100%;}
.blog_date{
  position: absolute;
  display: block;
  padding: 5px 24px;
  top: 18px;
  left: 0px;
  color: white;
  background-color: var(--text_blue);
  font-size: 13px;
}
.blog_circle{
  position: absolute;
  font-size: 22px;
  top: calc(46% + 40px);
  right: -12px;
  display: block;
  text-align: center;
  line-height: 2.2;
  height: 44px;
  width: 44px;
  transform:translateY(-50%);
  color: var(--light_green);
  background-color: white;
  border-radius: 50%;
  box-shadow: 0px 0px 14.88px 1.12px rgba(0, 0, 0, 0.22);
}
.blog_text img{
  border-radius: 5px;
}

/* Subcription Form ---------------------------------------------*/
#form_sec .section_title_1{
  font-size: 26px;
  font-weight: 600;
}
.sub_form_wrapper{
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 12px;
  margin-bottom: -21px;
}
.subscribe_form{
  box-shadow: 0px 0px 14.88px 1.12px rgba(0, 0, 0, 0.09);
}
.subscribe_form input.text_box{
  font-weight: 500;
  padding: 16px 36px;
  width: 430px;
}
.subscribe_form .btn_div{
  font-size: 16px;
  font-weight: 700;
  float: right;
  padding: 16px 28px;
}

/* footer Section---------------------------------------- */
.footer_c{
  background-color: var(--light_blue);
  color: white;
  font-size: 14px;
  line-height: 2;
}
.social_icon_ul a i{
  font-size: 18px;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  transition: .3s;
  background-color: white;
  color: var(--light_blue);
  transition: .3s;
}
.footer_c .services_ul{
  display: flex;
  flex-direction: column; float:left; margin:0px 100px 0px 0px;
}
.footer_c i{
  margin-right: 5px;
}
.social_icon_ul a i:hover{
  background-color: var(--text_blue);
  color: white;
}
.quickLink_div{
  padding-left: 55px;
}
.ul_top h6 span {
  float: right;
  display: none;
  cursor: pointer;
}
.footer_col_4{
  padding-left: 28px;
}
.footer_c a{
  color: white;
  font-weight: 300;
}
.footer_c a:hover{
  color: black;
}
.social_icon_ul{
  margin: 30px 0 10px 0;
}
.footer_mail{
  display: flex;
  align-items: center;
}
.footer_c h6{
  font-weight: 700;
}
.footer_address{
  display: flex;
  justify-content: space-between;
}
.footer_address i.fas{ margin-top: 8px; margin-left: 2px;}
.footer_address span{margin-left: 6px;}
.for_gap{
  color: transparent;
}
.copyright{
  background-color: var(--text_blue);
  text-align: center;
  padding: 10px 0;
}
.copyright span{font-size:13px; display:block;}

/* owl_btn--------------------------------------------------- */
#owl_button_1 button span{position: relative; color: #fff;}
#owl_button_1 button{  
  position: absolute;   
  width: 42px; 
  height: 42px;   
  background:var(--light_green) !important;  
  border-radius: 50% !important;    
  font-size: 44px !important;    
  color: #000000 !important; 
  transition: 0.3s; 
  display: block;
  justify-content: center;
  align-items: center;
}
#owl_button_1 button{position:relative; line-height: 42px;}
#owl_button_1 button.owl-next{ right: 0px; margin-top: -21px; top:50%; transform:none;  content: url(../png/next-icon.png); position:absolute; right:-60px;}
#owl_button_1 button.owl-prev{ left:  0px;  margin-top: -21px;  top:50%; transform:none;  content: url(../png/prev-icon.png);position:absolute; left:-60px; }
#owl_button_1 button.owl-next span{ right: 0px;
  top: 0px;
  left: 0px;
  transform: none;
  content: url(../png/next-icon.png);
  position: absolute;
  margin: auto;
  bottom: 0px; }
#owl_button_1 button.owl-prev span{ left: 0px;
  top: 0px;
  right: 0px;
  transform: none;
  content: url(../png/prev-icon.png);
  position: absolute;
  margin: auto;
  bottom: 0px;
}

#owl_button_1  button:hover, #owl_button_1  button:focus{  
    background:var(--text_blue) !important; 
}

/* login & register & popup responsive */

@media only screen and (max-width:767px){
  .banner_left .btn_div { margin-bottom: 20px; }
  .custom-btn-close{ right: 12px; top: 12px; width: 30px; height: 30px; font-size: 20px; }
  .industry-menu ul{display:block!important;}
  .industry-menu{float:none;}
  .nav_ul li ul.width-custom { width: 100%; }
  .nav_ul li:hover ul{display:none;}
  .modal-content { width: 100% !important; }
  #testimony .testimonial_card p{font-size:12px;}
}

@media only screen and (max-width:576px){
  .customer-support-pop{display:none;}
  .modal-header .modal-title{font-size:23px;}
  .modal-content{padding: 0px ;}
  .banner_left .btn_div { margin-bottom: 20px; }
  .custom-btn-close{right: 12px; top: 12px; width: 30px; height: 30px; font-size: 20px;}
  .nav_ul li ul.width-custom { width: 100%; }
  .industry-menu{float:none;}
  .industry-menu ul{display:block!important;}
  .nav_ul li:hover ul{display:none;}
  .call-fixed{display:block;}
  #testimony .testimonial_card p{font-size:11px;}
  .mb-view{display:block; }
  .flow-left{float:none; margin:0px 0px 0px 0px;}
  .nav_ul ul a { font-size: 13px; color: #000; }
  .nav_ul ul li:hover a { color:var(--text_blue); }
  .nav_ul ul { position: static; width: 100%; box-shadow: 1px 1px 5px 2px #9e9e9e47; background-color: #fff; display: block;}
  .open-menu-list {background:#fff url(../png/black-down-arrow2.png) center;  background-repeat: no-repeat;  border-radius:2px; padding:15px;  width:30px; height:30px; content:none ; position: absolute; right:10px; right:none; border:0px; top:0px;   }
  .instant_quote{margin-top:25px;}
  #score .section_title_1{text-align: center;}
  .popup { z-index: 9999; }
  .cross-btn { position: absolute; right: 0px; top: -20px; z-index: 99999999; }
  .modal-header .btn-close{ display: block; } 
  .modal-header .btn-close1{ display: block; } 
}

/* End------------------------------------- */



/* Responsive work--------------------------------------------- */

.menu-i,    li.d-hide{ display: none;}

@media only screen and (min-width: 1025px){ 
  #toggle_pm, #quicklink-expand, #quicklink-expand2{ display:none !important; }
  .ul_top h6 span { display: none !important;}
}

@media only screen and (max-width: 1360px){ 
  .nav_ul a{ padding:  0 5px;}
  .partner_btn{ font-size: 15px;  width: 150px;}
  .phone_no {  font-size: 15px;}
  #header_id .container{ max-width: 1250px; width: 100%; }
  .free_trail_btn{ font-size: 15px;  width: 150px;}
}

@media only screen and (min-width: 1280px){ .container{max-width: 1250px; width: 100%; margin: auto;} }
@media only screen and (min-width: 992px) and (max-width: 1200px){ .footer_c .container{max-width:1200px;} }

@media (max-width: 1225px){ 
  #header_id  .container{ padding-right:160px;}
  .nav_ul  {margin:auto}
  .nav_ul a{ padding:  0 2px; font-size:13px}
  .partner_btn{ font-size: 14px;  width: 150px;}
  .phone_no {  font-size: 13px !important; margin-left: 0px !important;}
  .phone_no  i{margin-left: 20px !important;}
  .login_signup {margin-left: 20px !important;}
  .login_signup a {   font-size: 13px;}
  .free_trail_btn{ font-size: 14px;  width: 150px; display:none;}
  .partner_btn{
    margin-right:1
  }
}
  
@media only screen and (max-width:1025px){
  .chatBot_ul,
  .autoDialer_ul,
  .bulkVoiceCall_ul,
  .ivrService_ul{display:block;}
  .ul_top h6 span { display: block; font-size:25px; margin-top: 0px;}
  .ul_top { background: #fff; box-shadow: #eee 3px 4px 6px; padding: 10px;}
  .partner_btn{right: 70px; }
  .free_trail_btn{right: 70px; display:none;}
  .menu-i{
    position: absolute;
    display:block;
    right: 0;
    height: 82px;
    background: #3b6cfd;
    width: 70px;
    text-align: center;
    line-height: 82px; 
    cursor: pointer;
  }
  li.d-hide{ display: block;}
  #owl_button_1 { padding: 0 40px;}
  #owl_button_1 button.owl-next  { right:  -10px;}
  #owl_button_1 button.owl-prev  { left: -10px;}
  .section_pad{ padding: 20px 0;}
  .sec_row_pad { padding: 20px 0; }
  .navbar_contact_lg{display: none;}
  .banner{ text-align: center; }
  .banner_right img { width: 100%; }
  .banner_left h1 { font-size: 27px; letter-spacing: normal; }
  .banner_left p { font-size: 22px; }
  .banner_left .btn_div { margin-left: auto; margin-right: auto; }
  .instant_quote::before{display: none;}
  .instant_quote { margin-top: 25px;}
  .ivr_img { width: 80%; }
  .allTabContent{text-align: center;}
  .ivr_right{margin: auto;}
  #usp .btn_div{padding: 8px 16px; width: 130px; margin:10px auto; display:block; text-align: center;}
  #usp .btn_div_sm{display: none;}
  #score{text-align: center;}
  .score_p1 { max-width: 450px; margin-left: auto; margin-right: auto; } 
  .sub_form_wrapper { margin-bottom: 21px; }
  .footer_c a { justify-content: center; }
  .quickLink_div { padding-left: 12px; }
  .footer_address { display: block; }
  .footer_c span{display: inline-block;}
  .footer_c .quickLink_ul,
  .footer_c .services_ul, .footer_c .quickLink_ul2{text-align: left;}
  .footer_col_1, .footer_col_4{text-align: center;}
  .footer_c .quickLink_ul,
  .footer_c .services_ul , .footer_c .quickLink_ul2{display: block;}
  #latest_blog .to_top{display: none;}
  #toggle_pm{ display: inline; line-height: 2; }
  .footer_c .quickLink_div{ padding: 28px 20% 0px 20%; }
  .footer_c .services_div{  padding: 0px 20% 28px 20%; }
  .green_line::after{display: none;}
  .score_p1 { margin-top: auto;}
  #usp .row > div { padding: 10px 10%; }
  .nav_ul{display: none; position: absolute; top: 82px; background: #3b6cfd; left: 0 ; right: 0; z-index: 90;}
  .nav_ul li{display: block;}
  .nav_ul a {  padding: 10px 15px;  font-size: 16px; color: #fff;}
  .nav_login::after{ display: none;}
  .col-lg-2.quickLink_div  h6, .col-lg-5.quickLink_div  h6{ display:flex; justify-content: space-between; flex-wrap: wrap; align-items: center; }
  #toggle_pm, #quicklink-expand, #quicklink-expand2{ cursor: pointer;}
  .col-lg-5.services_div{padding-top: 10px !important;    border-top: #6bb8fb 1px solid;    margin-top: 10px important;}
  .col-lg-2.services_div  h6, .col-lg-5.services_div  h6{ display:flex; justify-content: space-between; flex-wrap: wrap; align-items: center; }
  #toggle_pm, #quicklink-expand, #quicklink-expand2{ cursor: pointer;}
}

@media(max-width:767px){
  .copyright span{font-size:12px; }
  .subscribe_form .btn_div{width: 100%; float:none;}
  .usp-btn{margin:10px auto; text-align:center; }
  .modal-header .modal-title{font-size:23px;}
  .set-width{width:100%;}
  .customer-support{display:none; top:65vh; right:20px; width:50px; height:50px;}
  .call-fixed{display:block;}
  #header_id {
    position: fixed;
    width: 100%;
    background: #fff;
    z-index: 99; box-shadow:0px 0px 4px 3px #00000021;}
  .banner_div { margin: 80px 0px 0px 0px; }
  .partner_btn{display: none;}
  .free_trail_btn{display:flex;}
  .free_trail_btn span{ 
    font-size:15px; 
    line-height: 30px; 
    color:#000; 
    border:2px solid #000; 
    padding:5px 15px; 
    border-radius:30px;
  }
  .free_trail_btn:hover span{ color:#fff; border:2px solid #fff; }
  .mb-view{display:block; }
  .nav_ul ul a { font-size: 13px; color: #000; }
  .nav_ul ul li:hover a { color:var(--text_blue); }
  .nav_ul ul {
    position: static;
    width: 100%;
    box-shadow: 1px 1px 5px 2px #9e9e9e47;
    background-color: #fff;
    display: none;}
  .open-menu-list {
    display:block; 
    background:#fff url(../png/black-down-arrow2.png) no-repeat center;  
    border-radius:2px; 
    padding:15px;  
    width:30px; 
    height:30px; 
    content:none ; 
    position: absolute; 
    right:none; 
    border:0px; 
    top:7px;  
  }
  .nav_ul li a img{display:none;}
  .copyright span{font-size:12px; }
  .usp-btn{margin:10px auto; text-align:center; }
  .nav_ul li a img{display:none;}
  .set-width{width:100%;}
  .customer-support{display:none; top:65vh; right:20px; width:50px; height:50px; }
  .partner_btn{display: none;}
  .free_trail_btn{display:flex;}
  .free_trail_btn span{ 
    font-size:15px; 
    line-height: 30px; 
    color:#000; 
    border:2px solid #000; 
    padding:5px 15px; 
    border-radius:30px;
  }
  footer { padding-top: 0; }
  .subscribe_form input.text_box{width: auto;}
  .subscribe_form .btn_div{width: 100%; float:none;}
  .footer_address span { display: inline; margin-left: 0; }
  .footer_c .quickLink_div { padding: 18px 10% 0px 10%; }
  .footer_c .services_div { padding: 0px 10% 18px 10%; }
  .btn_div_center{width: 100%;}
  .blog_text { text-align: center;}
  .section_title_1 { margin-top: 24px; font-size: 24px; }
  .subscribe_form .btn_div { padding: 8px 28px; }
  .btn_div {padding: 8px 16px; width:150px; text-align: center;}
  #testimony .testi_quote { width: 42px; }
  .testi_name { font-size: 18px; margin-top: 40px; }
  .btn_div_sm{ padding: 8px 16px; margin-top: 12px; }
  .ivr_right .btn_div { padding: 8px 16px; width: 130px; margin-bottom:30px; }
  .instant_quote { padding: 48px 24px; }
  #instantQuote input, #instantQuote textarea { padding: 8px!important;}
  #instantQuote2 input, #instantQuote2 textarea { padding: 12px;}
  .whyCard_div .whyCard{width:100%;}
  .blog_circle{ right: -5px;}
  .owl_2 div.item a{ padding: 16px 8px;}
  .owl_2 div.item a span { font-size: 14px; }
  #testimony .btn_div { margin: 0px auto 36px auto; }
}