/* 
Theme Name: Exotel V2
Theme URI: https://exotel.com
Author: Helveticans
Author URI: http://www.helveticans.com
Version: 2.0
*/
@import url("https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

* {
  margin: 0;
  padding: 0;
}
/* This changes all the animations globally */
:root {
  --animate-duration: 800ms;
  --animate-delay: 0.9s;
}
body {
  font-family: "Archivo", sans-serif;
  width: 100%;
  position: relative;
  overflow-x: hidden;
  z-index: 1;
}
body.page-id-20927,body.page-id-460561,body.page-id-459139,.page-id-466879{
  overflow: unset;
}
.container{
  max-width: 1280px;
  margin: auto;
}
/* Web Font Size Pre define  */
 /* h1{
  font-size: 60px!important;
} 
h2{
  font-size: 50px!important;
}
h3{
  font-size: 38px!important;
} 
 h4{
  font-size: 30px!important;
}  */
h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 50px;
  line-height: 55px ;
}
h5{
  font-size: 24px!important;
}
h6{
  font-size: 20px!important;
}
 /* p{
  font-size: 18px!important;
}   */

.w-100px{
  width: 100px;
}
.w-200px{
  width: 200px;
}

.iframenone{
  max-width: 1280px;
  margin: auto;
  padding: 20px;
}
.rbox-job-longdesc ul > li{
  list-style: disc!important;
}
.text-green {
  color: #00d464;
}

.text-blue {
  color: #00c2ff;
}
.black-text{
	color:#000!important;
}
.text-gradient-color {
  background: linear-gradient(90.13deg, #00c2ff 31.55%, #00d464 79.46%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.gradient-text {
  background: linear-gradient(180deg, #51B584 35.74%, #01A0E5 103.7%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.green-gradient-text {
  background:  linear-gradient(180deg, #51B584 0%, #89C46D 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.text-vilot-color{
  color: #8980F5;
}
.button-light-vilot {
  background: #8980F5 !important;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 300 !important;
  border-radius: 55px;
  font-style: normal;
  font-size: 18px;
  line-height: 18px;
  text-align: center;
  color: #ffffff;
  padding: 10px 0px !important;
  text-decoration: none;
  width: 177px;
  text-decoration: none;
}
.m-0{
  margin:0px;
}
.mt-minus-50 {
  margin-top: -50px;
}

.mt-120 {
  margin-top: 120px;
}

.mb-160 {
  margin-bottom: 160px;
}

.mt-70 {
  margin-top: 70px;
}

.mt-80 {
  margin-top: 80px;
}

.mt-50 {
  margin-top: 50px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-60 {
  margin-top: 60px;
}

.mb-60 {
  margin-bottom: 60px;
}

.mt-250 {
  margin-top: 250px;
}

.mtb-60 {
  margin-top: 60px;
  margin-bottom: 60px;
}

.mtb-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.ml-20 {
  margin-left: 20px;
}

.mr-20 {
  margin-right: 20px;
}

.ml-110 {
  margin-left: 110px;
}
.ml-5
{
  left:5px;
  position: relative;
}
.left-30 {
  position: relative;
  left: 30px;
}
.left-50 {
  position: relative;
  left: 50px;
}
.left-80 {
  position: relative;
  left: 80px;
}
.mb-60{
  margin-bottom:60px;
}
.p-20{
  padding:20px;
}
.pleft-80 {
  padding-left: 80px;
}
.p-0{
  padding: 0px!important;
}
.plr-5{
  padding:0 5px;
}
.ptb-20{
  padding-top: 20px;
  padding-bottom: 20px;
}
.plr-50{
  padding-left: 50px;
  padding-right: 50px;
}
.pt-20 {
  padding-top: 20px;
}

.pt-80 {
  padding-top: 80px;
}
.pb-80 {
  padding-bottom: 80px;
}
.pt-50 {
  padding-top: 50px;
}
.pb-50 {
  padding-bottom: 50px;
}
.pt-30 {
  padding-top: 30px;
}

.pb-30 {
  padding-bottom: 30px;
}

.ptb-120 {
  padding-top: 120px;
  padding-bottom: 120px;
}

.ptb-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.ptb-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}
.plr-20{
  padding-left: 20px!important;
  padding-right: 20px!important;;
}
.mb-80{
  margin-bottom:80px;
}
.button {
  background: #000000;
  border-radius: 55px;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 20px;
  text-align: center;
  color: #ffffff;
  padding: 15px 20px;
  text-decoration: none;
}
.text-decoration-none{
  text-decoration: none;
}
h1 {
  font-style: normal;
  font-weight: 600;
  font-size: 50px;
  line-height: 60px;
}

.pleft-10 {
  position: relative;
  left: -10px;
}

.ptop-180 {
  position: relative;
  top: 180px;
}

/* .title-border
{
    width: 100% !important;
} */
.comman-title {
  width: 688px;
}

.comman-title img {
  margin-bottom: -20px;
}

/*=====Menu======*/
.header_area {
  position: inherit;
  width: 100%;
  z-index: 999;
  margin-top: 5px;
  margin-bottom: 30px;
}

.header_white_background {
  height: 86px;
  padding-top: 8px;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.header_white_background .white-btn {
  border: 1px solid #000000 !important;
}

.header_white_background .header-button-cols {
  top: 15px;
}

.white-btn {
  border: 1px solid #000000 !important;
}

.header-button-cols {
  top: 21px;
}

.header-row {
  display: flex;
  max-width: 1280px;
  margin: auto;
  padding: 0px 10px;
}

.nav-brand {
  margin-left: 0px;
}

.align-left-move {
  position: relative;
  left: 50px;
}

.align-left-move>li>a {
  padding: 30px 28px !important;
}

.header-button-cols {
  width: 56%;
  position: relative;
  top: 30px;
  margin-right: 10px;
}

.header-btn {
  border: none;
  border-radius: 60px;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 15px;
  padding: 10px 30px 10px 30px;
  cursor: pointer;
  text-decoration: none;
}

.white-btn {
  background: rgba(255, 255, 255, 0.8);
  color: #484848;
}

.blue-btn {
  background: rgba(0, 194, 255, 0.9);
  color: #fff;
}

/*=======Home Slider ====*/
.home {
  position: relative;
  top: -105px;
  margin-bottom: -90px;
}

.home .carousel-inner {
  height: 860px !important;
}

.home .slider-bg {
  min-height: 860px;
  background-color: #f5f5f5;
}

.home .slider-bg img {
  min-height: 860px;
  object-fit: cover;
}

.home .slider-content {
  position: relative;
  top: 250px;
}

.home .slider-content .title {
  width: 615px;
}

.home .slider-content p {
  font-style: normal;
  font-weight: 300;
  font-size: 22px;
  line-height: 26px;
  color: #668877;
  position: relative;
  width: 85%;
  top: -50px;
  left: 80px;
}

.home .slider-content a {
  background: #000000;
  border-radius: 55px;
  top: -70px;
  width: auto;
}

.circle-icon {
  width: 24px;
  height: 24px;
  background: #ffffff;
  border-radius: 50px;
  color: #000000;
  position: relative;
  left: 8px;
  padding-top: 4px;
  font-size: 16px;
}

.extol-gradient {
  position: absolute;
  display: flex;
  justify-content: center;
  top: 247px;
  width: 100%;
  left: 350px;
}

.home .carousel-indicators {
  margin-left: 24% !important;
}

.home .carousel-indicators [data-bs-target] {
  width: 10px;
  height: 10px;
  border-radius: 100%;
}

.home .carousel-indicators .active {
  opacity: 1;
  width: 50px !important;
  border-radius: 10% / 50%;
}

.slider-button {
  min-width: 158px;
  height: auto;
}

/*===Reliable====*/

.reliable {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 20px;
}

.reliable h2 {
  font-style: normal;
  font-weight: 500;
  font-size: 50px;
  line-height: 54px;
  text-align: center;
  color: #232323;
}

/*====Bopx with icon====*/

.boxwithicon {
  background-color: #1e1e1e;
  height: 350px;
  padding-bottom: 30px;
  padding-top: 30px;
  padding-left: 20px;
  padding-right: 20px;
}

.box {
  width: 100%;
  height: 348px;
  /* padding-top: 40px; */
}

.box img {
  padding-bottom: 25px;
  width: 150px;
  height: 150px;
  object-fit: contain;
}
.page-id-438476 .boxwithicon,.page-id-438414 .boxwithicon{
  height: 250px;
}
.page-id-438476 .box,.page-id-438414 .box{
  width: 100%;
  height: 200px;
}
.page-id-438476 .box img,.page-id-438414 .box img{
  padding-bottom: 25px;
  width: 80px;
  height: 80px;
  object-fit: contain;
}
.page-id-438476 .box h2,.page-id-438414 .box h2{
  font-size: 28px;
        line-height: 43px;
}
.box h1 {
  font-style: normal;
  font-weight: 500;
  font-size: 25px;
  line-height: 27px;
  text-align: center;
  color: #ffffff;
  padding-bottom: 3px;
}

.box p {
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 21px;
  text-align: center;
  /* color: #668877; */
  color: #fff;
}

.boxhighlight {
  width: 100%;
  background-color: #1e1e1e;
}

/*===Business====*/
.business-border-title {
  width: 1080px;
}

.business-title {
  font-family: "Archivo";
  font-style: normal;
  font-weight: 500;
  font-size: 60px;
  line-height: 65px;
  color: #232323;
}

.move-box {
  padding: 0px;
}

.child-move-box {
  z-index: -1;
  position: relative;
}

.business-box {
/* 	 height: 362px; */
  height: 400px;
  background-color: #000000;
  background-image: url("./img/boxicon/Meshgradient.png");
  background-size: cover;
  padding-top: 20px;
  padding-left: 50px;
  padding-right: 20px;
}

.business-box h3 p {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  color: #ffffff;
  margin-top: 20px;
}

.business-box p {
  margin-top: 10px;
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.7);
}

.circlenumber {
  width: 80px;
  height: 80px;
  color: #fff;
  background: linear-gradient(#020812, #020812) padding-box,
    linear-gradient(to right, #00c2ff, #00d464) border-box;
  border-radius: 50em;
  border: 2px solid transparent;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-style: normal;
  font-weight: 300;
  font-size: 50px;
  line-height: 65px;
}

.business-box-white {
/*   height: 362px; */
	 height: 400px;
  background-color: #fff !important;
  background-image: none !important;
  padding-top: 20px;
  padding-left: 50px;
  padding-right: 20px;
}

.business-box-white h3 p {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  color: #000000;
  margin-top: 20px;
}

.business-box-white p {
  margin-top: 10px;
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.7);
}

.business-box-white .circlenumber {
  width: 80px;
  height: 80px;
  color: #000;
  background: linear-gradient(#ffff, #fff) padding-box,
    linear-gradient(to right, #00c2ff, #00d464) border-box;
  border-radius: 50em;
  border: 2px solid transparent;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-style: normal;
  font-weight: 300;
  font-size: 50px;
  line-height: 65px;
}

/*===Stack===*/
.full-stack-title-border {
  width: 830px;
}

.full-stack-title {
  font-style: normal;
  font-weight: 500;
  font-size: 60px;
  line-height: 65px;
  color: #232323;
}

.stack .accordion-item {
  border: none !important;
}

.stack .accordion-button:not(.collapsed) {
  background-color: transparent !important;
  box-shadow: none !important;
  font-family: "Archivo";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  color: #000000;
  border-bottom: 0px solid #000 !important;
}

.stack .accordion-button:not(.collapsed)::before {
  content: "";
  position: absolute;
  bottom: 8px;
  left: 19px;
  width: 75%;
  border-bottom: 0px solid #000 !important;
}

.stack .accordion-body {
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 143%;
  /* color: #668877; */
  color:#000;
  position: relative;
  top: -15px;
  padding: 1rem;
}

.stack .accordion-body .button i {
  padding-left: 10px;
}

.stack .accordion-button {
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  color: #000000;
  padding: 1rem;
}

.stack .accordion-button::before {
  content: "";
  position: absolute;
  bottom: 8px;
  left: 19px;
  width: 75%;
  border-bottom: 1px solid #000 !important;
}

.button-row {
  margin-top: 30px;
}

.button-row a:nth-child(2),
.button-row a:nth-child(3) {
  margin-left: 30px;
}

.stack img {
  width: 84% !important;
  position: relative;
  left: 36px;
  top: -150px;
  margin-bottom: -180px;
  float: right;
}

.accordian-stack .accordion-item {
  border: none !important;
}

.accordian-stack .accordion-button:not(.collapsed) {
  background-color: transparent !important;
  box-shadow: none !important;
  font-family: "Archivo";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  color: #000000;
  border-bottom: 0px solid #000 !important;
}

.accordian-stack .accordion-button:not(.collapsed)::before {
  content: "";
  position: absolute;
  bottom: 8px;
  left: 19px;
  width: 75%;
  border-bottom: 0px solid #000 !important;
}
.accordion-item-new:hover{
  opacity: 1!important;
}

.accordian-stack .accordion-body {
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 143%;
  color: #668877;
  position: relative;
  top: -15px;
}

.accordian-stack .accordion-body .button i {
  /* padding-left: 10px; */
}

.accordian-stack .accordion-button {
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  color: #000000;
}

.accordian-stack .accordion-button::before {
  content: "";
  position: absolute;
  bottom: 8px;
  left: 19px;
  width: 75%;
  border-bottom: 1px solid #000 !important;
}

.button-row {
  margin-top: 30px;
}

.button-row a:nth-child(2),
.button-row a:nth-child(3) {
  margin-left: 30px;
}

.accordian-stack img {
  width: 84% !important;
  position: relative;
  left: 36px;
  top: -150px;
  margin-bottom: -180px;
  float: right;
}

/*===Deliver Connected===*/
.deliver-title-border {
  width: 865px;
}

.deliver-title {
  font-style: normal;
  font-weight: 500;
  font-size: 60px;
  line-height: 65px;
  color: #000;
}

.deliver-border {
  position: relative;
  left: -21px;
}

.deliver {
  background-color: #D9E7E7;
  padding-top: 40px;
  padding-bottom: 40px;
}

.deliver .card {
  background-color: transparent !important;
  border: 1px solid #fff;
  border-radius: 25px;
  position: relative;
  padding-left: 40px;
  padding-right: 40px;
  height: 100%;
  border-radius: 15px;
border: 1px solid #FFF;
background: linear-gradient(196deg, rgba(0, 149, 219, 0.3) 0%, rgba(0, 149, 219, 0.2) 59.19%, rgba(255, 255, 255, 0.02) 100%);
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.25);
}

.deliver .card-title {
  display: flex;
}

.deliver .card-title h5 {
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 33px;
  color: #000;
  margin-top: 10px;
  margin-left: 10px;
}

.deliver label {
  font-style: normal;
  font-weight: 300;
  font-size: 22px;
  line-height: 24px;
  color: #000;
  margin-top: 10px;
  margin-bottom: 30px;
}

.deliver p {
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 20px;
  color: #000;
  border-bottom: 0.5px solid rgba(255, 255, 255, 0.3);
  padding-bottom: 22px;
  margin-bottom: 22px;
}

.deliver .button {
  background-color: #fff;
  color: #000000;
}

.deliver .button i {
  padding-left: 10px;
}

.buttonbottom {
  margin-top: 45px;
  margin-bottom: 20px;
}

.deliver .card:hover {
  background-repeat: no-repeat;
  border-radius: 15px;
  background: linear-gradient(-130deg, rgba(0, 149, 219, 1) 0%, rgb(0, 0, 0) 100%);
}
.deliver .card:hover p, .deliver .card:hover label, .deliver .card:hover h5{
color: #fff;
}
.m-2 {
  margin: 1rem !important;
}

.deliver .splide__arrow {
  background: #fff !important;
  opacity: 1 !important;
  height: 3em !important;
  width: 3em !important;
}

.deliver .splide__arrow--prev {
  left: -4em !important;
}

.deliver .splide__arrow--prev {
  left: 1em;
  display: none !important;
}
/*========Customers=========*/
.customers {
  padding-top: 50px;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 40px;
  position: relative;
  padding-bottom: 40px;
  height: auto;
  margin-bottom: 0px;
  clear: both;
  background: #FFDD000D;
}
/* .customers.container-fluid .col.text-center{
  border-right: 1px solid #d1d1d1;
} */
.customers h2 {
  margin-top: 10px;
  font-style: normal;
  font-weight: 500;
  font-size: 50px;
  line-height: 54px;
  text-align: center;
}

.customerslogo {
  margin-top: 30px;
}

.customers a {
  padding: 5px;
  border-radius: 5px;
}

.customers img {
  margin-top: 20px;
  margin-bottom:20px;
  padding: 0px;
  max-width: 90%;
}

/*=======Business use exotel =====*/
.business-use-exotel-title-border {
  width: 741px;
}

.business-use-exotel-title-border h2 {
  font-style: normal;
  font-weight: 500;
  font-size: 60px;
  line-height: 65px;
  color: #232323;
}

.businessexotel-title {
  position: relative;
  left: -12px;
}

.business-use-exotel::before {
  content: "";
  background-image: url("./img/business/exotel.png");
  background-repeat: no-repeat;
  position: absolute;
  height: 14%;
  width: 23%;
  left: 77%;
}

.business-use-exotel p {
  font-style: normal;
  font-weight: 300;
  font-size: 20px;
  line-height: 28px;
  width: 100%;
  
}
/* .explain-box p {
  min-height: 200px;
  overflow: hidden;
} */

.business-use-exotel .explain-box::before {
  font-family: "Font Awesome 6 Free";
  font-size: 20px;
  font-weight: 600;
  content: "\f10d";
  background: #000;
  color: #fff;
  width: 40px;
  height: 40px;
  position: absolute;
  border-radius: 100px;
  top: 10px;
  padding-top: 5px;
  padding-left: 12px;
  left: 20px;
}

.business-use-exotel .explainbox-button {
  margin-left: 20px;
}

.business-use-exotel .explainbox-button a {
  background: #FD0;
  color: #000;
  /* width: 242px; */
  width:auto;
  height: 40px;
  padding-top: 10px;
  transition: 0.3s;
}

.business-use-exotel .explainbox-button a:hover {
  background: #00d464;
}

.business-use-exotel .explainbox-button a i {
  padding-left: 20px;
}
.business-use-exotel .owl-carousel .owl-dots{
  text-align: center;
  /* margin-top: 30px; */
  margin-bottom: 30px;
}
.business-use-exotel .owl-carousel .owl-dot{
  background: #D9D9D9;
    opacity: 1;
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 50px;
    display: inline-block;
    margin: 0 5px;
}

.business-use-exotel .owl-carousel .owl-dot.active{
  background: #FD0;
}

.business-use-exotel .splide__arrow {
  position: inherit !important;
}
/* .business-use-exotel .owl-carousel.owl-drag .owl-item{
  width: 600px !important;
} */
.business-use-exotel .explain-box {
  background-color: #26262633;
  margin-right: 20px;
  border-radius: 20px;
  padding: 50px;
  /* margin-top: 100px; */
  margin-bottom: 30px;
  height: auto;
}

.business-use-exotel .explain-box p {
  color: #000;
  min-height: 250px;
}
.businessslider {
    margin-bottom: 50px;
}

.business-use-exotel p.slidertitle{
  display: none;
}

.business-use-exotel .thumbnail_splide_business_use_exotel .splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide,
.splide--nav>.splide__track>.splide__list>.splide__slide {
  margin-bottom: 20px;
}

.business-use-exotel .thumbnail_splide_business_use_exotel .splide--nav>.splide__track>.splide__list>.splide__slide.is-active {
  border: 3px solid transparent !important;
}

.thumbnail_splide_business_use_exotel .splide__track {
  padding-bottom: 7px !important;
}

.thumbnail_splide_business_use_exotel.splide--nav>.splide__track>.splide__list>.splide__slide {
  border: 3px solid transparent;
  cursor: pointer;
  display: flex;
  justify-content: center;
  pointer-events: none;
  cursor: default;
}

.thumbnail_splide_business_use_exotel.splide--nav>.splide__track>.splide__list>.splide__slide img {
  width: 100px;
  height: fit-content;
  margin-top: 30px;
  filter: grayscale(100%);
}

.thumbnail_splide_business_use_exotel .splide__track>.splide__list>.splide__slide.is-active {
  border: 3px solid transparent !important;
  margin-top: 30px;
}

.thumbnail_splide_business_use_exotel .splide__track>.splide__list>.splide__slide.is-active::after {
  content: "";
  background-image: url(./img/business/arrow.png);
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  z-index: -1;
  left: 95px;
}

.thumbnail_splide_business_use_exotel .splide__track>.splide__list>.splide__slide.is-active::before {
  content: "";
  background: linear-gradient(#ededed, #ededed) padding-box,
    linear-gradient(to right, #00c2ff, #00d464) border-box;
  border-radius: 50em;
  width: 150px;
  height: 150px;
  border-radius: 100px;
  position: absolute;
  border: 3px solid transparent;
  top: 5px;
  z-index: -1;
}

.thumbnail_splide_business_use_exotel.splide--nav>.splide__track>.splide__list>.splide__slide.is-active {
  border: 3px solid #000;
  margin-bottom: 40px;
  display: flex;
  align-items: center;
}

.thumbnail_splide_business_use_exotel .splide__track>.splide__list>.splide__slide.is-active img {
  /* width: 108px; */
  filter: grayscale(0%);
}

.thumbnail_splide_business_use_exotel .splide__arrows {
  display: flex;
  flex-direction: column;
  position: absolute;
  align-items: center;
  justify-content: center;
  width: 23%;
}

.thumbnail_splide_business_use_exotel.splide--ttb>.splide__arrows .splide__arrow--prev {
  top: -2.5em;
  height: 50px;
  width: 50px;
  background: #fff;
  border: 1px solid #000000;
}

.thumbnail_splide_business_use_exotel.splide--ttb>.splide__arrows .splide__arrow--prev:hover {
  background: #000000;
  fill: #fff;
}

.thumbnail_splide_business_use_exotel.splide--ttb>.splide__arrows .splide__arrow--prev:hover svg {
  background: #000000;
  fill: #fff;
}

.thumbnail_splide_business_use_exotel.splide--ttb>.splide__arrows .splide__arrow--next {
  height: 50px;
  width: 50px;
  background: #fff;
  border: 1px solid #000000;
  bottom: -36em;
}

.thumbnail_splide_business_use_exotel.splide--ttb>.splide__arrows .splide__arrow--next:hover {
  background: #000000;
  fill: #fff;
}

.thumbnail_splide_business_use_exotel.splide--ttb>.splide__arrows .splide__arrow--next:hover svg {
  background: #000000;
  fill: #fff;
}

.business-use-exotel .logo-designation {
  padding-top: 10px;
}

.business-use-exotel .logo-designation label {
  font-style: normal;
  font-weight: 500;
  font-size: 22px;
  line-height: 40px;
  background: #000;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  color: #000;
  width: 60%;
}

.business-use-exotel .logo-designation img {
  width: 150px;
  float: right;
}

/*=====Clouds=====*/
.cloud-title-border {
  width: 780px;
}

.cloud-title {
  font-style: normal;
  font-weight: 500;
  font-size: 60px;
  line-height: 65px;
  color: #000000;
}

.cloud::before {
  background-image: url("./img/cloudbg.png");
  background-repeat: no-repeat;
  content: " ";
  position: absolute;
  width: 580px;
  height: 580px;
  left: 0px;
}

.cloud .activebgcolor {
  background-color: #1d1d1d !important;
}

.cloud .card {
  background-color: #000000;
  border: none !important;
  border-radius: 0px;
  padding: 0px !important;
  margin: 0px !important;
}

.cloud .card-body {
  padding: 0px !important;
  margin: 0px !important;
}

.cloud .card-body .para {
  padding: 40px 40px 30px 40px;
  display: flex;
  justify-content: center;
  height: 200px;
}

.cloud .card-body .para p {
  font-style: normal;
  font-weight: 300;
  font-size: 20px;
  line-height: 26px;
  color: #ffffff;
  width: 270px;
}

.cloud .card-body .link {
  display: flex;
  justify-content: end;
  position: relative;
  margin-top: 75px;
}

.cloud .card-body .link .circle-icon {
  padding-left: 9px;
  font-size: 15px;
}

.cloud .circle-icon {
  width: 38px;
  height: 38px;
  background: rgb(255, 255, 255);
  border-radius: 50px;
  color: rgb(0, 0, 0);
  position: relative;
  font-size: 20px !important;
  padding-top: 10px;
}

/*=====business-countries====*/
.business-countries .carousel {
  background-color: #f1faff;
}
div#testimonial {
  background-color: #f1faff;
}
.business-countries .carousel .testimonial {
  padding: 100px 310px;
}

.business-countries .carousel .testimonial h3 {
  font-style: normal;
  font-weight: 400;
  font-size: 40px;
  line-height: 64px;
  color: #585858;
  width: 980px;
}

.business-countries .carousel .testimonial h3 p {
  font-style: normal;
  font-weight: 400;
  font-size: 40px;
  line-height: 64px;
  color: #585858;
  width: 980px;
}

.business-countries .carousel .testimonial label,
.testimonial label a {
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 24px;
  color: #585858;
  margin-top: 30px;
  margin-bottom: 20px;
}

.business-countries .carousel .testimonial .testimonial-image {
  width: 115px;
  height: 115px;
  border-radius: 100%;
  border: 3px solid #000000;
  padding: 4.5px;
  margin-top: 30px;
}

.business-countries .carousel .testimonial .testimonial-image img {
  width: 100px;
  height: 100px;
  object-fit: fill;
  border-radius: 100%;
}

.business-countries .carousel-indicators {
  margin-bottom: 2rem !important;
}

.business-countries .carousel-indicators [data-bs-target] {
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background-color: #d9d9d9;
  margin-left: 10px;
}

.business-countries .carousel-indicators .active {
  background-color: #585858;
}

.business-countries .carousel-control-prev {
  width: 8% !important;
  display: none;
}

.business-countries .carousel-control-next {
  width: 35% !important;
}

.business-countries .carousel-control-next,
.business-countries .carousel-control-prev

/*, .carousel-indicators */
  {
  filter: invert(100%);
  padding: 10px;
}

.business-countries .carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M17 12H7M17 12L13 16M17 12L13 8M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
  transform: rotate(180deg);
  filter: invert(100%);
  padding: 30px;
}

.business-countries .carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M17 12H7M17 12L13 16M17 12L13 8M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
  transform: rotate(180deg);
  filter: invert(100%);
  transform: rotate(360deg);
  padding: 30px;
}

/*========Communicate box======*/
.communicate .carousel-inner {
  overflow: inherit !important;
}

.communicate .carousel-control-next {
  right: 278px;
  top: 457px;
  position: absolute;
}

.communicate .carousel-control-prev {
  left: 0;
  display: none;
}

.communicate .carousel-control-next,
.carousel-control-prev {
  width: 2% !important;
}

.communicate .bgbox {
  background-color: #000000;
  border-radius: 25px;
  height: auto;
  background-image: url("./img/boxicon/Meshgradient.png");
  background-repeat: no-repeat;
  background-position: bottom left;
  position: relative;
}

.communicate .bgbox .contentbox {
  padding: 50px;
}

.communicate .bgbox h2 {
  font-style: normal;
  font-weight: 500;
  font-size: 60px;
  line-height: 64px;
  color: #ffffff;
  width: 753px;
  margin-bottom: 50px;
}

.communicate .bgbox p {
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  line-height: 26px;
  color: #ffffff;
  margin-bottom: 30px;
  width: 90%;
}

.communicate .imgagebox {
  display: flex;
  justify-content: flex-start;
  position: absolute;
  align-items: end;
  top: -20%;
  margin-top: 1px;
}

.communicate .imgagebox .icon-click i {
  color: #fff;
  font-size: 15px;
  color: #fff;
  font-size: 18px;
  position: relative;
  left: -20px;
  top: -25px;
}

/*========industry======*/
.industry {
  position: relative;
  background-color: #f6f6f6;
  padding-bottom: 50px;
  z-index: 9;
}

.industry-heading {
  font-family: "Archivo";
  font-style: normal;
  font-weight: 500;
  font-size: 60px;
  line-height: 65px;
  text-align: center;
  margin-top: 50px;
}

.industry::before {
  content: "";
  background-image: url("./img/footer/footer-bg.png");
  background-repeat: no-repeat;
  position: absolute;
  top: 78px;
  height: 100%;
  width: 100%;
  left: -12px;
}

.industry img {
  padding-left: 50px;
  padding-right: 50px;
}

.footer {
  background-color: #000000;
}

.footer-logo1 {
  position: relative;
  top: 80px;
}

.footer-menu {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  width: 100%;
  margin: 0 auto;
  float: right;
  padding: 0;
}

.footer-social-icons a {
  margin-right: 20px;
  width:auto;
  float: left;
  margin-top: 20px;
}

.footer-menu li {
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 20px;
  text-align: center;
  text-transform: capitalize;
  list-style: none;
  /* margin-right: 57px;
  margin-bottom: 20px; */
  float: left;
}

.footer-menu li:last-child {
  margin: 0;
}

.footer-menu li a {
  text-decoration: none;
  color: #ffffff;
}

.float {
  position: fixed;
  width: 48px;
  height: 48px;
  bottom: 90px;
  right: 20px;
  /* background-color: #000000; */
  color: #fff;
  border-radius: 50px;
  text-align: center;
  z-index: 9999999;
}

.float img {
  position: relative;
  top: 0px;
  width: 100%;
}

.float1 {
  position: fixed;
  width: 68px;
  height: 68px;
  bottom: 10px;
  right: 20px;
  background-color: #000000;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  z-index: 1;
}

.float1 img {
  position: relative;
  top: 15px;
}

.footer-social-icons-mobile {
  display: none !important;
}
.design-credit a{
  color: #9B51E0;
text-decoration: none;
}
/*=====L2 Page ===*/
.bannerhome,.bannerhome1 {
  position: relative;
}

.bannerhome .slider-content {
  position: relative;
  top: 250px;
}
.bannerhome1 .slider-content {
  position: relative;
  top: 0px;
}

.bannerhome .slider-content{
  width:615px;
}
.bannerhome1 .slider-content {
  width:615px;
}
.bannerhome .banner-title h1,.bannerhome1 .banner-title h1 {
  font-style: normal;
  font-weight: 500;
  font-size: 60px;
  line-height: 65px;
  color: #000000;
}

.bannerhome .slider-content p,
.bannerhome .slider-content li{
  font-style: normal;
  font-weight: 300;
  font-size: 22px;
  line-height: 32px;
  /* color: #668877; */
  color: #000;
  /* color: #fff; */
  position: relative;
  width:87%;
  top: 0px;
}
.bannerhome1 .slider-content p,
.bannerhome1 .slider-content li {
  font-style: normal;
  font-weight: 300;
  font-size: 22px;
  line-height: 32px;
  /* color: #668877; */
  color:#000;
  /* color: #fff; */
  position: relative;
  width:100%;
  top: 0px;
  text-align: left;
}
.page-id-456442 .bannerhome1 .slider-content p,
.page-id-456442 .bannerhome1 .slider-content li {
  color: #000!important;
}
.bannerhome .slider-content a{
  background: #000000;
  border-radius: 55px;
  top: -70px;
  left: 80px;
  width: auto;
  position: relative;
  z-index: 9;
}

.bannerhome1 .slider-content a{
  background: #000000;
  border-radius: 55px;
  top:0px;
/*   width: 285px; */
width:auto;
	position: relative;
  z-index: 9;
  left: 5px;
  margin-right: auto;
  margin-left: 0px;
  margin-top: 15px;
}
.bannerhome .extol-gradient,.bannerhome1 .extol-gradient {
  position: absolute;
  display: none!important;
  justify-content: center;
  top: 363px;
  width: 100%;
  left: 0px;
  z-index: 1;

}

.takecomplete {
  /* background-color: #000000; */
  background-color:#fff;
  /* background-image: url(./img/gradient/mesh-gradient.png); */
  background-repeat: no-repeat;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: auto;
  background-size: cover;
  padding: 10px 10px 20px;
}

.takecomplete h2 {
  font-style: normal;
  font-weight: 500;
  font-size: 35px!important;
  line-height: 54px;
  text-align: center;
  /* color: #ffffff; */
  color: #000;
}

.takecomplete label {
  font-style: normal;
  font-weight: 300;
  font-size: 22px;
  line-height: 33px;
  text-align: center;
  color: #668877;
}

.takecomplete p {
  font-style: normal;
  font-weight: 300;
  font-size: 22px;
  line-height: 33px;
  text-align: center;
  /* color: rgba(255, 255, 255, 0.7); */
  color: #000;
  padding-top: 30px;
}

.services-grid {
  /* background-color: #191919; */
  background: transparent linear-gradient(304deg, #FFFFFF 0%, #E5EEEE 75%, #E5EEEE 100%) 0% 0% no-repeat padding-box;
  z-index: 1;
  position: relative;
}

.services-img {
  /* width: 412px;
  height: 421px; */
  width: 312px;
  height: 321px;
}
.services-img::before {
  width: 312px;
  height: 310px;
}

.services-img::before {
  /* width: 412px;
  height: 410px; */
  background-color: #0095db;
  content: " ";
  position: absolute;
  z-index: -1;
  margin-left: -25px;
  margin-top: 18px;
  border-radius: 5px;
}

.services-content-left p {
  font-style: normal;
  font-weight: 300;
  font-size: 22px;
  line-height: 33px;
  text-align: left;
  /* color: rgba(255, 255, 255, 0.7); */
  color: #000;
  padding-top: 20px;
}

.services-content-left h2 {
  font-style: normal;
  font-weight: 500;
  font-size: 32px;
  line-height: 42px;
  text-align: left;
  /* color: #ffffff; */
  color: #000;
  width: 100%;
}

.services-content-right {
  width: 90%;
  float: right;
}

.services-content-left {
  width: 90%;
}

.services-content-left a {
  border: 1px solid #ffffff;
}

.services-content-left a:hover {
  border: 1px solid #ffffff;
}

.services-content-right p {
  font-style: normal;
  font-weight: 300;
  font-size: 22px;
  line-height: 33px;
  text-align: left;
  /* color: rgba(255, 255, 255, 0.7); */
  color: #000;
  padding-top: 20px;
}

.services-content-right h2 {
  font-style: normal;
  font-weight:500;
  font-size: 32px;
  line-height: 42px;
	text-align:left;
/*   text-align: right; */
  /* color: #ffffff; */
  color: #000;
}

.services-content-right a {
  border: 1px solid #ffffff;
}

.services-content-right a:hover {
  border: 1px solid #ffffff;
}

.services-img-left {
  width: 412px;
  height: 421px;
  float: right;
}

.services-img-left::before {
  width: 412px;
  height: 410px;
  background-color: #0095db;
  content: " ";
  position: absolute;
  z-index: -1;
  margin-left: -25px;
  margin-top: 18px;
  border-radius: 5px;
}

.services-active-bg {
  /* background-color: #1e1e1e !important; */
  background: transparent linear-gradient(304deg, #f2eeeec2 0%, #e2f1f1 75%, #d8e7e7 100%) 0% 0% no-repeat padding-box;
  z-index: 1;
  position: relative;
}

.center-align{
  display: flex;
  justify-content: center;
}

.power-auto h2 {
  font-style: normal;
  font-weight: 500;
  font-size: 60px;
  line-height: 65px;
  color: #000000;
}

.power-auto .row {
  background-color: #ffffff;
}

.power-content {
  padding: 50px 80px 50px 80px;
}
.power-content1 {
  padding: 20px;
    border: 1px solid #e4e2e2;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    box-shadow: 5px 6px 10px #f0f0f0b8;
    align-items: center;
    /* height: 285px; */
	    min-height: 325px;
    overflow: hidden;
    background-color: azure;
}
.page-id-455643 .power-content1 
{
  min-height: auto;
}

.power-content2 {
  padding: 20px;
  border: 1px solid #e4e2e2;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  box-shadow: 5px 6px 10px #f0f0f0b8;
  align-items: flex-start;
  min-height: 440px;
  max-height: 550px;
  overflow: hidden;
}
.power-content .icon {
  margin-bottom: 60px;
}
.power-content1 .icon {
  margin-bottom:5px;
}
.power-content .icon::before {
  content: " ";
  position: absolute;
  width: 100px;
  height: 100px;
  background-color: #000000;
  border-radius: 100px;
}
.power-active-bg-color .power-content .icon::before {
  content: " ";
  position: absolute;
  width: 100px;
  height: 100px;
  background-color: #000000;
  border-radius: 100px;
}
.power-active-gradientbg-color .power-content .icon::before {
  content: " ";
  position: absolute;
  width: 100px;
  height: 100px;
  background-color: #fff;
  border-radius: 100px;
}
.power-content .icon img {
  position: relative;
  z-index: 1;
  top: 24px;
  left: 24px;
}
.power-content1 .icon img  {
  position: relative;
  z-index: 1;
  top: 22px;
  left: 0px;
}
.power-content .icon-img,.power-content1 .icon-img{
  width: 50px!important;
  height: 50px!important;
}
.power-active-gradientbg-color .power-content .icon-img,.power-active-bg-color .power-content .icon-img {
  width: 50px!important;
  height: 50px!important;
}

.power-content h2 {
  font-style: normal;
  font-weight: 300;
  font-size: 30px;
  line-height: 40px;
  color: #000000;
  max-width: 541px;
  padding-top: 10px;
}
.power-auto2 h2 {
  font-style: normal;
  font-weight: 800;
  font-size: 48px;
  line-height: 55px;
  color: #000000;
  text-align: center;
}

.power-content p {
  font-style: normal;
  font-weight: 300;
  font-size: 22px;
  line-height: 32px;
  color: #4d4d4d;
  max-width: 658px;
  padding-top: 10px;
  margin-bottom: 30px;
}
.power-content1 p {
  /* height: 200px!important; */
  /* height: 15rem!important; */
/*   min-height: 5rem; */
/*   max-height: 15rem; */
  overflow: hidden;
  text-align: center;
  margin-bottom: 0;
}
.power-content2 p {
  min-height: 15rem!important;
  overflow: hidden;
  text-align:left;
  margin-bottom: 0;
}

.power-content2 .icon img{
  width: 70px!important;
  height: 70px!important;
  margin-bottom: 20px;
}
.power-content li {
  font-style: normal;
  font-weight: 300;
  font-size: 20px;
  line-height: 26px;
  color: #4d4d4d;
  max-width: inherit;
  padding-top: 0;
  margin-bottom: 14px;
  margin-top: 20px;
}

.power-active-gradientbg-color .power-content li {
  color: #fff;
}

.power-content .circle-icon-black {
  width: 34px;
  height: 34px;
  background: #000000;
  border-radius: 50px;
  color: #ffffff;
  position: relative;
  left: 0px;
  padding-top: 8px;
  padding-left: 9px;
  font-size: 16px;
}

.power-active-bg-color {
  background-color: #f1faff;
}

.power-active-gradientbg-color {
  background-image: url("./img/gradient/powermeshgradient.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center;
}

.power-active-gradientbg-color .power-content h2 {
  color: #ffffff;
}

.power-active-gradientbg-color .power-content p {
  color: #ffffff;
}

.power-active-gradientbg-color .power-content .circle-icon-white {
  width: 34px !important;
  height: 34px;
  background: #ffffff;
  border-radius: 50px;
  color: #000000;
  position: relative;
  left: 0px;
  padding-top: 8px;
  padding-left: 9px;
  font-size: 16px;
}

.iconwithtext .icon img{
width:60px;
}
.outreach {
  /* background-color: #f7f7f7!important; */
  background: transparent linear-gradient(304deg, #f2eeeec2 0%, #e2f1f1 75%, #d8e7e7 100%) 0% 0% no-repeat padding-box;
  /* padding-top: 30px;
  padding-bottom: 30px; */
}

.outreach h2 {
  font-style: normal;
  font-weight: 500;
  font-size: 42px;
  line-height: 52px;
  color: #ffffff;
}

.outreach .box-border {
  /* border: 1px solid #fff; */
  border-radius: 15px;
  margin-bottom: 25px;
}

.outreach .iconwithtext {
  display: flex;
  padding: 10px 30px;
  align-items: center;

}

.outreach .iconwithtext .icon {
  /* height: 64px; */
  /* width: 64px; */
  max-width: 100%;
  max-height: 100%;
}

.outreach .iconwithtext .title h3 {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
  color: #000;
  padding-left: 19px;
  margin-top: -7px;
  padding-left: 40px;
}

.outreach .iconwithtext .title label {
  font-style: normal;
  font-size: 20px;
  font-weight: 300;
  line-height: 40px;
  color: #fffafa;
  padding-left: 19px;
  margin-top: -10px;
}

.outreach p {
  font-style: normal;
  font-weight: 300;
  font-size: 20px;
  line-height: 24px;
  color: #000;
  padding-left: 40px;
  padding-top: 15px;
  padding-bottom: 5px;
}

.small-business{
  background-color:#fff;
}
.small-business h2,.small-business .iconwithtext .title h3,.small-business p{
  color:#000!important;
}
.small-business .box-border{
  border: 1px solid #000;
}
.resources h2 {
  font-style: normal;
  font-weight: 500;
  font-size: 60px;
  line-height: 65px;
  color: #000000;
}

.resource-active-bg {
  background-color: #1d1d1d !important;
}

.resoure-card {
  background-color: #000000;
}

/* .resoure-card .resource-head
{
   background-color: red;
   height: 256px;
}
.resoure-card .resource-head img
{
    object-fit: cover;
} */
.resoure-card .resouce-body {
  padding-left: 20px;
}

.resoure-card .resouce-body h4 {
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 27px;
  color: #ffffff;
  padding-bottom: 10px;
  padding-top: 15px;
}

.resoure-card .resouce-body h4 sub {
  font-size: 14px;
  position: relative;
  top: -1px;
}

.resoure-card .resouce-body ul {
  padding: 0px;
}

.resoure-card .resouce-body ul li {
  list-style: none;
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 22px;
  color: #ffffff;
  padding-bottom: 10px;
}

.resouce-footer {
  display: flex;
  justify-content: right;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-top: 10px;
}

.resouce-footer .circle-icon {
  width: 34px !important;
  height: 34px;
  background: #ffffff;
  border-radius: 50px;
  color: #000000;
  position: relative;
  left: 0px;
  padding-top: 8px;
  padding-left: 9px;
  font-size: 16px;
}

.experts h2 {
  font-style: normal;
  font-weight: 500;
  font-size: 60px;
  line-height: 65px;
  color: #000000;
}

.expert-card {
  background: #ffffff;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.25);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  background-color: #000000;
}

.expert-bg-logo {
  left: 131px;
  position: absolute;
  z-index: -1;
  top: 11px;
  width: 304px !important;
}

.experts .expert-head {
  margin-top: 30px;
  max-height: 285px;
  overflow: hidden;
}

.experts .expert-head a {
  float: right;
  position: absolute;
  top: 224px;
  right: 22px;
}

.circle-icon-expert {
  width: 46px;
  height: 46px;
  background: #000000;
  border-radius: 50px;
  color: #ffffff;
  position: relative;
  left: -15px;
  padding-top: 8px;
  padding-left: 10px;
  font-size: 30px;
}

.circle-icon-expert-footer {
  width: 24px;
  height: 24px;
  background: #000000;
  border-radius: 50px;
  color: #ffffff;
  position: relative;
  left: 12px;
  padding-top: 4px;
  font-size: 14px;
  border: 1px solid #ffffff;
}

.experts .expert-img {
  z-index: 1;
  position: relative;
  background-color: #ffffff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding-top: 0px;
}

.experts .expert-card .expert-head .expert-img img
{
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.expert-body label {
  display: block;
  font-style: normal;
  font-weight: 300;
  font-size: 20px;
  line-height: 22px;
  color: #ffffff;
  padding-top: 10px;
  padding-left: 20px;
  /* margin-top: 20px; */
  margin-top: 0px;
}

.expert-body a {
  border: 1px solid #ffffff;
}

.expert-body a:hover {
  border: 1px solid #ffffff;
}

.expert-body .five:before {
  background: linear-gradient(90.13deg, #00c2ff 79.55%, #4db961 30.46%);
  content: "";
  display: inline-block;
  position: absolute;
  width: 262px;
  height: 300px;
  border-radius: 500px 100px 100px 100px;
  right: 312px;
  top: -162px;
  z-index: -90;
  transition: all 0.5s ease-in-out;
}

/*======Contact======*/
.conatct {
  /* background-image: url("./img/gradient/contactbg.png"); */
  /* background-color: #000000; */
  background-image: linear-gradient(90deg, #005E9E, #4FB484);;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 80px!important;
  padding-bottom: 80px!important;
}

.conatct .left-60 {
  margin-left: 60px;
}

.conatct img {
  position: relative;
  left: -15px;
  margin-bottom: -45px;
}

.conatct h1 {
  font-style: normal;
  font-weight: 600;
  font-size: 48px;
  line-height: 58px;
  color: #ffffff;
}

.conatct p {
  font-style: normal;
  font-weight: 300;
  font-size: 25px;
  line-height: 38px;
  color: #ffffff;
  padding-bottom: 15px;
  width: 100%;
}
.conatct ul{
  color: #ffffff;
  font-weight: 300;
}
.conatct p a {
  color: #fff;
}

.conatct .contact-body {
  border: 1px solid #ffffff;
  border-radius: 8px;
  padding: 20px;
  max-width: 600px;
  margin-bottom: 30px;
}

.conatct .contact-body label {
  font-style: normal;
  font-weight: 600;
  font-size: 22px;
  line-height: 33px;
  color: #ffffff;
}

.conatct .contact-body .contact-name {
  font-style: normal;
  font-weight: 300;
  font-size: 22px;
  line-height: 33px;
  color: #ffffff;
}

.contact-link label {
  display: block;
}

.contact-link label a {
  font-style: normal;
  font-weight: 600;
  font-size: 22px;
  line-height: 33px;
  text-decoration-line: underline;
  color: #ffffff;
}

.conatct .form-card {
  padding: 30px;
}

input:focus {
  outline: none;
}

.conatct .form-card .form-control,
.conatct .form-card select,
.conatct .country-select.inside input,
#country_saperate input,
.flag-container input,
.conatct .country-select.inside input[type="text"] {
  height: 47px;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 22px;
  color: #9c9c9c;
  outline: none;
  display: block;
  width: 100%;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  background-color: var(--bs-form-control-bg);
  background-clip: padding-box;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: 0.375rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.conatct .country-select.inside input,
.conatct .country-select.inside input[type="text"] {
  padding-right: 6px;
  padding-left: 52px;
  margin-left: 0;
  width: 100%;
  height: 47px;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 22px;
  color: #9c9c9c;
  outline: none;
  padding-right: 16px;
}

.conatct .blueButton {
  font-size: 20px;
  background: #000;
  color: #fff;
  padding: 6px 30px;
  border-radius: 20px;
  border: 1px solid #0000;
}

.conatct .blueButton:hover {
  background: #ffffff;
  color: #000;
  border: 1px solid #000000;
}

.conatct .wpcf7-not-valid-tip,
.wpcf7-not-valid-tip {
  color: #dc3232;
  font-size: 12px;
  font-weight: normal;
  display: block;
  line-height: initial;
  margin-top: 0px;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.conatct .wpcf7 form.invalid .wpcf7-response-output,
.conatct .wpcf7 form.unaccepted .wpcf7-response-output,
.conatct .wpcf7 form.payment-required .wpcf7-response-output {
  border-color: #ffb900;
  font-size: 12px;
  text-align: center;
}

#pills-tabContent .wpcf7-form-control-wrap .intl-tel-input input {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem 0.375rem 2.8rem;
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem 0.375rem 2.8rem;
  background: #fff;
  border: 1px solid #c2c2c2;
  border-radius: 5px;
  height: 47px;
  color: #9c9c9c;
  font-size: 16px;
}

.request-card.requestdemo {
  width: 85%;
  height: auto;
  background: #e9f0f0;
  border-radius: 10px;
  padding: 30px;
  margin:0px auto 0px auto;
}

.conatct .form-card textarea {
  height: 120px !important;
}

.conatct .button {
  width: 145px;
}

.support-box {
  max-width: 607px;
  height: 250px;
  background: #f7f7f7;
  border: 1px solid #f7f7f7;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.25);
  border-radius: 15px;
}

.support .support-box {
  display: flex;
}

.support .support-box img {
  width: 58px;
  height: 58px;
  margin: 30px;
}

.support-box .content label {
  font-style: normal;
  font-weight: 300;
  font-size: 28px;
  line-height: 40px;
  color: #000000;
}

.support-box .content p {
  font-style: normal;
  font-weight: 300;
  font-size: 22px;
  line-height: 24px;
  color: #a1a1a1;
  padding-top: 10px;
  width: 92%;
}

.support-box .five {
  margin-top: 10px;
  border: 1px solid #fff;
}

.support-box .five:before {
  right: 226px;
}

/*======Request Demo ====*/
.request {
  background-image: url("./img/bg/requestbg.png");
  background-repeat: no-repeat;
  background-size: cover;
}

.request h1 {
  font-style: normal;
  font-weight: 500;
  font-size: 40px;
  line-height: 60px;
  color: #000000;
}

.request img {
  margin-bottom: -60px;
}

.request p {
  width: 558px;
  font-style: normal;
  font-weight: 300;
  font-size: 22px;
  line-height: 33px;
  color: #000000;
}

.request-list {
  display: flex;
  margin-bottom: 30px;
}

.request .request-list .circlenumber {
  width: 60px;
  height: 60px;
  color: #232323;
  background: linear-gradient(#f1faff, #f1faff) padding-box,
    linear-gradient(to right, #00c2ff, #00d464) border-box;
  border-radius: 50em;
  border: 2px solid transparent;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-style: normal;
  font-weight: 300;
  font-size: 40px;
  line-height: 44px;
}

.request .request-list label {
  font-style: normal;
  font-weight: 300;
  font-size: 22px;
  line-height: 33px;
  color: #000000;
  position: absolute;
  padding-left: 75px;
  max-width: 580px;
  display: flex;
  align-items: center;
  height: 60px;
}

.request .nav-item {
  margin-left: 20px;
}

.request .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  color: #4db961;
  border-bottom: 2px solid #4db961;
  background-color: transparent !important;
  width: 215px;
  border-radius: 0px;
  font-style: normal;
  font-weight: 300;
  font-size: 22px;
  line-height: 24px;
}

.request .nav-pills .nav-link {
  color: #989898;
  border-bottom: 2px solid #989898;
  background-color: transparent !important;
  width: 215px;
  border-radius: 0px;
  font-style: normal;
  font-weight: 300;
  font-size: 22px;
  line-height: 24px;
}

.request-card {
  width: 549px;
  height: 711px;
  background: #000000;
  border-radius: 10px;
  padding: 30px;
}

.request .persional-details,
.request .productdetails {
  padding-top: 30px;
}

.request .persional-details label {
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 20px;
  color: #9c9c9c;
  margin-bottom: 20px;
}

.request .productdetails label {
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: inherit;
  color: #9c9c9c;
  margin-bottom: 20px;
}

.request #pills-tabContent.persional-details .form-control {
  background: #fff;
  border: 1px solid #c2c2c2;
  border-radius: 5px;
  height: 47px;
  color: #9c9c9c;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
}

.request #pills-tabContent.productdetails select,
.request #pills-tabContent.persional-details select.form-control {
  background: #ffffff;
  border: 1px solid #c2c2c2;
  border-radius: 5px;
  height: 47px;
  color: #9c9c9c;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  width: 100%;
  text-indent: 10px;
  padding: 0;
}

.request #pills-tabContent.productdetails textarea,
.request #pills-tabContent.persional-details textarea.form-control {
  background: #ffffff;
  border: 1px solid #c2c2c2;
  border-radius: 5px;
  height: 120px;
  color: #9c9c9c;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
}

.request #pills-tabContent.productdetails .wpcf7 form.invalid .wpcf7-response-output,
.request #pills-tabContent.productdetails .wpcf7 form.unaccepted .wpcf7-response-output {
  border-color: #ffb900;
  /* color: #fff; */
  color: #000;
  font-size: 12px;
  text-align: center;
}

.request .save-btn {
  width: 124px;
  height: 45px;
  background: #4db961;
  border-radius: 55px;
  font-weight: 400;
  font-size: 18px;
  line-height: 20px;
  text-align: center;
  color: #ffffff;
  padding: 12px 13px 10px 15px;
}

input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: -webkit-focus-ring-color auto 0px;
}

.form-control:focus,.wpcf7-form-control:focus {
  color: var(--bs-body-color);
  /* background-color: #fff0; */
  border-color: #86b7fe00;
  outline: 0;
  /* box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 0%); */
  box-shadow:0px 0px 1px 1px lightgray;
}
.wpcf7-submit:focus{
color: #fff!important;
}

select.form-control {
  --bs-form-select-bg-img: url(data:image/svg + xml,
 %3csvgxmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" %3e%3cpathfill="none" stroke="%23343a40" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m2 5 6 6 6-6" /%3e%3c/svg%3e);
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  -moz-padding-start: calc(0.75rem - 3px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #9c9c9c;
  background-color: var(--bs-form-control-bg);
  background-image: var(--bs-form-select-bg-img),
    var(--bs-form-select-bg-icon, none);
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: 0.375rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: auto;
}

.request .sub-btn {
  width:200px;
  height: auto;
  background: #000000;
  border: 1px solid #fff;
  border-radius: 55px;
}

.request .sub-btn:hover {
  border: 1px solid #fff;
}

.reques-power-text {
  display: flex;
  justify-content: center;
  padding:20px 20px;
  width: 100%;
}

.reques-power-text h2 {
  font-style: normal;
  font-weight: 500;
  font-size: 60px;
  line-height: 65px;
  text-align: center;
  color: #232323;
  width: 1125px;
}

.sms-delivery {
  margin-top: 90px;
  margin-bottom: 90px;
}

.sms-delivery h4 {
  font-style: normal;
  font-weight: 400;
  font-size: 40px;
  line-height: 64px;
  color: #585858;
  padding-top: 30px;
}

.sms-delivery label {
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 24px;
  color: #585858;
  padding-top: 10px;
  margin-bottom: 30px;
}

.sms-delivery .leftmovecontent {
  position: relative;
  left: 20px;
}

.sms-delivery .widthlogo {
  width: 480px;
}

.sms-delivery .video-thumb {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sms-delivery .video-btn {
  position: absolute;
}

input::placeholder {
  color: #9c9c9c !important;
}

textarea::placeholder {
  color: #9c9c9c !important;
}

/*===l3 page===*/
.enhance-border-title {
  width: 750px;
  margin-bottom: -45px;
}

.enhance-border-title h2 {
  font-style: normal;
  font-weight: 500;
  font-size: 40px;
  line-height: 60px;
  color: #000000;
}

.enhance {
  position: relative;
  top: -55px;
}

.enhance p {
  font-style: normal;
  font-weight: 300;
  font-size: 22px;
  line-height: 33px;
  color: #000000;
}

.enhance-list li {
  font-style: normal;
  font-weight: 300;
  font-size: 22px;
  line-height: 33px;
  color: #000000;
  list-style: none;
}

.enhance-list li::before {
  content: " ";
  position: absolute;
  width: 10px;
  height: 10px;
  background: #000000;
  border-radius: 50px;
  margin-top: 10px;
  margin-left: -30px;
}

.ehnance-service .services-img {
  margin-top: -30px;
}

.ehnance-service .services-img::before {
  width: 412px;
  height: 410px;
  background-color: #0095db;
  content: " ";
  position: absolute;
  z-index: -1;
  margin-left: -25px;
  margin-top: 20px;
  border-radius: 5px;
}

.ehnance-service .services-img-left {
  margin-top: -30px;
}

.ehnance-service .services-img-left::before {
  width: 412px;
  height: 410px;
  background-color: #0095db;
  content: " ";
  position: absolute;
  z-index: -1;
  margin-left: -25px;
  margin-top: 20px;
  border-radius: 5px;
}

.efficiently-border-title {
  z-index: 1;
  position: relative;
  width: 1130px;
}

.efficiently-border-title h2 {
  font-style: normal;
  font-weight: 500;
  font-size: 60px;
  line-height: 65px;
  color: #000000;
}

.efficiently-border-title img {
  width: 885px !important;
  position: relative;
  left: -13px;
}

.efficiently .power-active-bg-white-color {
  background-color: #fff;
}

.efficiently .power-active-bg-white-color::before {
  content: " ";
  background-image: url(./img/cloudbg.png);
  background-repeat: no-repeat;
  height: 590px;
  width: 98%;
  position: absolute;
  margin-top: -270px;
  left: -10px;
}

.small-business .iconwithtext .title {
  display: flex;
  align-items: center;
  height: 70px;
}

.small-business .col-md-6 {
  width: 46%;
  margin: 20px;
  height: auto;
  padding: 20px;
}
.small-business .col-md-6{
  min-height: auto !important;
}
.exotel-phone-system {
  background-color: #000000;
  background-image: url("./img/gradient/phonesystem.png");
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 30px;
  padding-bottom: 30px;
  clear: both;
}
#gotoform{
  padding-top:100px !important ;
}
.left-80.slider-para {
  margin-left: 0%;
  /* padding-left: 15px; */
  padding-left: 0px;
}

.exotel-phone-system h2 {
  font-style: normal;
  font-weight: 500;
  font-size: 60px;
  line-height: 65px;
  color: #ffffff;
}

.exotel-phone-system .circleno-with-text {
  display: flex;
  align-items: center;
}

.exotel-phone-system .circleno-with-text .number {
  width: 96px;
  height: 96px;
  color: #ffffff;
  border-radius: 50em;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-style: normal;
  font-weight: 300;
  font-size: 70px;
  line-height: 76px;
}

.exotel-phone-system .circleno-with-text .number::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  background: linear-gradient(#00c2ff, #00d464);
  -webkit-mask: radial-gradient(farthest-side,
      transparent calc(100% - 5px),
      #fff 47px);
}

.exotel-phone-system .circleno-with-text .head-desc {
  padding-left: 35px;
  flex: 1;
}

.exotel-phone-system .circleno-with-text .head-desc h3 {
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 40px;
  color: #fffafa;
}

.exotel-phone-system .circleno-with-text .head-desc p {
  font-style: normal;
  font-weight: 300;
  font-size: 22px;
  /* line-height: 24px; */
  line-height: 30px;
  color: #b7bdc3;
}

.phonesystem-btn-border {
  border: 1px solid #fff;
}

.phonesystem-btn-border:hover {
  border: 1px solid #fff !important;
}

/*=====l4=====*/
.bannerhome .slider-content .head-width {
  width: 650px;
}

.monitoring-software {
/*   background-color: #000000; */
/*   background-image: url(./img/gradient/mesh-gradient.png) !important; */
	background-color:#fff;
/*   background-repeat: no-repeat; */
/*   background-size: cover !important; */
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: auto;
}

.l4-box {
  background-color: #E5EEEE;
  padding: 25px 35px;
  min-height:auto;
  border: 1px solid #ffffff;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.25);
  border-radius: 15px;
  margin-bottom: 24px;
}

.l4-box h2 {
      font-style: normal;
    font-weight: 400!important;
    font-size: 24px!important;
    line-height: 28px!important;
    text-align: left;
    color: #000;
}

.l4-box p,.l4-box ul li {
  font-style: normal;
  font-weight: 300;
  font-size: 18px!important;
  line-height: 28px!important;
  text-align: left;
/*   color: rgba(255, 255, 255, 0.7); */
	color:#000;
	margin: 5px auto!important;
}

.powerfull .iconwithtext .title h3 {
  margin-top: 10px !important;
}

/*===About Us==*/
.exotelstory-border-title {
  width: 600px;
}

.exotelstory-border-title h2 {
  font-style: normal;
  font-weight: 500;
  font-size: 60px;
  line-height: 65px;
  color: #000000;
}

.exo-story p {
  font-style: normal;
  font-weight: 300;
  font-size: 22px;
  line-height: 30px;
  color: #000000;
}

.shelfoffame-border-title {
  width: auto;
}

.shelfoffame-border-title h2 {
  font-style: normal;
  font-weight: 500;
  font-size: 60px;
  line-height: 65px;
  color: #000000;
  text-align: left;
}

.shelfofame-back::before {
  content: " ";
  position: absolute;
  background-image: url("./img/exotel-vector.png");
  width: 560px;
  height: 568px;
  margin-left: 375px;
  z-index: -1;
  right: 0;
}

.shelfoffame h2 {
  font-weight: 700;
  font-size: 40px;
  line-height: 48px;
  color: #000000;
  width: 349px;
  margin-bottom: 60px;
}

.shelfoffame a {
  margin-top: 30px;
  text-decoration: none;
}

.shelfoffame .circle-icon-black {
  width: 60px;
  height: 60px;
  background: #000000;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.35);
  border-radius: 50px;
  color: #ffffff;
  position: relative;
  font-size: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.shelfoffame .carousel-indicators {
  bottom: 50px;
}

.shelfoffame .carousel-inner {
  position: relative;
  width: 100%;
  overflow: inherit;
  padding-bottom: 120px;
}

.shelfoffame .carousel-indicators [data-bs-target] {
  width: 30px;
  height: 10px;
  cursor: pointer;
  background-color: #000 !important;
  width: 10px;
  height: 10px;
  border-radius: 100%;
}

.shelfoffame .carousel-indicators .active {
  opacity: 1;
  width: 50px !important;
  border-radius: 10% / 50%;
}

.exoteldna-border-title {
  width: 830px;
}
.exotelameyo-border-title{
  max-width: 1000px;
  margin: 25px auto;
}
.media-border-title{
  width:50%;
  margin:0px;
}
.cta_button{
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}
.cta_button.channel-partner {
  justify-content: left;
  margin-bottom: 0px;
  padding-top: 75px;
}
.exoteldna-border-title h2 {
  font-style: normal;
  font-weight: 500;
  font-size: 60px;
  line-height: 65px;
  color: #000000;
}

.exoteldna {
  background-color: #000000;
  padding: 60px 30px;
  background-image: url("./img/gradient/aboutbg.png");
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: -28px;
}
.common-inside-header {
  padding-top: 185px;
  padding-bottom: 30px;
  background: url(/wp-content/uploads/2023/09/channel-partner-banner-bg.jpeg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover!important;
}
.cta_button.channel-partner {
  padding: 6px 20px 6px;
    text-decoration: none;
    margin-top: 55px;
    float: left;
    text-align: center;
    border-radius: 27px;
    background: #4DB961;
    border: none;
}
.cta_button.channel-partner a {
  color: #000;
  text-align: center;
  font-family: Archivo;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  background: transparent;
  border: none;
}
.cta_button.channel-partner a:active {
  background: transparent;
  color: #000;
}
.common-inside-header h1 {
  color: #fff;
}
.comm-custku-hddvdr {
  margin: 0 auto;
  margin-bottom: 30px;
  height: 1px;
  line-height: 3px;
  width: 100%;
  background-image: -webkit-linear-gradient(left, #f0f0f0, #4594d0, #f0f0f0);
  max-width: 290px;
}
.common-inside-header .comm-custku-hddvdr {
  background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), #fff, rgba(0,0,0,0));
}
.exotelameyo{
     background-color: #B3D4D4;
  padding: 30px 30px;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: -28px;
}
.media_card{
  padding: 60px 30px;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: -28px;
}

.exoteldna .col-sm-ipad-6 {
  background: #000000;
  border: 1px solid #ffffff;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.25);
  border-radius: 15px;
  padding: 40px 60px;
  height: auto;
  margin: 20px;
}

.exotelameyo  .col-sm-ipad-6{
  background: #fff;
  border: 1px solid #0000;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.25);
  border-radius: 0px;
  padding: 40px 30px;
  height: auto;
  margin: 20px 12px;
}
.media_card .col-sm-ipad-6{
  background: #fff;
  border: 1px solid #0000;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.25);
  border-radius: 25px;
  padding:7px 10px!important;
  height: auto;
  margin: 10px;
}
.bg-color-gray{
  background-color: #D9E7E7;
}
.ameyo-card{
  max-width: 22%;
}
.media-card{
  max-width:33%;
}
.Media-Cards h1,.Media-Cards h2{
  text-align:left;color:#000;margin-left:20px;font-size: 46px;
    line-height: 55px;
    font-weight: 400;
}
.exoteldna .exoteldna-box img {
  margin-bottom: 20px;
  width: 100%;
  max-width: 120px;
}
.exotelameyo  .exoteldna-box img {
  margin-bottom: 20px;
  width: 100%;
  max-width: 120px;
  min-height: 100px;
  object-fit: contain;
}

.exotelameyo  .exoteldna-box h3{
  color:#4594d0 ;
  font-size: 24px;
}
.media_card .exoteldna-box h3{
/*   color:#4594d0 ; */
	color:#000 ;
  font-size: 20px;
  text-align: left;
  min-height: 60px;
}
.media_card .exoteldna-box img {
  margin-bottom: 10px;
  width: 100%;
  max-height: 10rem;
    border-radius: 25px;
	object-fit:cover;
}

.exoteldna .exoteldna-box h3 {
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 48px;
  text-align: center;
  color: #ffffff;
  margin-bottom: 15px;
}

.exoteldna .exoteldna-box label {
  font-style: normal;
  font-weight: 300;
  font-size: 22px;
  line-height: 32px;
  text-align: center;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 15px;
}

.exoteldna .exoteldna-box p {
  font-style: normal;
  font-weight: 300;
  font-size: 22px;
  line-height: 32px;
  text-align: center;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 30px;
}

.team {
  background: #000000;
}
.team-bg-white{
  background-color: #fff!important;
}

.team .team-title-para h2 {
  font-style: normal;
  font-weight: 500;
  font-size: 46px;
  line-height: 55px;
  text-align: center;
  color: #ffffff;
}
.team1 .team-title-para h2{
  color: #000!important;
}
.team .team-title-para p {
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 33px;
  text-align: center;
  color: rgba(255, 255, 255, 0.7);
  width: 1247px;
}
.team1 .team-title-para p {
  color: #000!important;
 
}
.team-box .flip-box {
  background-color: transparent;
  perspective: 1000px;
  /* height: 700px; */
  /* height: 850px; */
  height: 550px;
}

.team-box .flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.8s;
  transform-style: preserve-3d;
  display: flex;
  justify-content: center;
  align-items: center;
}

.team-box .flip-box:hover .flip-box-inner {
  transform: rotateY(180deg);
}

.team-box .flip-box-front,
.flip-box-back {
  position: absolute;
  width: 100%;
  max-width: 300px;
  height: 550px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: auto;
}
.flip-box-back {
  position: absolute;
  width: 100%;
  height:500px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  overflow-y: scroll;
}
.team-box .flip-box-front {
  color: black;
}

.team-box1 .flip-box-front img {
  height: 300px!important;
  width: 100%;
  object-fit: cover;
  padding: 0px;
}
.team-box .flip-box-front img {
  height: 380px;
  /* height: auto; */
  width: 100%;
  object-fit: contain;
  padding: 0px;
}
.team-box1 .flip-box-front img {
  height: 300px;
  width: 100%;
  object-fit: cover;
  padding: 0px;
}
.team-box .flip-footer {
  background: #131313;
  height: 150px;
  width: 100%;
  padding-top: 30px;
  display: grid;
  justify-content: center;
  margin-top: -1px;
  padding-bottom: 30px;
}
.team-box1 .flip-footer {
  background: #e9f1f1;
  height: 55px;
  width: 100%;
  padding-top: 0px;
  display: grid;
  justify-content: center;
  margin-top: -1px;
  align-items: center;
  padding-bottom: 5px;
}
.team-box .flip-footer h2,.team-box1 .flip-footer h2 {
  font-style: normal;
  font-weight: 500;
  font-size: 22px !important;
  line-height: 38px;
  text-align: center;
  color: #858585;
  margin-bottom: 0px;
}

.team-box .flip-footer label {
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
  text-align: center;
  color: #858585;
}

.team-box .flip-box-back {
  background-color: #ffffff;
  color: #000;
  transform: rotateY(180deg);
  padding: 16px;
}

.part-of-exotel-team {
/*   background-color: #000000; */
	background-color:#fff;
/*   background-image: url("./img/gradient/part-of-exotel-bg.png"); */
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 30px;
}

.part-of-exotel-team::before {
  content: " ";
  position: absolute;
  background-image: url(./img/part-of-exotel-about-vector.png);
  background-repeat: no-repeat;
  width: 450px;
  height: 450px;
  float: right;
  left: 66%;
  margin-top: 200px;
}

.part-of-exotel-team h2 {
  font-style: normal;
  font-weight: 500;
  font-size: 60px;
  line-height: 65px;
/*   color: #ffffff; */
	color:#000000;
  margin-bottom: 30px;
}
.center-text-image-section.part-of-exotel-team h2{
  color: #232323;
}
.part-of-exotel-team p {
  font-style: normal;
  font-weight: 300;
  font-size: 22px;
  line-height: 32px;
  text-align: center;
/*   color: #b7bdc3; */
	color:#000;
  margin-bottom: 15px;
}

.part-of-exotel-team-img {
  z-index: 1;
  position: relative;
  top: 90px;
  bottom: 60px;
}

.bg-color {
  background-color: #f6f6f6;
  height: 130px;
  margin-bottom: -50px;
}

/*====Privacy Policy------*/
.privacy-policy {
  background-color: #f1faff;
  margin-bottom: -50px;
  position: relative;
  min-height: 887px;
  z-index: -1;
}

.privacy-policy::before {
  content: "";
  background-image: url("./img/privacybg.png");
  background-repeat: no-repeat;
  position: absolute;
  height: 753px;
  width: 50%;
  left: 50%;
  top: 75px;
  z-index: -1;
}

.privacy-border-title {
  width: 80%;
  position: relative;
  left: -10px;
}

.privacy-border-title h2 {
  font-style: normal;
  font-weight: 500;
  font-size: 40px;
  line-height: 50px;
  color: #000000;
}

.privacy-policy p {
  font-style: normal;
  font-weight: 300;
  font-size: 22px;
  line-height: 33px;
  color: #000000;
  margin-bottom: 30px;
  margin-top: 10px;
  position: relative;
  padding-right: 100px;
}

.privacy-policy a {
  color: #0095db;
  text-decoration: none;
  border-bottom: 1px solid #0095db;
}

.privacy-policy strong {
  font-style: normal;
  font-weight: 500;
  font-size: 22px;
  line-height: 24px;
  color: #000000;
  position: relative;
}

.privacy-policy-box {
  background: #1e1e1e;
  border-radius: 15px;
  padding: 15px 30px;
  margin-bottom: 60px;
  position: relative;
  margin-right: 100px;
}

.privacy-policy-box p {
  font-style: normal;
  font-weight: 300;
  font-size: 22px;
  line-height: 33px;
  color: #ffffff;
  padding-right: 100px;
}

/*=====Pricing=====*/
.pricing {
  background-color: #1e1e1e;
  margin-bottom: 0px;
}

.pricing::before {
  content: " ";
  position: absolute;
  width: 36%;
  height: 90vh;
  background-image: url(./img/pricing-bg-vector.png);
  background-repeat: no-repeat;
  z-index: 0;
  opacity: 0.1;
  float: right;
  margin-left: 64%;
  top: 10px;
}

.pricing .or-text {
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 20px;
  text-align: center;
  color: #989898;
}

.pricing-box-list-call .call-text {
  font-style: normal;
  font-weight: 500;
  font-size: 19px;
  line-height: 21px;
  text-align: center;
  color: #668877;
  padding-top: 10px;
}

.pricing-box-list-call .call-text div {
  padding-top: 10px;
}

.pricing-box-list-call {
  padding-left: 20px;
  padding-right: 20px;
}

.pricing-box-list-call .para-box {
  margin-top: 22px;
  margin-bottom: 75px;
  padding: 10px;
  border-top: 0.5px solid rgba(255, 255, 255, 0.3);
  border-bottom: 0.5px solid rgba(255, 255, 255, 0.3);
}

.pricing-box-list-call .para-box p {
  font-style: normal;
  font-weight: 300;
  font-size: 20px;
  line-height: 22px;
  color: #989898;
}

.pricing .most-popular-box {
  position: relative;
  top: 0px;
}

.pricing .most-popular-box ul li {
  color: #fff;
}

.pricing .most-popular-box ul li .list-warning {
  filter: brightness(1.5);
}

.pricing .pricing-btn-active {
  background-color: #fff !important;
  color: #000000;
}

.pricing-border-title {
  width: 650px;
}

.pricing-border-title h1 {
  font-style: normal;
  font-weight: 500;
  font-size: 60px;
  line-height: 65px;
  color: #ffffff;
}

.pricing-border-title h3 {
  font-style: normal;
  font-weight: 300;
  font-size: 30px;
  line-height: 33px;
  color: #ffffff;
}

.pricing-padding {
  padding-left: 80px;
  padding-right: 80px;
}

.pricing-box {
  background: rgba(0, 0, 0, 0.5);
  border: 0.5px solid #ffffff;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 0px 12px rgba(0, 0, 0, 0.25);
  border-radius: 15px;
  z-index: 1;
  position: relative;
  min-height: 650px;
  margin-bottom: 20px;
  transition: 0.3s;
}

.pricing-box:hover {
  background-image: url("./img/pricing-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
  transform: translate(0, -15px);
}

.pricing-box p {
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  line-height: 33px;
  text-align: center;
  color: #ffffff;
  padding-top: 20px;
}

.pricing label {
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  line-height: 28px;
  color: #ffffff;
  padding-top: 30px;
}

.pricing-box a {
  width: 85%;
  height: 49px;
  border: 1px solid #ffffff;
  border-radius: 65px;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: #ffffff;
  display: flex;
  text-decoration: none;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
  margin: 0 auto;
}

.pricing-box a:hover {
  background-color: #fff;
  color: #000000;
}

.pricing-box a i {
  padding-left: 30px;
}

.pricing-btn-center {
  width: 100%;
  text-align: center;
}

.pricing-btn-center .most-popular {
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 20px;
  text-transform: capitalize;
  color: #69b5b5;
  padding-bottom: 0px;
  padding-top: 25px;
}

.pricing-btn-center .most-popular::before {
  content: " ";
  position: absolute;
  width: 132px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.3);
  margin-left: -14px;
  margin-top: 25px;
}

.pricing-box-list {
  width: 100%;
  margin-top: 30px;
  margin-bottom: 40px;
  padding-right: 20px;
  padding-left: 20px;
}

.pricing-box ul {
  padding: 0px;
}

.pricing-box ul li {
  font-style: normal;
  font-weight: 300;
  font-size: 20px;
  line-height: 22px;
  color: #989898;
  list-style: none;
  border-bottom: 0.5px solid rgba(255, 255, 255, 0.3);
  padding-top: 10px;
  padding-bottom: 10px;
}

.pricing-box ul li .list-tick {
  padding-right: 10px;
}

.pricing-box ul li .list-warning {
  float: right;
}

.pricing-box ul li:last-child {
  border-bottom: none;
}

.pricing-bottom p {
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 20px;
  text-align: right;
  color: #9c9c9c;
}

.pricing-bottom a {
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 20px;
  text-align: right;
  color: #9c9c9c;
}

.pricing-bottom {
  padding-bottom: 60px;
  z-index: 1;
  position: relative;
}

.pricing-faq h2 {
  font-style: normal;
  font-weight: 400;
  font-size: 60px;
  line-height: 65px;
  color: #000000;
}

.pricing-faq .accordion-button:not(.collapsed)::after {
  background-image: url("./img/faq-minus.png") !important;
  top: -20px;
}

.pricing-faq .accordion-button::after {
  background-image: url("./img/faq-plus.png") !important;
}

.pricing-faq .accordion .accordion-button {
  font-style: normal;
  font-weight: 400;
  font-size: 26px;
  line-height: 35px;
  color: #000000;
  background: #f7f7f7;
  height: 85px;
  padding-left: 35px;
  padding-right: 70px;
}

.pricing-faq .accordion-button:not(.collapsed) {
  background-color: #000000;
  box-shadow: none;
  color: #ffff;
  padding-bottom: 0px;
  height: 70px;
  padding-top: 22px;
}

.pricing-faq .accordion-body {
  background: #000000;
}

.pricing-faq .accordion-body p {
  font-style: normal;
  font-weight: 300;
  font-size: 20px;
  line-height: 28px;
  color: #ffffff;
  padding-right: 0px;
  padding-left: 0px;
}

.pricing-faq .accordion {
  border-radius: 30px;
}

.pricing-faq .accordion-item {
  border-bottom: 1px solid #000000 !important;
  border-left: none !important;
  border-right: none !important;
}

.pricing-faq .accordion-item:last-child {
  border-bottom: 0px !important;
}

.pricing-faq .accordion {
  --bs-accordion-btn-icon-width: 2.25rem !important;
  --bs-accordion-inner-border-radius: 43px !important;
  --bs-accordion-border-color: none !important;
}

.pricing-faq .accordion-button::after {
  position: relative;
  left: 37px;
}

.special-plans-border-title {
  width: 800px;
}

.special-plans-border-title h2 {
  font-style: normal;
  font-weight: 500;
  font-size: 60px;
  line-height: 65px;
  color: #000000;
}

.say-about-exotel .card-group {
  padding-left: 60px;
  padding-right: 60px;
  gap: 30px;
}

.say-about-exotel .card {
  background: #f6f6f6;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 38px !important;
  border: none !important;
}

.say-about-exotel .card {
  padding: 20px;
}

.say-about-exotel .card p {
  padding-top: 50px;
  font-weight: 300;
  font-size: 18px;
  line-height: 24px;
  display: flex;
  align-items: center;
  color: #4d4d4d;
  padding-right: 80px;
  padding-bottom: 40px;
}

.say-about-exotel .card .card-footer {
  background-color: transparent !important;
  border: none !important;
}

.say-about-exotel .card .card-footer .user-name {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 22px;
  display: flex;
  align-items: center;
  color: #4d4d4d;
}

.say-about-exotel .card .card-footer .user-des {
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 17px;
  display: flex;
  align-items: center;
  color: #4d4d4d;
  padding-top: 5px;
}

.say-about-exotel .card .card-footer img {
  border-radius: 50px;
  width: 65px;
  height: 65px;
  object-fit: contain;
}

.say-about-exotel .carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: auto;
  padding-bottom: 60px;
}

.say-about-exotel .carousel-indicators {
  display: none;
}

.say-about-exotel .carousel-control-prev-icon {
  display: none;
}

.say-about-exotel .carousel-dark .carousel-control-next-icon {
  background-color: #000000 !important;
  filter: invert(0) grayscale(100);
  border-radius: 50px;
}

.say-about-exotel .carousel-control-next {
  opacity: 1;
}

.say-about-exotel .carousel-control-next-icon {
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem;
  background-repeat: no-repeat;
  background-position: 60%;
  background-size: 65% 100%;
  position: absolute;
  margin-top: 109%;
  margin-left: 83%;
}

.say-about-exotel::before {
  content: " ";
  position: absolute;
  background-image: url(./img/pricing-about-vector.png);
  background-repeat: no-repeat;
  width: 35%;
  height: 16%;
  float: right;
  margin-left: 0%;
  margin-top: -13%;
  right: 0;
}

.customerslogo .grey-color {
  mix-blend-mode: luminosity;
  opacity: 1;
}

.customerslogo .col-md-12 .row {
  align-items: center;
}

.power-auto-border-title {
  width: 705px;
}

.power-auto-border-title h2 {
  font-style: normal;
  font-weight: 500;
  font-size: 60px;
  line-height: 65px;
  color: #000000;
}

.advantage {
  padding-bottom: 15px;
}

.advantage .iconwithtext {
  display: flex;
  padding: 30px 30px 0 30px;
  align-items: center;
}

.advantage p {
  font-style: normal;
  font-weight: 300;
  font-size: 22px;
  line-height: 28px;
  color: #585858;
  padding-left: 30px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.advantage .col-md-6 {
  width: 40%;
  margin-left: 47px;
  margin-right: 47px;
}

.advantage .box-border {
  background: #f1faff;
  border-radius: 25px;
}

.advantage .iconwithtext .title h3 {
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 40px;
  color: #000000;
  padding-left: 26px;
  margin-top: -7px;
}
.page-id-438476 .advantage .iconwithtext .title h3 {
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 40px;
  color: #000000;
  padding-left: 0px;
  margin-top:0px;
}
.advantage .power-active-gradientbg-color {
  border-radius: 25px;
  position: relative;
  z-index: 1;
  color: #fff;
  background-image: url("./img/pricing-advantage-bg.png");
}

.advantage .power-active-gradientbg-color .iconwithtext .title h3,
.advantage .power-active-gradientbg-color p {
  color: #fff;
}

.advantage .power-active-gradientbg-color::before {
  background-color: #000000 !important;
  position: absolute;
  content: " ";
  width: 100%;
  height: 100%;
  left: 1px;
  border-radius: 25px;
  opacity: 0.3;
  z-index: -1;
}

.our-plan-feature {
  background-image: url("./img/bg/pricing-features.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: initial;
  padding-top: 30px;
  padding-bottom: 30px;
}

.our-plan-feature::before {
  background-image: url(./img/bg/pricing-features-line.png);
  position: absolute;
  content: " ";
  background-repeat: no-repeat;
  width: 130px;
  height: 10%;
  margin-left: 88%;
  margin-top: 102px;
}

.our-plan-feature-border-title {
  width: 720px;
}

.our-plan-feature-border-title h2 {
  font-style: normal;
  font-weight: 400;
  font-size: 60px;
  line-height: 65px;
  color: #ffffff;
}

.our-plan-feature-border-title img {
  position: relative;
  left: -12px;
}

.our-plan-feature-list {
  z-index: 1;
  position: relative;
}

.our-plan-feature-list ul li {
  font-style: normal;
  font-weight: 300;
  font-size: 20px;
  line-height: 22px;
  color: #fff;
  list-style: none;
  border-bottom: 0.5px solid rgba(255, 255, 255, 0.3);
  padding-top: 15px;
  padding-bottom: 15px;
}

.our-plan-feature-list ul li .list-tick {
  padding-right: 15px;
}

.our-plan-feature-box {
  background-color: #000000;
  padding: 25px 35px;
  border: 1px solid #ffffff;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.25);
  border-radius: 15px;
}

.our-plan-feature-box h3 {
  font-style: normal;
  font-weight: 500;
  font-size: 60px;
  line-height: 65px;
  text-align: center;
  padding-bottom: 20px;
  padding-top: 10px;
}

.our-plan-feature-box p {
  font-style: normal;
  font-weight: 300;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  color: #f7f7f7;
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 30px;
  padding-bottom: 30px;
}

.our-plan-feature-box .full-function-subtitle {
  height: auto !important;
  font-style: normal;
  font-weight: 300;
  font-size: 30px;
  line-height: 33px;
  text-align: center;
  color: #668877;
}

.our-plan-feature-box .link-text {
  color: #fff;
  text-decoration: none;
  font-weight: 700;
}

.our-plan-feature-box .link-text:hover {
  text-decoration: underline;
}

.our-plan-feature-btn-active {
  width: 290px;
  height: 49px;
  border: 1px solid #ffffff;
  border-radius: 65px;
  font-style: normal;
  font-weight: 500;
  font-size: 19px;
  line-height: 21px;
  text-align: center;
  color: #000000;
  display: flex;
  text-decoration: none;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
  background-color: #fff;
  margin-bottom: 30px;
}

.our-plan-feature-btn-active i {
  padding-left: 30px;
}

.wraper_error_main.style-one>.container {
  padding-top: 70px;
  padding-bottom: 120px;
}

.wraper_error_main.style-one .error_main {
  text-align: center;
}

.wraper_error_main.style-one .error_main p {
  padding-bottom: 32px;
  width: 35%;
  margin: 0px auto;
}

.video-container {
  height: 800px;
  width: 100%;
  overflow: hidden;
  position: relative;
}

.video-container video {
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.video-container .caption {
  padding-left: 87px;
  padding-top: 200px;
}

.error-body {
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 39px;
  box-sizing: border-box;
  position: absolute;
  width: 551px;
  background: rgba(0, 0, 0, 0.15);
  border: 1px solid #7b7b7b;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border-radius: 13px;
}

.error-body .error-header {
  float: left;
  font-style: normal;
  font-weight: 700;
  font-size: 60px;
  line-height: 60px;
  color: #ffffff;
  text-align: left;
}

.error-body p {
  margin-top: 34px;
  font-style: normal;
  font-weight: 300;
  font-size: 22px;
  line-height: 33px;
  color: #ffffff;
}

.error-body a {
  background: #000000;
  border-radius: 55px;
}

.error-body a.go_back {
  text-decoration: none;
  color: #fff;
  background-color: transparent;
  padding: 10px;
}

.error-body a.go_back:hover {
  background-color: #000;
}

.video-top {
  position: relative;
}

.pricing-box ul li .list-warning {
  position: relative;
  z-index: 99;
  opacity: 1;
  padding: 0;
}

.pricing-bottom p {
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 26px;
  text-align: right;
  color: #9c9c9c;
}

.customerslogo .bw {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  /* Firefox 10+, Firefox on Android */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(1);
  /* Google Chrome, Safari 6+ & Opera 15+ */
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}

.customerslogo .bw:hover {
  filter: none;
  -webkit-filter: grayscale(0);
}

.pricing-faq .faq-sec {
  width: 100%;
}

.say-about-exotel .carousel-control-next-icon {
  margin-top: 196%;
  margin-left: 60%;
}

.customerslogo .owl-nav {
  display: none;
}

.smsandwhatsappsec {
  width: 100%;
  margin-top: 30px;
}
.customerslogo-1 .owl-carousel .owl-item img{
  width:120px!important;
}
.smsandwhatsappsec h3 {
  font-size: 20px;
  font-weight: 600;
  font-style: normal;
  line-height: 38px;
  color: #fff;
}

.smsandwhatsappsec p {
  font-size: 16px;
  font-weight: 300;
  font-style: normal;
  line-height: 20px;
  color: #fff;
  margin-bottom: 30px;
}

#resources-sec.resources-plan-feature {
  background: #D9E7E7;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: initial;
  padding-top: 0px;
  padding-bottom: 80px;
  float: left;
  width: 100%;
}

#resources-sec.resources-plan-feature::before {
  background-image: none;
  position: absolute;
  content: " ";
}

.w-70 {
  width: 70% !important;
}

#resources-sec .dropbtn {
  background-color: #ffffff;
  color: black;
  padding: 8px 14px;
  font-size: 16px;
  border: none;
  cursor: pointer;
  border-radius: 50px;
  max-width: 200px;
  text-align: left;
  float: left;
}

#resources-sec .dropbtn:focus {
  outline: none;
}

#resources-sec i.fa.fa-caret-down {
  float: right;
  margin-top: 5px;
}

#resources-sec #myInput {
  box-sizing: border-box;
  background-image: url(/wp-content/uploads/2023/12/searchIcon.png);
  /* background-position: 14px 12px; */
  background-repeat: no-repeat;
  background-color: transparent;
  font-size: 14px;
  padding: 14px 30px 14px 5px;
  /* font-size: 16px;
  padding: 14px 20px 14px 20px; */
  border: none;
  /* border: 1px solid #000; */
  /* background: rgba(255, 255, 255, 0); */
  border-radius: 10px;
  /* float: right; */
  color: #989898;
  text-align: center;
  width: 100%;
  background-position: right 9px bottom 18px;
  /* width: 50%;
  background-position: right 12px bottom 18px; */
    background-size: 16px;
}

#resources-sec #myInput:focus {
  outline: 0px solid #ddd;
}

#resources-sec .dropdown {
  position: relative;
  display: inline-block;
  width: 50%;
  height: 140px;
}

.resources-plan-feature-border-title {
  max-width: 1280px;
  /* float: left; */
  margin: auto;
}

.resources-plan-feature-border-title h2 {
  font-style: normal;
  font-weight: 400;
  font-size: 60px;
  line-height: 65px;
  color: #000;
  padding: 0;
}

.resources-plan-feature-border-title img {
  position: relative;
  left: -12px;
}

.topmenu {
  width: auto;
  float: left;
  /* background: #ffffff; */
  padding: 0px 20px;
  border-radius: 15px;
  /* border: 1px solid #4c4c4c; */
  /* margin-bottom: 60px; */
}

.topmenu ul {
  padding: 0;
  width: 100%;
  float: left;
  margin: 0;
  list-style: none;
}

.topmenu li {
  float: left;
  color: #000;
  font-size: 36px;
  font-weight: 100;
  border-right: 1px solid #4c4c4c;
	margin-bottom: 10px;
    margin-top: 10px;
}

.topmenu li a {
  padding-bottom: 5px;
  float: left;
  color: #000;
 /*  margin: 0px 24px 0px; */
  margin: 0px 20px 0px;
  font-size: 16px;
  text-decoration: auto;
  font-style: normal;
  font-weight: 200;
  font-size: 16px;
  line-height: 24px;
  border-bottom: 2px solid #4c4c4c;
  width: auto;
  text-align: center;
}

.topmenu li:last-child {
  border: none;
}

.topmenu li:hover a {
  color: #000;
  opacity: 1;
  border-bottom: 2px solid #4db961;
}

.topmenu li.avtive a {
  color: #000;
  opacity: 1;
  border-bottom: 2px solid #4db961;
}

.mb-20 {
  margin-bottom: 20px;
}

.resources-cont {
  width: 100%;
  margin: 0 auto;
}

.resources-box {
  background: #ffffff7c;
  border: 0px solid #4c4c4c;
  border-radius: 25px;
  width: 100%;
  float: left;
  padding: 10px;
}
.resources-box:hover{
  background: #ffffff;
}

.resources-box img.reso-img {
  width: 100%;
  float: left;
  margin-bottom: 20px;
  border-radius: 25px;
}

.resources-box h3 {
  font-style: normal;
  font-weight: 300;
  font-size: 22px;
  line-height: 26px;
  color: #000;
  padding: 10px 0;
  margin-bottom: 0px;
  float: left;
  width: 100%;
  min-height: 80px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.resources-box h3 a {
  color: #000;
  text-decoration: none;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  font-family: sans-serif;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.reso-dtl ul {
  padding: 5px;
  list-style: none;
  margin: 0;
  display: inline-flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.reso-dtl ul li {
  width: 50%;
display: flex;
  color: #000;
}

.reso-dtl ul li img {
  border-radius: 50px;
  float: left;
  margin-right: 10px;
  width: 40px;
  border: 1px solid #000;
}

.reso-dtl ul li p {
  font-style: normal;
  font-weight: 300;
  font-size: 20px;
  line-height: 22px;
  color: #000;
  margin: 0;
  float: left;
  margin-top: 7px;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  font-family: sans-serif;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  width: auto;
  max-height: 30px;
}

/* .reso-dtl ul li.dateday span {
  margin-top: 4px;
  float: right;
} */

.reso-dtl ul li span {
  font-style: normal;
  font-weight: 300;
  font-size: 12px;
  line-height: 13px;
  color: #969696;
}

.reso-dtl ul li.dateday.left span {
  float: left;
}

.reso-dtl ul li.aut-text {
  height: 40px;
}

/* .reso-dtl ul li.dateday {
  text-align: right;
  height: 40px;
} */

/* .reso-dtl ul li.dateday.left {
  height: auto;
  float: left;
  text-align: left;
} */



.reso-dtl ul li.dateday {
  text-align: right;
}

.reso-dtl ul li {
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 13px;
  color: #55da99;
  margin-bottom: 0px;
}

.reso-dtl ul li.contact-center {
  text-align: right;
}

.reso-dtl ul li.contact-center {
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 13px;
  color: #55da99;
  margin-top: 10px;
  display: flex;
    justify-content: flex-end;
}

.pagination {
  width: 300px;
  float: none;
  margin: 40px auto 0;
}

.pagination ul {
  width: 100%;
  float: left;
  list-style: none;
  padding: 0;
}

.pagination li {
  float: left;
}

.pagination li a {
  float: left;
  color: #fff;
  text-decoration: none;
  border: 1px solid #55da9a00;
  padding: 10px 20px;
  border-radius: 50px;
  font-size: 20px;
  margin: 8px;
}

.pagination li:hover a {
  border: 1px solid #55da99;
}

.pagination li.active a {
  border: 1px solid #55da99;
}

li.lastarrow a {
  background: #000;
}

#bloginner-sec.bloginner-plan-feature {
	/* background-image: url(./img/blogs/blogbanner.png); */
  background: transparent linear-gradient(254deg, #8980F5 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: initial;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 100%;
	height:368px;
  margin-bottom: 40px;
  box-shadow: 0px 3px 6px #00000029;
  opacity: 1;
  clear: both;
}
a.back-but{
    background: #000;
    border: 1px solid #fff;
    color: #fff;
    text-decoration: none;
    padding: 13px 30px;
    border-radius: 50px;
    margin-top: 60px;
    float: left;
    margin-bottom: 0px;
}
a.back-but img{
    background: #fff;
    padding: 4px;
    border-radius: 50px;
    margin-right: 10px;
}
.bolgs-title {
    width: 100%;
    float: left;
    margin: 20px 0px 0px 0px;
}
.bolgs-title h5{
	font-weight: 400;
	font-size: 32px;
	line-height: 35px;
	text-align: center;
	color: #000000;
}
.bolgs-title h1{
    width: 100%;
    float: left;
	font-style: normal;
	font-weight: 700;
	font-size: 60px;
	line-height: 65px;
	text-align: center;
	color: #000000;
margin-top: 40px;
}
.blogs-banner {
    text-align: center;
    float: left;
    width: 100%;
  overflow: hidden;
  max-height: auto;
  border-radius: 21px;
}
.firstwebinarbox .owl-carousel .owl-item img {
  transform-style: preserve-3d;
  height: 100%;
  object-fit: contain;
}
.blogs-title-sec {
    width: 100%;
    margin: 0 auto;
}
.blogs-banner img {
    width: 100%;
    height: auto;
}
.tablecontent {
    background: rgba(255, 221, 0, 0.1);
    padding: 50px;
    border-radius: 20px;
    width: 100%;
	margin-bottom: 30px;
}
.blog-text-sec .tablecontent ul {
    margin: 0 auto;
    margin-bottom: 0px;
    padding-left: 0px;
    width: 500px;
    list-style: none;
    color: #000;
}
.blog-text-sec .tablecontent ul span{
	margin-left: 10px;
	margin-right: 40px;
}
.blog-text-sec .tablecontent ul li{
	border-bottom: 1px solid #000;
}
.blog-text-sec .tablecontent ul li a{
	font-style: normal;
	font-weight: 300;
	font-size: 22px;
	line-height: 52px;
	align-items: center;	
	color: #000000;	
	text-decoration: none;
}
section#bloginner-text {
    width: 100%;
    margin: 0 auto;
}
.blogs-text {
    max-width: 1280px;
    margin: 0px auto;
}
ul.datetime{
	padding: 0;
	margin: 0;
	list-style: none;
}
ul.datetime {
    float: left;
    width: 100%;
}
ul.datetime li{
	float: left;
	font-style: normal;
font-weight: 400;
font-size: 22px;
line-height: 33px;
color: #000;
}
ul.datetime li:first-child{
	margin-right: 30px;
}
ul.datetime li img{
	margin-right: 10px;
}
ul.social-icon{
	padding: 0;
	margin: 0;
	list-style: none;
}
ul.social-icon {
    float: right;
    width: 100%;
}
ul.social-icon li{
	float: right;

}
ul.social-icon li img{
	margin-right: 20px;
}

.blog-text-sec {
    margin-top: 60px;
    width: 100%;
    float: left;
    margin-bottom: 40px;
}
.blog-text-sec p{
	font-style: normal;
	font-weight: 300;
	font-size: 22px;
	line-height: 33px;
    margin-bottom: 20px;
}
.blog-text-sec ul {
    margin: 0 auto;
    margin-bottom: 40px;
    padding-left: 0px;
    width:95%;
}
.blue-grad-bg{
	padding-top:50px;
background: transparent linear-gradient(304deg, #FFFFFF 0%, #E5EEEE 75%, #E5EEEE 100%) 0% 0% no-repeat padding-box;
	padding-bottom:10px;
	margin-bottom:2rem;
}
.watsup-custm ul{
	    padding-left: 15px!important;
    width: 100%!important;
	
}
.watsup-custm ul li{
	font-size:18px;
	font-weight:400;
}
.blog-text-sec li {
	font-style: normal;
	font-weight: 300;
	font-size: 22px;
	line-height: 33px;
	margin-bottom:5px;
}
.blog-text-sec h3{
	font-style: normal;
	font-weight: 500;
	font-size: 22px;
	line-height: 24px;
	color: #000;
	margin-bottom: 16px;
}
.blogtagsaut{
	width: 100%;
	margin: 2% 0;
}
.blogtagsaut h3{
	float: left;
	font-style: normal;
	font-weight: 600;
	font-size: 22px;
	line-height: 33px;
	color: #000000;
	margin-right: 20px;
}
.blogtagsaut ul{
	padding: 0;
	margin: 0;
	list-style: none;
}
.blogtagsaut ul li{
	width: auto;
    margin: 0 1% 15% 1%;
    float: left;
    text-align: center;
}
.blogtagsaut ul li a{
	width: auto;
	padding: 14px 30px;
	font-weight: 300;
	font-size: 22px;
	line-height: 33px;
	color: #000000;
	border: 1px solid #000;
	border-radius: 50px;
	text-decoration: none;
}
.blogtagsaut ul li a:hover{
	background-color: #000;
	color: #fff;
}
.blogtagsaut h4{
	font-weight: 300;
font-size: 22px;
line-height: 25px;
text-align: left;
color: #000000;
float: left;
margin-left: 20px;
width: 70%;
}
.blogtagsaut h4 b{
	font-weight: 600;
}
.blogtagsaut img {
  float: right;
  width: 60px;
  border: 1px solid #000;
  border-radius: 50px;
}
.fistlastblog {
    width: 100%;
    margin: 20px 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}
.firstblogbox {
    border-right: 1px solid;
    padding: 20px 0;
	float: left;
}
.fistlastblog .col-md-6:last-child .firstblogbox{
	border: none;
}
.fistlastblog .col-md-6:last-child .firstblogbox img{
	float: right;
	margin-right: 0px;
	margin-left: 30px;
	transform:rotate(180deg);
}
.firstblogbox img{
	float: left;
	border: 1px solid #000;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	padding: 15px;
	margin-right: 30px;
}
.firstblogbox h3, .firstblogbox h3 a{
	font-style: normal;
font-weight: 300;
font-size: 22px;
line-height: 33px;
text-align: left;
color: #000000;
width: 60%;
float: left;
margin-left: 30px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-decoration: none;
}
.firstblogbox h3 a{
  width: 100%;
  margin-left: 0;
}
#relatedarticles .resources-box {
    width: 100%;
    float: left;
    padding: 0px 0px 20px 0px;
    background: #F8F8F8;
    border: 0.5px solid #FAFAFA;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius:17px;
}
#relatedarticles .resources-box h3 a{
	color: #000;
  padding: 0px 10px;
}
#relatedarticles .resources-box h3, #relatedarticles .reso-dtl ul li p{
	color: #000;
}
#relatedarticles .reso-dtl ul li.contact-center span{
	color: #55DA99;
	font-weight: 600;
  margin: 0;
}
.reso-dtl ul li span{
	color: #7C7C7C;
}
.blog-text-sec img {
  width: 100%;
/*   padding: 20px 40px 40px; */
	padding:0px;
}
section#relatedarticles {
 padding-bottom: 40px;
}

.customerslogo {
  margin-top: 10px;
  margin-bottom: 0px;
}

.load-more {
  text-align: center;
  width: 100%;
  float: left;
  margin-top: 00px;
}

.load-more a {
  color: #ffffff;
  text-decoration: none;
  font-size: 16px;
  border: 1px solid #000;
  padding: 12px 30px;
  border-radius: 15px;
  background: #000;
  opacity: 0.6;
}

.load-more a:hover {
  color: #000000;
  border: 1px solid #000;
  background: #fff;
  opacity: 1;
}

#overlay {
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 999;
  position: absolute;
  left: 50%;
  top: -50px;
  width: 100%;
  height: 100%;
  display: none;
}

.reso-dtl ul li.contact-center span a {
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 13px;
  color: #55da99;
  text-align: right;
  float: right;
  text-decoration: none;
}

.resources-box img.reso-img {
  height: auto;
  max-height: 15rem;
  min-height: 8rem;
  object-fit: cover;
}
.blog-listing .resources-box img.reso-img {
  height: 130px;
  max-height: 15rem;
  min-height: 110px;
  object-fit: cover;
  position: relative;
  z-index: 2;
}
.resources-box .flag-banner{
  top: 120px;
  padding: 25px 15px 5px 20px;
}
@media screen and (max-width: 1200px) {
  .resources-box img.reso-img {
    height: 110px!important;
  }
  .resources-box .flag-banner{
    top: 75px;
    padding: 50px 15px 5px 20px;
  }
}
.related-articles img.reso-img {
  height: auto;
  max-height: 15rem;
  min-height: 15rem!important;
  object-fit: cover;
}
.related-articles .reso-dtl ul li{
  width:100%!important;
}
.related-articles .reso-dtl ul li.dateday {
  text-align: right;
  height: 5px;
}

.resources-box h3 a {
  color: #000;
  text-decoration: none;
}

.topmenu li a {
  width: auto;
}

#pills-tabContent label.form-label {
  color: #fff;
}

.services-grid .top-header {
  font-style: normal;
  font-weight: 500;
  font-size: 60px;
  line-height: 65px;
  text-align: center;
  /* color: #ffffff; */
  color: #000;
}

.mb-30 {
  margin-bottom: 30px;
}
footer{
  display: inline-block;
width: 100%;
}
#footer-sec {
  /* background-image: url(./img/footerbg.png); */
  /* background-image: url(/wp-content/uploads/2024/05/EXO_background.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: initial;
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;
  z-index: 99;
  width: 100%;
  float: left; */
  background-repeat: no-repeat;
    /* background-size: contain; */
    background-image: url(/wp-content/uploads/2024/09/x-logo.png);
    background-position: top right;
    padding:50px;
    background-color: #EBEFF5;
    z-index: 99;
    width: 100%;
    float: none;
}
.footer-logo{
  text-align: left;
}
.footer-logo1 {
  text-align: left;
  color: #fff;
  font-size: 16px;
  line-height: 28px;
  top: 30px;
  font-weight: 300;
}
.call-to{
  font-size: 36px;
}
.footer-logo1 img {
  /* width: 200px; */
  width: auto;
  margin-bottom: 30px;
  left: auto;
  display: flex;
  margin-left: auto;
  margin-right: auto;
}

.footer-logo1 .footer-social-icons img {
  width: 100%;
  margin-bottom: 0px;
  left: auto;
}
hr.text-white {
  color: #fff !important;
  position: relative;
  width: 100%;
  float: right;
  opacity: 1;
}

header.d-flex.submenuadded.py-3 {
  width: 100%;
  float: left;
}

ul.nav.nav-pills {
  width: auto;
  float: left;
}

.footercallsec {
  text-align: left;
  color: #fff;
  margin-top: 10px;
  /* width: 260px;
  float: left; */
}

.footercallsec p {
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 20px;
  text-transform: uppercase;
  margin: 12px 0;
}
.footercallsec-1{
  /* width: 260px; */
  align-items: center;
  /* display: inline-flex; */
}
.footercallsec-1 {
  /* background: #4DB961;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 46px;
  text-decoration-line: underline; */
  background: #00D464;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 46px;
  text-decoration-line: underline;
  border: 2px solid #00D464;
  border-radius: 23px;
  text-align: center;
  display: inline-block;
  width: 100%;
  margin-top: 10px;
}

section#footer-sec .footercallsec p.or {
  text-align: center;
    float: left;
    width: 100%;
    margin: 0;
}
section#footer-sec .footercallsec>a span i.fa-solid.fa-chevron-right {
  margin-left: 10px;
  font-size: 10px;
}

.footercallsec>a.callback {
  /* padding: 6px 20px 2px;
  color: #fff;
  text-decoration: none;
  border-radius: 50px;
  margin-bottom: 10px;
  width: 100%;
  float: left;
  text-align: center;
  border-radius: 27px;
  background: #4DB961; */
  padding:11px 20px;
    color: #fff;
    text-decoration: none;
    border-radius: 50px;
    margin-bottom: 10px;
    width: 100%;
    float: left;
    text-align: center;
    border-radius: 27px;
    background: #8980F5;
}

.footercallsec>a span {
  color: #fff;
  text-align: center;
  font-family: Archivo;
  font-size:14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}

header.submenuadded.py-3 {
  display: flex;
}

.button.five {
  font-size: 14px !important;
}

.mt-40 {
  margin-top: 40px;
}

section.pricing-faq.mt-70 {
  margin-bottom: 80px;
}

.pricing-faq.mt-70 h2 {
  margin-bottom: 40px;
}

.pricing-faq.mt-70 h2.accordion-header {
  margin-bottom: 0;
}

.footer-social-icons.footer-social-icons-desktop.left-80 {
  left: initial;
  /* float: left; */
  width: 92%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.footer-social-icons.footer-social-icons-desktop.left-80 a:last-child {
  margin-right: 0;
}
.volit-text{
  color:#8980F5;
}
.pricing-text {
  color: #fff;
  font-size: 20px;
  margin-bottom: 100px;
  line-height: 32px;
  font-weight: 300;
  font-style: normal;
}

.cookie-banner.small.js-cookie-banner {
  position: fixed;
  bottom: 0;
  width: 100%;
  float: left;
  background: #000;
  z-index: 99;
  color: #fff;
  padding: 10px 0;
}

.cookie-banner__text {
  width: 90%;
  margin: 0 auto;
  height: 60px;
}

.cookie-banner__text p {
  width: auto;
  float: left;
  margin-top: 20px;
}

.cookie-banner__text p a {
  color: #00d465;
  font-weight: 600;
}

.cookie-banner.small.js-cookie-banner button.btn.btn_secondary.btn_sm {
  float: right;
  background: #fff;
  height: 36px;
  margin-top: 14px;
}

span.closeicon {
  float: right;
  margin-right: 2%;
  font-size: 25px;
  cursor: pointer;
}

#inner-banne-video {
  background-image: url(img/bg/video-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: initial;
  padding-top: 30px;
  padding-bottom: 80px;
  width: 100%;
}

.maintitle {
  font-style: normal;
  font-weight: 500;
  font-size: 60px;
  line-height: 65px;
  color: #FFFFFF;
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
  margin-top: 30px;
}

img.poster-image {
  width: 100%;
}

.video-height {
  position: relative;
}

button#play-pause-button {
  position: absolute;
  top: 40%;
  left: 40%;
  border: none;
  background: none;
  width: auto;
}

#inner-banne-video p.videobut {
  text-align: center;
  margin-top: 20px;
  margin-right: 11%;
}

#inner-banne-video p.videobut a {
  border: 1px solid #fff;
}

section.exoteldna.smallboxs.ptb-60 {
  background-image: none;
  background: none;
  width: 100%;
  padding: 0;
  margin: 0;
}

.exoteldna.smallboxs .autosmallboxs {
  width: 90%;
  margin: 0 auto;
}

.exoteldna.smallboxs .exoteldna-box {
  padding: 40px 30px;
  height: auto;
  min-height: 260px;
  transition: 0.3s;
}

.exoteldna.smallboxs .exoteldna-box:hover {
  background-image: url(./img/pricing-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
  transform: translate(0, -15px);
}

.autosmallboxs a {
  text-decoration: none;
}

.paused-mode {
  display: none;
}

.playing-mode {
  display: block;
}

#inner-banne-video .inner-section>* {
  color: #fff;
  height: 100%;
}

#inner-banne-video .inner-section {
  position: absolute;
  transition: all 0.3s;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0px 0px 0;
  z-index: 999;
  overflow: hidden;
  background: none;
  top: 0;
  height: 100%;
}

#inner-banne-video .inner-section>* {
  color: #fff;
  height: 100%;
}

#inner-banne-video .text11 {
  height: 100%;
}

#inner-banne-video .text11 .video-height {
  height: 100%;
}

#inner-banne-video .full-width-video-sec {
  height: 100%;
}

.product img.poster-image {
  border-radius: 0;
  width: -webkit-fill-available;
  height: 100%;
  object-fit: scale-down;
  z-index: 1;
  margin: 0px auto 0;
  opacity: 1 !important;
  position: absolute;
}

.full-width-video-sec embed,
.full-width-video-sec iframe {
  height: 100%;
  min-height: 520px;
}

img.poster-image {
  width: 100%;
  position: absolute;
  height: 100%;
}

#control-icon img {
  width: 70%;
}


.unlockimg img {
  width: 100%;
  float: right;
}

#unlocaksec .power-auto {
  width: 90%;
  float: left;
}

#unlocaksec .power-auto p {
  font-style: normal;
  font-weight: 300;
  font-size: 22px;
  line-height: 33px;
  color: #000000;
  margin-top: 60px;
}

#buildgenersec {
  text-align: center;
}

section#whatsappchart {
  background: #005CAA;
  width: 100%;
}

#box-menu {
  display: flex;
  margin: 0px auto 0;
  width: 88%;
}

#box-menu .menu-img {
  overflow: revert;
  width: 100%;
  float: left;
  position: relative;
  padding: 0;
}

#box-menu .menu-img img {
  display: block;
  position: relative;
  z-index: 9;
  height: 100%;
  width: 100%;
}

#menu img {
  display: none;
}

.menu-img::before {
  content: "";
  width: 100%;
  height: 80%;
  background: linear-gradient(0deg, #B3D4D4, #B3D4D4), #FFFFFF;
  float: left;
  position: absolute;
  z-index: 1;
  bottom: 0;
  border-radius: 10px;
}

section#whatsappchart .chaltaboption ul {
  margin: 0 auto;
  width: 90%;
  padding: 0;
  list-style: none;
  cursor: pointer;
  border: none;
  position: inherit;
	justify-content: center;
}

section#whatsappchart .chaltaboption ul li a {
  font-style: normal;
  font-weight: 300;
  font-size: 20px;
  line-height: 33px;
  margin: 0;
  color: #000;
  border: 0.5px solid #000;
  padding: 12px 0;
  border-radius: 50px;
}

section#whatsappchart .chaltaboption ul li {
  width: 29%;
  float: left;
  margin: 0px 2% 20px;
  text-align: center;
  padding: 0;
}
.drm-tab-leftcontent-rightimage-section .chaltaboption ul {
  margin: 0 auto;
  width: 100%!important;
  padding: 0;
  list-style: none;
  cursor: pointer;
  border: none;
  position: inherit;
	justify-content: center;
}
.drm-tab-leftcontent-rightimage-section .chaltaboption ul li {
  width: 22%!important;
  float: left;
  margin: 0px 1% 15px!important;
  text-align: center;
  padding: 0;
}
section#whatsappchart .chaltaboption ul li:hover a, 
section#whatsappchart .chaltaboption ul li.active a{
  color: #fff;
  background: #000;
  border-color: #fff;
}

section#whatsappchart .chaltaboption {
  width: 50%;
  float: left;
  border-bottom: 0px solid #fff;
  padding: 0px 0;
  float: right;
  border: none;
}
section#whatsappchart .chaltabsec {
  width: 100%;
  float: left;
  margin: 15px 0 0;
  border: none;
}
section#whatsappchart .whatsappimgsec {
  align-items: start;
    display: inline-grid;
}
section#whatsappchart .whatsapptext p{
	color:#000;
}
.page-id-438717 section#whatsappchart .whatsapptext p{
	color:#fff;
}
section#whatsappchart .whatsapptext h3{
  font-style: normal;
font-weight: 700;
font-size: 28px;
line-height: 33px;
color: #FFFFFF;
}
section#whatsappchart .whatsapptext {
  width: 80%;
  float: right;
  margin-bottom: 60px;
}
section#whatsappchart .whatsapptext ul{
  list-style: none;
  padding-left: 10%;
  margin: 0;
  padding-bottom: 0;
}
section#whatsappchart .whatsapptext ul li{
  font-style: normal;
font-weight: 300;
font-size: 16px;
line-height: 22px;
color: #FFFFFF;
margin: 10px 0;
position: relative;
}
section#whatsappchart .tab-content, section#whatsappchart  .tab-pane {
  padding: 0;
}
section#whatsappchart .card {
  margin: 0;
}
section#whatsappchart .whatsapptext ul li::before{
  content: '';
  background-image: url(./img/mobules/whatsapprightmark.svg);
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  float: left;
  position: absolute;
  left: -10%;
}
.power-auto h4 {
  font-weight: 600;
  font-size: 22px;
  line-height: 28px;
  color: #FFFFFF;
  margin-bottom: 20px;

}

#exomindform .container-fluid img {
  position: relative;
  left: 0;
  margin-bottom: 0;
}

#exomindform .container-fluid .power-auto {
  width: 80%;
}

.intl-tel-input.allow-dropdown input {
  height: auto;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 22px;
  color: #9c9c9c;
  outline: none;
  display: block;
  width: 100%;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  background-color: var(--bs-form-control-bg);
  background-clip: padding-box;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: 0.375rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.conatct .button {
  border: none;
}

.cookie-banner.small.js-cookie-banner button.btn.btn_secondary.btn_sm:hover {
  color: #000;
  background: #d6d6d6;
}

.video-play-button {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translateX(50px) translateY(0%);
  box-sizing: content-box;
  display: block;
  width: 32px;
  height: 44px;
  /* background: #fa183d; */
  border-radius: 50%;
  padding: 18px 20px 18px 28px;
}

.video-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #54bc89;
  border-radius: 50%;
  -webkit-animation: pulse-border 1500ms ease-out infinite;
  animation: pulse-border 1500ms ease-out infinite;
}

.video-play-button:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #54bc89;
  border-radius: 50%;
  transition: all 200ms;
}

.video-play-button:hover:after {
  background-color: #54bc89;
}

.video-play-button img {
  position: relative;
  z-index: 3;
  max-width: 100%;
  width: auto;
  height: auto;
}

.video-play-button span {
  display: block;
  position: relative;
  z-index: 3;
  width: 0;
  height: 0;
  border-left: 32px solid #ffffff;
  border-top: 22px solid transparent;
  border-bottom: 22px solid transparent;
}

@-webkit-keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }

  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }

  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

.full-width-video-sec embed,
.full-width-video-sec iframe,
img.poster-image {
  width: 1000px;
}

#inner-banne-video .text11 .video-height {
  height: 100%;
  width: 1000px;
  margin: 0 auto;
}

#okCookie {
  background-color: #000000;
  color: #ffffff;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px;
  font-family: sans-serif;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 99999;
}

#okCookie p {
  margin: 0 0 10px 14%;
  float: left;
  padding: 5px 0px;
}

#okCookie #okClose,
#okCookie #okCprivacy {
  padding: 5px 20px;
  float: left;
  margin-left: 10px;
  text-decoration: none;
  border-radius: 3px;
  color: white;
}

#okCookie #okClose {
  background-color: #39B54A;
  text-shadow: 0px 1px 1px #507F2B;
  box-shadow: inset 0px -1px 1px #507F2B;
}

#okCookie #okClose:hover {
  background-color: #42ce55
}

.okcBeginAnimate {
  -webkit-animation: myfirst 2s;
  animation: myfirst 2s;
}

.header-button-cols-region {
  width: 7.5em;
  position: relative;
  top: 20px;
  margin-right: 20px;
}

.header-button-cols-region ul {
  list-style: none;
}

.header_area .wpml-ls-legacy-dropdown li a {
  display: block;
  text-decoration: none;
  color: #000;
  border: 1px solid #aed2e7;
  background-color: #fff;
  padding: 9px 10px;
  font-size: 12px;
  line-height: 1;
  border-radius: 20px;
  text-align: start;
}

.header_area .wpml-ls-legacy-dropdown li ul li a {
  border-radius: 0;
}

.header_area .wpml-ls-legacy-dropdown .wpml-ls-flag+span {
  margin-left: 0.4em;
  margin-right: 16px;
}

.header_white_background .nav-brand {
  line-height: 55px;
}

.header_white_background .align-left-move>li>a {
  padding: 23px 15px !important;
}

.header_white_background.fixed-top .nav-brand {
  line-height: 70px;
}

.header_white_background.fixed-top .align-left-move>li>a {
  padding: 30px 15px !important;
}

.header_white_background.fixed-top .header-button-cols-region {
  top: 22px;
  margin-right: 20px;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/* Standard syntax */
@keyframes myfirst {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.blog-text-sec li a {
  color:#005CAA;
}

.blog-text-sec h2 {
  font-weight: 400;
  font-size: 26px;
  line-height: 38px;
}

.blog-text-sec p a {
  color: #000;
}

.youTube-video-section .full-width-video-sec embed,
.youTube-video-section .full-width-video-sec iframe,
.youTube-video-section img.poster-image {
  width: 100%;
}

.youTube-video-section {
  width: 100%;
  padding: 30px 5%;
  background-color: #fffad9;
}

.display-4 {
  font-size: 36px;
  font-weight: 400;
  line-height: 42px;
}

.fw-normal {
  font-size: 20px;
  line-height: 28px;
  font-weight: 300;
}

.header_area {
  transition: 0.3s;
}

.fixed-top .header-button-cols {
  top: 27px;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 99999;
  background: #fff;
  box-shadow: 0px 0px 10px #999;
  transform: translate(0, -15px);
}

.pricing-padding .pricingboxsec:nth-child(5) .pricing-box-amount span {
  display: none;
}

.pricing-bottom ul {
  list-style: auto;
}

.pricing-bottom li {
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 26px;
  text-align: left;
  color: #9c9c9c;
}

.blacktopmenu {
  width: 100%;
  float: left;
  background: #262626;
  color: #fff;
  position: relative;
  z-index: 9999;
  transition: 0.2s;
}

.blacktopmenu ul {
  float: right;
  list-style: none;
  padding: 0;
  margin: 0;
}

.blacktopmenu li {
  float: left;
  color: #fff;
}

.blacktopmenu li a {
  float: left;
  color: #fff;
  margin: 6px 5px;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
}

.header_white_background,
.header_area {
  padding: 0;
  margin: 0;
}

.blacktopmenu li a:hover {
  text-decoration: underline;
  color: #39B54A;
}

.poster-contentimage {
  width: 100%;
}

.poster-contentimage img {
  width: 200px;
}

.pricing-bottom h4 {
  color: #00d465;
  float: left;
  width: 100%;
  text-align: left;
  font-size: 16px;
}

.header_area {
  padding: 5px 0 0;
  margin: 0;
}

.fixed-top.header_white_background {
  height: 70px !important;
}

.header_area.fixed-top {
  height: 70px !important;
}

.pricing-box:hover .pricing-btn-center label {
  background: linear-gradient(90.13deg, #00c2ff 31.55%, #00d464 79.46%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  font-weight: 600;
}

.blacktopmenu .container {
  max-width: 98% !important;
}

.innrebanner {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 100%;
}
.innrebanner1 {
  position: relative;
  width: 100%;
  /* overflow: hidden; */
  height: auto;
}
b,
strong {
  font-weight: 600;
}

.contact-sec {
  float: left;
  width: 90%;
  margin-bottom: 0px;
}

section.experts.container-fluid {
  margin-bottom: 30px;
}

.expert-body {
  padding-bottom: 15px;
  padding-top: 15px;
}

.toolfree {
  width: auto;
  float: left;
  display: inline-flex;
}
.toolfree p{
  font-size: 14px;
  margin: 7px 0 0;
  font-weight: 400;
}


dl#sample {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
}
    .dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; }
    .dropdown dd { position:relative; }
    .dropdown a, .dropdown a:visited { color:#ffffff; text-decoration:none; outline:none;}
    .dropdown a:hover { color:#ffffff;}
    .dropdown dt a:hover { color:#ffffff; border: 0px solid #4db960;}
    .dropdown dt a {    
      background: #e4dfcb00;
    display: block;
    padding-right: 0px;
    border: 0px solid #d4ca9a;
    width: 180px;}
    .dropdown dt a span {cursor:pointer; display:block; padding:5px 0;font-size: 14px;
      font-weight: 400;}
    .dropdown dd ul { background:#ffffff none repeat scroll 0 0; border:0px solid #d4ca9a; color:#C5C0B0; display:none; left:0px; padding:0px 0px; position:absolute; top:2px; width:auto; min-width:170px; list-style:none;   background: #F9F9F9;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
      border-radius: 5px;}
    .dropdown span.value { display:none;}
    .dropdown dd ul li {
      width: 100%;
    }
    .dropdown dd ul li a {     
      padding: 5px;
      display: block;
      width: 100%;
      margin: 0;
      color: #000;}
      .dropdown dd ul li a img, .dropdown dt a span img{
        margin-right: 10px;
      }
    .dropdown dd ul li a:hover { background-color:#262626; color: #fff;text-decoration: none;}
    
    .dropdown img.flag { border:none; vertical-align:middle; margin-left:10px; width: 22px;
    }
    .flagvisibility { display:none;}

    .dropdown dt::after{
      content: '';
      height: 7px;
    width: 7px;
    display: block;
    border-style: solid;
    border-width: 0 2px 2px 0;
    border-color: #fff;
    transform: rotate(45deg);
    transition: border 0.2s;
    float: right;
    margin: -22px -6px;
    cursor: pointer;
    }


    .blacktopmenu .header-button-cols-region {
      width: 8em;
      position: relative;
      top: 3px;
      margin-right: 20px;
  }
  .blacktopmenu .wpml-ls-statics-shortcode_actions li a img{
    margin-right: 2px;
    width: 21px;
    max-width: 21px;
  }
  .blacktopmenu .wpml-ls-statics-shortcode_actions li a {
    font-size: 14px;
    margin: 0;
    width: 100%;
    background: #0000;
    border: none;
    display: flex;
    font-weight: 400;
    width: 175px;
    align-items: center;
    justify-content: left;
  }
  .blacktopmenu .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a, .blacktopmenu .wpml-ls-legacy-dropdown a:focus, .blacktopmenu .wpml-ls-legacy-dropdown a:hover {
    color: #fff;
    background: #eee0;
}
.blacktopmenu .wpml-ls-legacy-dropdown li a:hover {
  text-decoration: underline;
  color: #ffffff;
}
  .blacktopmenu .wpml-ls-statics-shortcode_actions li a:hover{
    text-decoration: none;
  }
  .blacktopmenu .wpml-ls-statics-shortcode_actions ul.wpml-ls-sub-menu {
   border-radius: 5px;
    background: #F9F9F9;
    padding: 0px 0;
    width: 165px;
  }
  .blacktopmenu .wpml-ls-statics-shortcode_actions ul.wpml-ls-sub-menu li {
    width: 100%;
    text-align: left;
}
.blacktopmenu .wpml-ls-statics-shortcode_actions ul.wpml-ls-sub-menu li a{
  color: #000;
  padding: 8px 6px 8px 6px;
  border: none;
}
.blacktopmenu .header-button-cols-region {
  width: 8em;
}
.blacktopmenu .wpml-ls-legacy-dropdown>ul{
  float: left;
}
.blacktopmenu .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after{
  right: 10px;
}
.blacktopmenu .wpml-ls-statics-shortcode_actions ul.wpml-ls-sub-menu li a:hover{
  color: #fff;
  background: #262626;
}
.contact-sec .contact-line{
  width: 100%;
}
.thanksec {
  text-align: center;
  font-size: 20px;
  padding: 0;
  position: relative;
    z-index: 9;
    width: 94%;
}
.thanksec p.thanktitle {
  font-size: 40px;
  font-weight: 600;
  padding: 0;
}
.thanksec a.thankbut {
  /* background: #000; */
  color: #fff;
  padding: 20px 30px;
}
.thanksec h4.thanktitle {
  font-size: 18px;
  font-weight: 200;
  line-height: 26px;
  padding: 0;
}
.thanksec p.thanktext {
  padding: 0;
  font-size: 20px;
  margin-top: 20px;
}
.thanksec p{
  padding: 0;
}
.exo-left-content-right-image .slider-content ol{
  margin-top: 30px;
  float: left;
  width: 100%;
}
section#relatedresources {
  background-color: #1e1e1e;
  margin-bottom: 0px;
  width: 100%;
    float: left;
    padding: 6% 0;
}
.relressec {
  width: 100%;
  margin: 0;
  float: left;
}
.resimgsec {
  float: left;
  width: 30%;
  margin-left: 10%;
}
.resimgsec img{
  width: 100%;
}
.restextsec {
  width: 48%;
  float: right;
  text-align: right;
  color: #fff;
  margin-top: 5%;
}
.restextsec .rightspace{
  margin-right: 12%;
}
.restextsec img{
  width: 100%;
}
.restextsec h1.slider-head {
  font-weight: 500;
font-size: 60px;
line-height: 65px;
  text-align: left;
}
.restextsec p{
  font-weight: 400;
font-size: 22px;
line-height: 33px;
color: #fff;
text-align: left;
}
.restextsec .slider-button {
  float: left;
  border: 1px solid #fff;
  width: 200px;
}
.restextsec .slider-button.five:hover{
  border: 1px solid #fff;
}
.conatct img.content_img {
  left: 0;
  margin-bottom: 0;
  width: 100%;
}

#freetrail{
  position: relative;
  padding-top: 50px;
    background-image: url(./img/mobules/freetrail.png);
/* 	background-image:url(/wp-content/uploads/2023/12/unnamed.png); */
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 60px;
    position: relative;
    padding-bottom: 60px;
    height: auto;
    margin-bottom: 0px;
}
#freetrail img{
  width: 100%;
}
.freetrailsec {
  position: relative;
  top: 15%;
  left: 5%;
  width: 90%;
}
.freetrailblockbox {
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid #F7F7F7;
  border-radius: 9px;
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  padding: 3%;
  width: 800px;
  color: #fff;
}
.freetrailblockbox h1.slider-head {
  font-style: normal;
  font-weight: 500;
  font-size: 60px;
  line-height: 70px;
  text-align: left;
}
.freetrailblockbox h5{
  font-weight: 300;
  font-size: 30px;
  line-height: 33px;
  /* color: #668877; */
  color:#e3e3e3;
text-align: left;
margin-top: 30px;
}
.freetrailsec a.button.mtb-30.hoverbtn.five.slider-button {
  width: 300px;
  height: auto;
  font-weight: 500;
font-size: 19px !important;
line-height: 21px;
  padding: 14px;
  background: #fff;
  color: #000;
}

#pricetable{
  background-image: url(./img/mobules/pricingsecbg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: initial;
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #000;
}


#pricetable table {border-collapse: collapse;width:100%;}
#pricetable td, #pricetable th {
  border-bottom: 0.5px solid rgba(255, 255, 255, 0.3);;
  padding: 0;
  min-width: inherit;
  box-sizing: border-box;
  text-align: left;
  width: 20rem;
  color: #F7F7F7;
  font-weight: 300;
  font-size: 20px;
  line-height: 22px;
  color: #F7F7F7;
  list-style: none;
  padding: 20px 0;
}
#pricetable .pricetablesec {
  position: relative;
  max-height: initial;
  width: 74%;
  overflow: auto;
  margin: 0 auto;
}

#pricetable thead th {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 2;
}

#pricetable thead th:first-child {
  left: 0;
  z-index: 3;
}


#pricetable tbody {
  overflow: auto;
  height: 100%;
}


#pricetable tr > :first-child {
  position: -webkit-sticky;
  position: sticky; 
  left: 0; 
}

#pricetable tr > :first-child {
  box-shadow: inset 0px 0px black;
}

.pricetablesec td {
  font-style: normal;
  font-weight: 300;
  font-size: 20px;
  line-height: 22px;
  color: #F7F7F7;
  list-style: none;
  border-bottom: 0.5px solid rgba(255, 255, 255, 0.3);;
  padding-top: 0;
  padding-bottom: 0;
}
.pricetablesec th img{
  margin-right: 20px;
}
#pricetable td {
  text-align: center;
}
#pricetable img.pricinglogo {
  width: 120px;
  margin: 20px 0;
}
#pricetable p{
  margin: 0;
}
#pricetable tbody::after{
  content: ' ';
  position: absolute;
  top: 0;
  width: 260px;
  height: 100%;
  background: #00000085;
  border: 0.5px solid rgba(255, 255, 255, 0.3);
  border-radius: 10px;
  right: 19%;
  z-index: 1;
}
#pricetable tbody::before{
  content: ' ';
    position: absolute;
    top: 0;
    width: 260px;
    height: 100%;
    background: #00000085;
    border: 0.5px solid rgba(255, 255, 255, 0.3);;
    border-radius: 10px;
    right: 0;
    z-index: 1;
}
#pricetable tr{
  position: relative;
  z-index: 9;
  display: flex;
  width: 100%;
  justify-content: center;
}
#pricetable tr:first-child th {
  width: 63%;
}
#pricetable tr:first-child th, #pricetable tr:first-child td {
  border-bottom: none;
}
#pricetable tr:last-child th, #pricetable tr:last-child td {
  border-bottom: none;
}
#pricetable tr:nth-last-child(2) th, #pricetable tr:nth-last-child(2) td {
  border-bottom: none;
}
#pricetable td h3{
  font-size: 30px;
  margin-bottom: 20px;
}
.table-horizontal-container {
  float: left;
  width: 100%;
  position: relative;
}
.feature-text{
  display: flex;
  align-items: flex-start;
}
.pricingbelowsec {
  width: 100%;
  color: #fff;
  margin: 30px auto 0px auto;
  text-align: center;
  font-weight: 300;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
}
#pricetable .pricingbelowsec p{
  width: 90%;
  margin: 0 auto;
}
#pricetable .pricingbelowsec p a{
  color: #fff;
}
#pricetable .pricingbelowsec p a:hover{
  color: #00d465;
}
#casestudybanner{
  width: 100%;
  float: left;
  position: relative;
  background: #01676c;
}
#casestudybanner1{
  width: 100%;
  /* float: left; */
  position: relative;
  background: #ededed;
}
.casebanner1{
  padding: 30px 25px;
}
.casebanner1 img{
  width: 100%;
  float: left;
  /* height: 500px; */
  object-fit: contain;
  border-radius: 25px;
}
.casebanner1 .icon img{
  width: 50px!important;
  height: 50px!important;
}
.casebanner img{
  width: 100%;
  float: left;
}
.bannertext{
  position: absolute;
  top: 3%;
  left: 5%;
  width: 700px;
}
.bannertext a.back-but img{
  width: auto;
}
.bannertext1{
  position: relative;
}
.bannertext1 a.back-but img{
  width: auto;
}
.bannertextsec {
  width: 100%;
  float: left;
  margin-top: 5%;
  color: #fff;
  margin-left: 0%;
}
.bannertextsec1 {
  width: 100%;
  float: left;
  margin-top: 3%;
  color: #fff;
  margin-left: 0%;
}
.bannertextsec h5,.bannertextsec1 h5{
  font-style: normal;
font-weight: 400;
font-size: 32px;
line-height: 35px;
margin-bottom: 15px;
text-align: left;
color: #FFDD00;
}
.bannertextsec h1,.bannertextsec1 h1{
  font-style: normal;
font-weight: 600;
font-size: 50px;
line-height: 60px;
}
#casestudyabout{
  width: 100%;
  float: left;
  background: #fff;
  padding: 2% 0 2%;
}
.continer {
  width: 93%;
  margin: 0 auto;
  position: relative;
  z-index: 9;
}

.caseaboutus h5{
  font-style: normal;
font-weight: 700;
font-size: 30px;
line-height: 33px;
color: #232323;
margin-bottom: 20px;
}
.caseaboutus p{
      font-size: 18px!important;
    line-height: 32px!important;
  margin-bottom: 20px;
  color: #232323;
  font-weight: 300;
  width: 85%;
}
.caseaboutus table{
  border-collapse: collapse;
}

.caseaboutus table,
.caseaboutus td,
.caseaboutus th {
  border: 1px solid #232323;
  padding: 5px;
}
.caseabouttext{
  margin-left: 8%;
}
.caseaboutus img{
  width: 100%;
}
.caselogosec {
  position: relative;
  width: 100%;
  float: left;
  display: flex;
  align-items: center;
}
.caseaboutus img.casebg{
  position: relative;
  width: 70%;
  float: left;
}
.caseaboutus img.caselogo {
  position: absolute;
  /* top: 40%!important;
  bottom: 40%; */
  left: 15%;
  right: 30%;
  width: 40%;
}
.page-id-458822 .caseaboutus img.caselogo {
  position: absolute;
  top: 20% !important;
  bottom: 40%;
  left: 20%;
  right: 30%;
  width: 30%;
}
.casestdy-row{
  display: flex;
  align-items: center;
}
#casetags{
  background-image: url(../exotel/img/casestudy/casetagsbg.png);
  background-position: center;
  background-size: cover;
  background-color: #000;
  padding: 5% 0;
  width: 100%;
  float: left;
}

.casetagssec h1{
  text-align: center;
  color: #fff;
  font-style: normal;
font-weight: 700;
font-size: 40px;
line-height: 33px;
margin-bottom: 30px;
}
.casetagfiles{
  text-align: center;
  width: 970px;
  margin: 0 auto;
}
.casetagfiles p {
  width: 40%;
  float: left;
  text-align: center;
  margin: 4%;
}
.casetagfiles p{
  font-style: normal;
  font-weight: 300;
  font-size: 22px;
  line-height: 33px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
  border: 1px solid #fff;
  border-radius: 50px;
  padding: 10px 52px;
  float: none;
    width: auto;
    display: inline-block;
}
.casrtagbox {
  width: 50%;
  float: left;
  text-align: center;
  display: unset;
}
.casetagfiles p:hover a, .casetagfiles p:hover{
  background: #F7F7F7;
  color: #232323;
}
.casetagfiles a{
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  padding: 10px 0;
    float: left;
    width: 100%;
}
#challenges{
  background: #fff;
  padding: 5% 0;
  width: 100%;
  float: left;
}
.challsec h1{
  font-style: normal;
font-weight: 700;
font-size: 60px;
line-height: 65px;
color: #000000;
text-align: center;
margin-bottom: 30px;
}
.challengboxbg {
  width: 100%;
  background: rgba(217, 231, 231, 0.4);
  padding: 8% 12%;
  border-radius: 25px;
  margin: 3% 0;
  float: left;
}
.challengbox {
  width: 42%;
  float: left;
  margin: 4%;
  background: #D9D9D9;
  border-radius: 30px;
}
.challengbox:nth-child(1){
  background-color: #f2f3dd;
}
.challengbox:nth-child(2){
  margin-top: 100px;
  background-color: #d8ebf2;
}
.challengbox:nth-child(3){
  margin-top: -10px;
  background-color: #e1f2ec;
}
.challengbox img {
  width: 100%;
  float: left;
}
.challboxtext span{
  margin-right: 20px;
  font-weight: 600;
}
.challboxtext {
  width: 100%;
  float: left;
  padding: 30px 38px;
  font-style: normal;
  font-weight: 300;
  font-size: 32px;
  line-height: 35px;
  color: #232323;
  display: inline-flex;
}

#caseslider{
  width: 100%;
  float: left;
  padding:2% 0;
  background: #fff;
}
.otgs-development-site-front-end{
  background: #fff!important;
  background-color: #fff!important;
}
.casesliderbox {
  background: #cceaf8;
  width: 100%;
  float: left;
  border-radius: 26px;
  padding: 20px 20px;
  min-height:160px;
}
.owl-carousel.caseslider01:nth-child(2) .owl-item{
  background-color: #fff8cc;
}
.owl-carousel.caseslider01:nth-child(3) .owl-item{
  background-color: #ddf8eb;
}
.owl-carousel.caseslider01 .owl-item .casesliderbox img{
  width: auto;
  float: left;
  margin-bottom: 15px;
  max-width: 150px;
}
.case3slider h1.slider-head.rightspace{
  margin-top: 0;
  margin-left: 0px;
  align-items: center;
  display: block;
/*   min-height: 360px; */
}
.case3slider h1.slider-head.rightspace span.text-gradient-color {
  margin-top: -90px;
}
.casesliderbox h2{
  width: 100%;
  font-style: normal;
font-weight: 700;
font-size: 28px!important;
line-height:35px!important;
text-align: left;
color: #1E1E1E;
float: left;
margin-bottom: 0px;
}
.casesliderbox p{
  font-style: normal;
font-weight: 300;
font-size: 22px;
line-height: 24px;
color: #232323;
float: left;
width: 100%;
}
.owl-carousel.caseslider01 .owl-nav.disabled{
  display: block;
}
.owl-carousel.caseslider01 .owl-nav .owl-next{
  font-size: 0;
  background-image: url(../exotel/img/casestudy/casesliderarrow.svg);
  float: right;
  width: 20px;
  height: 20px;
  background-color: #000;
  border-radius: 50px;
  padding: 20px;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 40px;
	display:none!important;
}
.owl-carousel.caseslider01 .owl-nav .owl-prev{
display:none!important; 
}

#caseslider.blackslider{
background: #232323;
border-bottom: 1px solid #fff;
}

#caseslider.blackslider h1{
  color: #fff;
  font-weight: 400;
  text-align: left;
  width: 100%;
  font-style: normal;
font-weight: 300;
font-size: 60px;
line-height: 65px;
color: #FFFFFF;
}
#caseslider.blackslider .casesliderbox img{
  margin-top: 20px;
}
#caseslider.blackslider .owl-carousel.caseslider01 .owl-nav .owl-next{
  background-color: #fff;
}
#caseslider.blackslider .casesliderbox p{
  height: 180px;
  align-content: end;
  display: grid;
}
#caseslider.blackslider .owl-carousel.caseslider01 .owl-nav .owl-next{
  font-size: 0;
  background-image: url(../exotel/img/casestudy/casesliderblockarrow.svg);
  float: right;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-radius: 50px;
  padding: 20px;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 40px;
}
#challengtab{
  background-image: url(./img/casestudy/challengtabbg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: initial;
  background-color: #005CAA;
  padding-top: 0px;
  padding-bottom: 80px;
  width: 100%;
  float: left;
}
.challengtitle{
  width: 50%;
  float: left;
  border-bottom: 0px solid #fff;
  border-right: 1px solid #fff;
  min-height: 145px;
}
.challengtitle h1{
  font-style: normal;
font-weight: 700;
font-size: 38px;
line-height: 52px;
color: #FFFFFF;
margin-left: 7%;
padding: 40px 0;
margin-bottom: 0;
}
.containerfull {
  width: 95%;
  margin: 0 auto;
}
.chaltableftbox:last-child {
  padding-left: 4%;
}
.chaltaboption{
  width: 50%;
  float: left;
  border-bottom: 0px solid #fff;
  padding: 0px 0;
  float: left;
  min-height: 145px;
  border-left: 1px solid #fff;
}
.chaltaboption li.active a{
  color: #FFDD00;
}
.chaltaboption li a{
  font-style: normal;
  font-weight: 400;
  font-size: 27px;
  line-height: 28px;
  color: #fff;
  float: left;
  margin: 0 5%;
  width: 100%;
  text-decoration: none;
}
.chaltaboption li {
  width: 25%;
  padding: 52px 0;
  text-align: center;
}
.nav-tabs {
  display: inline-flex;
  width: 100%;
  overflow-x: auto;
  border-bottom: 0px solid #DDD;
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;}
  .nav-tabs>li.active>a,
  .nav-tabs>li.active>a:focus,
  .nav-tabs>li.active>a:hover {
      border-width: 0;
  }
  .nav-tabs>li>a::after {
      content: "";
      background: #4285F4;
      height: 2px;
      position: absolute;
      width: 100%;
      left: 0px;
      bottom: 1px;
      transition: all 250ms ease 0s;
      transform: scale(0);
  }
  .nav-tabs>li.active>a::after,
  .nav-tabs>li:hover>a::after {
      transform: scale(1);  
  }
  .tab-nav>li>a::after {
      background: #21527d none repeat scroll 0% 0%;
      color: #fff;
  }
  .tab-pane {
      padding: 15px 0;
  }
  .tab-content {
      padding: 20px
  }

  .nav-tabs::-webkit-scrollbar {
      display: none;
  }

.nav-tabs {
  display: inline-flex;
  width: 100%;
  overflow-x: auto;
  border-bottom: 0px solid #fff;
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
  .nav-tabs>li.active>a,
  .nav-tabs>li.active>a:focus,
  .nav-tabs>li.active>a:hover {
      border-width: 0;
  }
  .nav-tabs>li>a::after {
      content: "";
      background: #4285F4;
      height: 2px;
      position: absolute;
      width: 100%;
      left: 0px;
      bottom: 1px;
      transition: all 250ms ease 0s;
      transform: scale(0);
  }
  .nav-tabs>li.active>a::after,
  .nav-tabs>li:hover>a::after {
      transform: scale(1);  
  }
  .tab-nav>li>a::after {
      background: #21527d none repeat scroll 0% 0%;
      color: #fff;
  }
  .tab-pane {
      padding: 15px 0;
  }
  .tab-content {
      padding: 20px
  }

  .nav-tabs::-webkit-scrollbar {
      display: none;
  }
  .card {
      background: none;
      box-shadow: none;
      /* margin-bottom: 30px; */
      border: none;
      color: #fff;
  }
  .chaltableftbox{
    width: 46%;
    float: left;
    margin-right: 4%;
  }

  .chaltabsec p{
    font-style: normal;
    font-weight: 300;
    font-size: 22px;
    line-height: 33px;
    color: #FFFFFF;
    width: 100%;
    margin-right: 0%;
    float: left;
    margin-bottom: 30px;

  }
  .chaltabsec h3{
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 30px;
    color: #FFDD00;
    margin-bottom: 30px;
  }

  #casestudyvideobg{
    width: 100%;
    float: left;
    padding: 5% 0;
  }
  #casestudyvideobg .full-width-video-sec embed, 
  #casestudyvideobg .full-width-video-sec iframe, 
  #casestudyvideobg img.poster-image {
    width: 1000px;
    border-radius: 26px;
}
#casestudyvideobg .text11 {
  height: 100%;
  position: relative;
  z-index: 9;
}
#casestudyvideobg .text11 .video-height {
  height: 100%;
  width: 1000px;
  margin: 0 auto;
}
#casestudyvideobg .full-width-video-sec {
  height: 100%;
}
.main-container{
  position: relative;
}

.casevidetext{
  background: rgba(0, 149, 219, 0.1);
  width: 100%;
  float: left;
  height: 500px;
  border-radius: 25px;
  z-index: 1;
  display: grid;
  align-content: end;
  text-align: center;
  padding-bottom: 50px;
  margin-top: -13%;
}
.casevidetext h2{
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 40px;
  text-align: center;
  color: #232323;
  margin-bottom: 0px;
}
.casevidetext p{
  font-style: normal;
  font-weight: 400;
  font-size: 26px;
  line-height: 30px;
  text-align: center;
  color: #232323;
  width: 60%;
  margin: 20px auto;
}

.challengbelowtext {
  width: 80%;
  margin: 20px auto;
  text-align: center;
  padding:10% 0 5%;
}
.challengbelowtext p{
  font-style: italic;
  font-weight: 300;
  font-size: 30px;
  line-height: 38px;
  text-align: center;
  color: #FFFFFF;
  position: relative;
}
.challengbelowtext p::after{
  content: ' ';
  background: url(./img/casestudy/casetabbelow.svg);
    width: 95px;
    height: 80px;
    float: left;
    background-repeat: no-repeat;
    position: absolute;
    right: -100px;
    bottom: -90px;
}
.challengbelowtext p::before{
  content: ' ';
  background: url(./img/casestudy/casetabbelow01.svg);
    width: 95px;
    height: 80px;
    float: left;
    background-repeat: no-repeat;
    position: absolute;
    left: -80px;
    top: -100px;
}
.conatct .card-body.form-card {
  padding: 30px;
  background: #fff;
  border-radius: 12px;
}

section#competitionsec {
  width: 100%;
  float: left;
  background: #FAFAFA;
  padding: 5% 0;
  position: relative;
}
section#competitionsec::after {
  content: ' ';
  background-image: url(./img/mobules/compbg.png);
  position: absolute;
  right: 0;
  background-repeat: no-repeat;
  bottom: 0;
  width: 41%;
  height: 76%;
  float: left;
  z-index: 1;

}
section#competitionsec .compesec {
  width: 100%;
  position: relative;
  z-index: 9;
}
section#competitionsec h1{
  font-style: normal;
font-weight: 600;
font-size: 60px;
line-height: 65px;
color: #000000;
width: 60%;
}
section#competitionsec p{
  font-style: normal;
font-weight: 400;
font-size: 22px;
line-height: 33px;
color: #000000;
align-items: end;
height: auto;
display: grid;
margin-bottom: 20px;
width: 40%;
margin-top: 20px;
}
.compebox {
  background: #ebf6f0;
  float: left;
  /* width: 26%; */
  width:85%;
  margin: 2% 5%;
  padding: 30px;
  border-radius: 26px;
  /* height: 300px; */
  height: auto;
  position: relative;
  display: inline-grid;
  text-align: center;
}
section#competitionsec .compebox p{
  width: 100%;
}
section#competitionsec .compebox img{
  /* width: 70%; */
  width: 35%;
  float: none;
  margin: 40px auto;
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.compebox:first-child{
  margin-left: 0;
  background: #e7eff6;
}
.compebox:last-child{
  margin-right: 0;
  background: #fefce7;
}
.compebox a.compbut{
  position: relative;
  bottom: -50px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.conatct.exo_inner_form .blueButton {
  font-size: 20px;
  background: #fff;
  color: #000;
  padding: 6px 30px;
  border-radius: 20px;
  border: 1px solid #000;
}
.conatct.exo_inner_form .blueButton:hover {
  background: #000000;
  color: #fff;
  border: 1px solid #ffffff;
}
.conatct.exo_inner_form .wpcf7-response-output, .conatct.exo_inner_form .wpcf7 form.invalid .wpcf7-response-output, .conatct.exo_inner_form .wpcf7 form.unaccepted .wpcf7-response-output, .conatct.exo_inner_form .wpcf7 form.payment-required .wpcf7-response-output {
 border: none !important;
 color: #000 !important;
}
.conatct.exo_inner_form label {
  margin-top: 10px;
}
.conatct.exo_inner_form .my-class {
  text-align: center;
  margin-top: 14px;
}
.conatct.exo_inner_form .my-class a.my-url {
  text-decoration: none;
}
.conatct.exo_inner_form .wpcf7 form.sent .wpcf7-response-output{
  color: #000 !important;
}
.wpcf7 form.sent .wpcf7-response-output{
  display: none !important;
}

section#roadmaps {
  width: 100%;
  float: left;
  background: #FAFAFA;
  padding: 5% 0;
  position: relative;
}
section#roadmaps::after {
  content: ' ';
  background-image: url(./img/mobules/roadmapsbg.png);
  position: absolute;
  right: 0;
  background-repeat: no-repeat;
  bottom: 0;
  width: 42%;
  height: 100%;
  float: left;
  z-index: 1;

}

section#roadmaps .compebox {
  background: #fefce7;
  float: left;
  width: 100%;
  margin: 10px 0;
  padding: 13px 10px;
  border-radius: 10px;
  height: auto;
  position: relative;
  display: inline-grid;
  text-align: center;
  align-items: center;
  z-index: 9;
}
section#roadmaps h1{
  margin-left: 4%;
}
section#roadmaps h4{
  font-style: normal;
font-weight: 700;
font-size: 28px;
line-height: 33px;
color: #000000;
margin-bottom: 30px;
margin-top: 20px;
}
section#roadmaps .compebox p{
  width: 100%;
  margin: 0;
}
section#roadmaps .compebox img{
  width: 70%;
  float: none;
  margin: 40px auto;
}
section#roadmaps .compebox:first-child{
  background: #e7eff6;
}
section#roadmaps .compebox:last-child{
  background: #ebf6f0;
}
section#roadmaps.compebox a.compbut{
  position: absolute;
    bottom: -45px;
    left: 27%;
}
section#roadmaps img.roadmapslap{
  width: 100%;
  position: relative;
  z-index: 9;
  margin-top: -30%;
}
.challeng_1{
  background: #f1f2de;
}
.challeng_2{
background: #e4f1ec;
}
.challeng_3{
  background: #dbeaf1;
}
.challeng_4{
  background: #d9d9d9;
}
.challeng_5{
  background: #fef8d0;
}
.challeng_6{
  background: #e2f7ec;
}
.caseslider_1{
 background: #d1e9f6;
}
.caseslider_2{
background: #fef8d0;
}
.caseslider_3{
  background: #e2f7ec;
}
.caseslider_4{
  background: #f3d0fe;
}
.caseslider_5{
  background: #d9d9d9;
}
.caseslider_6{
  background: #d0fefc;
}

#businessessec{
  padding: 5% 0;
  width: 100%;
  float: left;
  background: #D9E7E7;
}
#businessessec h1{
  font-style: normal;
  font-weight: 600;
  font-size: 60px;
  line-height: 65px;
  color: #000000;
  text-align: center;
  width: 100%;
}
#businessessec .compebox {
  background: #fefce7;
  float: left;
  /* width: 100%;
  margin: 0; */
  width: 23%;
  margin: 0 1%;
  padding: 40px 20px;
  border-radius: 26px;
  height: 253px;
  position: relative;
  display: inline-grid;
  text-align: center;
  align-items: center;
  z-index: 9;
  margin-bottom: 20px;
}
.compebox ul{
  padding: 0;
  list-style: none;
  width: 100%;
  margin-top: 60px;
  align-items: end;
  display: inline-table;
  margin-bottom: 0;
}
.compebox ul li{
  width: 50%;
  float: left;
  height: auto;
  min-height: 60px;
  text-align: center;
}
.compebox ul li img{
  width: auto;
  float: none;
  max-width: 150px;
}

#businessessec .compebox.fullimage {
  padding: 0;
  border-radius: 0;
  background: none;
  height: auto;
  min-height: 253px;
}

/* .photos {
     column-count: 4;
  }  */
  
  section.photos {
    margin-top: 60px;
}
  .photos img {
    width: 100%;
    height: auto;
    
    filter: contrast(100%);
    transition: all 0.2s ease-in-out;
  }
  
  /* .photos img:hover {
  } */


  section#telecom {
    width: 100%;
    float: left;
    background: #FAFAFA;
    padding: 5% 0 0;
    position: relative;
  }
  section#telecom::after {
    content: ' ';
    background-image: url(./img/mobules/telecombg.png);
    position: absolute;
    right: 0;
    background-repeat: no-repeat;
    bottom: 0;
    background-position-x: right;
    width: inherit;
    height: 100%;
    float: right;
    z-index: 1;
    background-position-y: bottom;
  }
  .telecomeimg {
    width: 60%;
    float: left;
    position: relative;
    z-index: 9;
  }
  .telecomeimg img{
    width: 40%;
    margin: 3%;
    float: right;
  }
  .telecomeimg::after{
    content: ' ';
    width: 100%;
    height: 260px;
    background: #55DA99;
    float: left;
    position: absolute;
    z-index: -1;
    bottom: 0;
    border-radius: 0 26px 0 0px;
    left: 0;
  }
  .telecomsec {
    align-items: end;
    display: flex;
}
.telecomimgsec img{
  width: 100%;
}
  .telecomimgsec {
    width: 40%;
    float: left;
    position: relative;
    z-index: 9;
  }
  #somemoreyou{
    width: 100%;
    float: left;
    background: #FAFAFA;
    padding: 5% 0;
    position: relative;
  }
  #somemoreyou h1{
    font-style: normal;
font-weight: 300;
font-size: 60px;
line-height: 65px;
text-align: center;
color: #000000;
width: 100%;
  }

.somemoreyoubox {
  width: 36%;
  float: left;
  margin: 7%;
  background: rgba(179, 212, 212, 0.33);
  padding: 2% 20px;
  position: relative;
  border-radius: 10px;
}
.somemoreyoubox img{
  position: absolute;
  left: -60px;
  bottom: 10%;
  box-shadow: 10px 10px 0px #B3D4D4;
  border-radius: 10px;
  top: 50%;
  transform: translate(0%, -50%);
  max-width: 200px;
  min-width: 200px;
}
.somemoreyoutext{
  width: 60%;
  float: right;
}
.somemoreyoutext h4{
  font-style: normal;
font-weight: 500;
font-size: 22px;
line-height: 24px;
color: #000000;
margin-top: 30px;
-webkit-box-orient: vertical;
display: -webkit-box;
font-family: sans-serif;
-webkit-line-clamp: 3;
overflow: hidden;
text-overflow: ellipsis;
}
.somemoreyoutext h4 a{
  font-style: normal;
  font-weight: 500;
  font-size: 22px;
  line-height: 24px;
  color: #000000;
  margin-top: 30px;
  text-decoration: none;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  font-family: sans-serif;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 70px;
}
.somemoreyoutext h4 a:hover{
  color: #000000;
  text-decoration: none;
}
.somemoreyoutext p{
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 24px;
  display: flex;
  align-items: center;
  color: #000000;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  font-family: sans-serif;
  -webkit-line-clamp: 5;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 10px;
}
section#whocanuse {
  width: 100%;
  float: left;
  background: #383475;
  color: #fff;
  padding: 5% 0 1%;
}
section#whocanuse h2{
  font-style: normal;
font-weight: 600;
font-size: 60px;
line-height: 65px;
color: #FFFFFF;
margin-bottom: 30px;
}
section#whocanuse p{
  font-style: normal;
font-weight: 400;
font-size: 22px;
line-height: 33px;
margin-bottom: 20px;
color: #FFFFFF;
width: 100%;
}
.whocanusetext {
  width: 85%;
  float: left;
}
section#whocanuse img{
  width: 100%;
  float: right;
  margin-bottom: 20px;
}
section#whocanuse h4{
font-style: normal;
font-weight: 600;
font-size: 40px;
line-height: 44px;
color: #FFFFFF;
margin-bottom: 20px;

}
section#whocanuse .whocanusebelow img{
  width: auto;
  max-width: 200px;
  float:left;
  margin-bottom: 0;
}
.whocanusebelow {
  padding: 20px 0;
  width: 100%;
  border-top: 1px solid #fff;
  margin-top: 30px;
}
section#whocanuse .whocanusebelow h5{
  margin-top: 20px;
  font-style: normal;
font-weight: 700;
font-size: 22px;
line-height: 33px;
color: #FFFFFF;
}
  .center-text-image-section h2{
    text-align: center;
    color: #000;
    margin-bottom: 20px;
    font-size: 48px;
    line-height: 55px;
    font-weight: 600;
  }
.center-text-image-section p{
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 26px;
  text-align: center;
  margin: 0;
  color: #000000;
}
.center-text-image-section-new h2{
  text-align: center;
  color: #000;
  margin-bottom: 20px;
}
.center-text-image-section-new p{
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 26px;
text-align: center;
margin: 0;
color: #000000;
}
section.center-text-image-section.part-of-exotel-team {
  background-color: #f7f7f7;
  background-image: none;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 0px;
  padding-left: 0;
  padding-right: 0;
  /* padding-bottom: 1px; */
  /* position: relative; */
}
section.center-text-image-section.part-of-exotel-team.container-fluid.pt-80::before {
  content: " ";
  position: inherit;
  background-image: none;
  background-repeat: no-repeat;
  width: auto;
  height: auto;
  float: right;
  left: 0;
  margin-top: 0px;
}
.part-of-exotel-team-img {
  z-index: 1;
  position: relative;
  width: 100%;
  padding: 2% 0;
  top: 0;
  bottom: 0;
  text-align: center;
}
.challengbelowbox{
  width: 100%;
  float: left;
}
#carouselExampleCaptions .card-body img{
  width: 100%;
  max-width: 200px;
}
.say-about-exotel {
  width: 89%;
  margin: 0 auto;
}

.owl-carousel.caseslider03 .owl-item {
  background-color: #fff8cc;
  background: #f6f6f6;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 38px !important;
  border: none !important;
  padding: 20px;
  margin-bottom:30px;
  position: relative;
}
.owl-carousel.caseslider03 .owl-stage {
  display: flex;
}
.owl-carousel.caseslider03 .card-footer {
  position: absolute;
  bottom: 30px;
  width: 90%;
}
.owl-carousel.caseslider03 .owl-item img {
  width: 100%;
  max-width: 120px;
}
.owl-carousel.caseslider03 .owl-item .text-end img {
  width: 100%;
  max-width: 60px;
  border-radius: 50px;
  float: right;
}
.owl-carousel.caseslider03 .owl-item  p{
  padding-top: 20px;
    font-weight: 300;
    font-size: 18px;
    line-height: 24px;
    display: flex;
    align-items: center;
    color: #4d4d4d;
    padding-right: 0px;
}
.owl-carousel.caseslider03 .owl-item  .cardbodytext{
  padding-bottom: 80px;
}
.owl-carousel.caseslider03 .owl-item .card-footer .user-name {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 22px;
  display: flex;
  align-items: center;
  color: #4d4d4d;
}
.owl-carousel.caseslider03 .owl-item .card-footer .user-des {
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 17px;
  display: flex;
  align-items: center;
  color: #4d4d4d;
  padding-top: 5px;
}
.owl-carousel.caseslider03 .owl-nav .owl-next {
  font-size: 0;
  background-image: url(../exotel/img/casestudy/casesliderarrow.svg);
  float: right;
  width: 20px;
  height: 20px;
  background-color: #000;
  border-radius: 50px;
  padding: 20px;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 40px;
  position: absolute;
  right: -20px;
  top: 33%;
}
.owl-carousel.caseslider03 .owl-nav .owl-prev {
  font-size: 0;
  background-image: url(../exotel/img/casestudy/casesliderarrow.svg);
  float: right;
  width: 20px;
  height: 20px;
  background-color: #000;
  border-radius: 50px;
  padding: 20px;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 40px;
  position: absolute;
  left: -20px;
  top: 33%;
  transform: rotate(180deg);
}

.pricetablesec th img.tabletooltip{
  margin-left: 5px;
  opacity: 1;
  display: inline-block;
}

.owl-carousel.caseslider04 .owl-nav.disabled, 
.owl-carousel.caseslider04 .owl-dots.disabled {
  display: none;
}

.owl-carousel.caseslider04 .owl-nav .owl-next {
  font-size: 0px;
  background: url(../exotel/img/rightarrow.svg);
  float: left;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  padding: 20px;
  background-repeat: no-repeat;
  background-size: 44px;
  position: absolute;
  right: 0%;
  top: 33%;
}
.owl-carousel.caseslider04 .owl-nav .owl-prev {
  font-size: 0px;
  background: url(../exotel/img/rightarrow.svg);
  float: left;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  padding: 20px;
  background-repeat: no-repeat;
  background-size: 44px;
  position: absolute;
  left: 0%;
  top: 33%;
  transform: rotate(180deg);
}
.owl-carousel .disabled {
  display: none!important;
}
#owl-carousel1.owl-carousel .disabled {
  display: none!important;
}
#owl-carousel1.owl-carousel .owl-item img{
width: 120px!important;
}
.owl-prev{
  position: absolute;
    top: 0px;
    left: -15px;
    font-size: xx-large;
}
.owl-next{
  position: absolute;
    float: right;
    top: 0px;
    right: -15px;
    font-size: xx-large;
}
.owl-carousel.caseslider04 .owl-dots {
  text-align: center;
  padding-top: 15px;
  display: flex;
  justify-content: center;
}
.owl-carousel.caseslider04 .owl-dots .owl-dot {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: inline-block;
  background: #ccc;
  margin: 10px 3px;
}
.owl-carousel.caseslider04 .owl-dots .owl-dot.active {
  background-color: #232323;
}
.owl-carousel.caseslider04 .owl-dots .owl-dot:focus {
  outline: none;
}

.owl-nav button:focus {
    outline: none;
}
div#carouselExampleCaptions{
  margin-bottom: 50px;
}
.part-of-exotel-team .fullwidthimg {
  width: 100%;
  margin: 0px auto;
}
.tippy-popper{
  top: -30px !important;
}
.fa-star-half-o:before {
  content: "\f123";
  color: #ffaf00;
}
.fa-star::before {
  content: "\f005";
  color: #ffaf00;
}
.blog-text-sec h1 {
  font-style: normal;
  font-weight: 500;
  font-size: 30px;
  line-height: 40px;
}
.blog-text-sec h2 {
  font-style: normal;
  font-weight: 500;
  font-size: 26px;
}
.blog-text-sec h4 {
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
}
.blog-text-sec h5 {
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
}
.blog-text-sec table{
  border-collapse: collapse;
}
.blog-text-sec table,
.blog-text-sec td,
.blog-text-sec th {
  border: 1px solid #232323;
  padding: 5px;
  font-size: 20px;
    line-height: 28px;
}


#newsroombanner {
  background-image: url(./img/newsroom/newsroombanner.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: initial;
  padding-top: 30px;
  padding-bottom: 80px;
  float: left;
  width: 100%;
  height: 400px;
  margin-bottom: 50px;
  border-radius: 0px 0px 70px 70px;
  display: grid;
  align-items: center;
}
#newsroombanner h1{
  color: #fff;
  text-align: left;
}
#newsroomsec{
  width: 100%;
  float: left;
  margin:0 0 3% 0;
  /* background: #D9E7E7; */
}
.full-width {
  width: 90%;
  margin: 0 auto;
}
#newsroomsec .dropbtn {
  background-color: #ffffff;
  color: black;
  padding: 8px 18px;
  font-size: 16px;
  border: none;
  cursor: pointer;
  border-radius: 50px;
  max-width: 200px;
  text-align: center;
  float: left;
  border: 1px solid #4DB961;
  margin-left: 30px;
}
#newsroomsec .dropbtn.greenbg{
  background: #4DB961;
  color: #fff;
  cursor: auto;
  max-width: -moz-fit-content;
  max-width: fit-content;
    margin-left: 0;
}
#newsroomsec input#myInput {
  background: rgba(217, 231, 231, 0.5);
  border: 1px solid #B3D4D4;
  border-radius: 50px;
  width: 250px;
  padding: 8px 10px;
  float: right;
  font-weight: 300;
font-size: 16px;
line-height: 24px;
text-align: center;
color: #232323;
outline: none;
}
.grey img {
  filter: grayscale(00%);
  transition: filter 0.1s ease;
  width: auto !important;
    margin: auto!important;
}

.graybg {
  /* background: rgba(217, 231, 231, 0.4); */
  background: #fff;
border-radius: 20px;
padding: 40px;
}
.newsroombox img.arrowblack {
    height: auto;
    border-radius: 50px;
    padding: 0;
    float: revert;
    width: auto;
    margin-left: 13px;
    margin-top: 0px;
}
.newsroombox .col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}
.newsroomrightdate{
  width: 100%;
  float: right;
 
}
.newsroomdate{
  align-items: center;
  display: grid;
}
.newsroombox .newsroomrightdate h4{
  color: #000;
font-size: 36px;
font-family: Archivo;
font-weight: 600;
float: right;
margin-top: 10px;
}
section#relatedarticles {
  padding-bottom: 40px;
  float: left;
  width: 100%;
  background: #D9E7E7;
}
.newsroombox img{
  width: 100%;
  float: left;
}
.newsroombox img.reso-img {
  height: auto;
  min-height: 15rem;
  max-height: 15rem;
}
.newsroombox{
  padding: 14px;
  background: none;
  border-radius: 0px;
  margin: 10px 10px;
  border-bottom: 1px solid #000;
  float: left;
  width: 100%;
  display: grid;
  align-items: center;
}
.newsroombox a{
  text-decoration: none;
}
.newsroombox h3{
  font-style: normal;
font-weight: 300;
font-size: 28px;
line-height: 26px;
display: flex;
align-items: center;
color: #000000;
margin-bottom: 20px;
text-decoration: none;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    width: auto;
    float: left;
    margin-top: 10px;
}
.newsroombox h6{
  font-style: normal;
font-weight: 500;
color: #4DB961;
font-size: 24px;
font-weight: 300;
margin: 0px 0;
}
.slidergreen{
  background: #55DA9980;
  border-radius: 76px 76px 0 0;
}
.slidergreen .owl-carousel.caseslider01 .owl-item .casesliderbox img{
  width: 100%;
  max-width:inherit;
  margin-bottom: 10px;
}
.casesliderbox p{
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-height: 107px;
}
.slidergreen .casesliderbox p{
  width: 80%;
  padding: 20px;
}
.slidergreen .casesliderbox {
  padding: 10px 10px;
  min-height: 410px;
}
.resources-box img{
  border-radius: 26px;
  width: 100%;
}
.resources-box{
  width: 100%;
  position: relative;
}
.resources-box a.toptags {
  position: absolute;
  top: 20px;
  right: 20px;
  background: #fff;
  color: #000;
  text-decoration: none;
  padding: 6px 20px;
  border-radius: 50px;
  font-size: 22px;
  font-weight: 600;
  display: none;
}
.resources-box a.toptags:hover{
  box-shadow: 0px 0px 10px #373737;
}

.webinartext{
  width: 100%;
  float: left;
  color: #fff;
}
.webinartext h5{
  font-style: normal;
font-weight: 300;
font-size: 22px;
line-height: 24px;
color: #232323;
margin-bottom: 10px;
}
.webinartext h1{
  font-style: normal;
font-weight: 700;
font-size: 32px;
line-height: 35px;
color: #232323;
margin: 20px 0;
min-height: 85px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
.webinartext ul li{
  font-style: normal;
font-weight: 300;
font-size: 22px;
line-height: 24px;
color: #232323;
float: left;
}
.webinartext ul li:first-child{
  border-right: 1px solid #00d464;
  padding-right: 10px;
  margin-right: 10px;
}
.webinartext ul{
  width: 100%;
  float: left;
  list-style: none;
  padding: 0;
  margin: 0;
}
.webinartext a.liveon b{
  font-size: 40px;
  color: #00d464;
  margin-right: 10px;
  line-height: 0;
  margin-top: 12px;
  float: left;
}
.webinartext a.liveon{
  border: 1px solid #00d464;
  font-style: normal;
font-weight: 500;
font-size: 22px;
line-height: 24px;
color: #232323;
padding: 8px 20px;
border-radius: 50px;
text-decoration: none;
margin-bottom: 20px;
float: left;
}
.webinartext a.greenbutton{
  font-style: normal;
font-weight: 500;
font-size: 19px;
line-height: 21px;
text-align: center;
color: #FFFFFF;
border: 1px solid #4DB961;
padding: 10px 30px;
float: left;
clear: both;
border-radius: 50px;
margin: 30px 0;
text-decoration: none;
display: inline-flex;
background: #4DB961;
}
.webinartext a.greenbutton img{
  width: 10px;
  margin: 5px 0 0 20px;
  height: 15px;
}
.webinartext a.greenbutton:hover{
  background: #4DB961;
}
.firstwebinarbox{
  width: 100%;
  float: left;
  margin: 20px 0;
}
section#newsroominner {
  width: 100%;
  /* float: left; */
  background: #383475;
  color: #fff;
  padding: 0;
  min-height: 40vh;
  margin: 0;
  display: flex;
  align-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
}
.newsinnerbaneer{
  width: 100%;
  float: right;
}
.newsbannersec{
  width: 91%;
  float: left;
  background: #383475;
  margin-left: 4%;
}
.floright{
  float: right;
  margin-left: 0;
}
.newsinnerbaneer::after{
  content: ' ';
  background: url(./img/newsroom/newsroominnerbannerbg.png);
  width: 400px;
  bottom: 0;
  right: 0;
  position: relative;
  height: 400px;
  z-index: 9;
  float: left;
}
.newsbannersec h1{
  text-align: center;
  color: #fff;
  margin-top: 10px;
}
.newsbannersec h5{
  text-align: center;
  color: #FFDD00;
}
.newsbannersec p{ 
  text-align: center;
  font-size: 22px;
  line-height: 33px;
  float: left;
  width: 100%;
  margin: 0;
  font-weight: 300;
}
.newsinsidetextbox{
  width: 100%;
  padding: 30px 0 10px;
  background: #D9E7E7;
box-shadow: 0px 11px 19px 9px rgba(217, 217, 217, 0.36);
border-radius: 20px;
margin-bottom: 30px;
}
.blog-text-sec h6{
  font-style: normal;
font-weight: 700;
font-size: 22px;
line-height: 33px;
color: #000000;
}
#newsroomtextsec .blog-text-sec p{
  padding: 0 40px;
}
.blog-text-sec .newsinsidetextbox h6{
  padding: 0 40px;
}
.fullwidthtextbox{
  background: #E7E7E7;
}
.bottomimg {
  background: #fff;
  border-radius: 26px;
  height: 19rem;
  display: grid;
  align-items: center;
}
.bottomimg img{
  width: 100%;
  max-width: 80%;
  margin: 0 auto;
}
.fullwidthtextbox p{
  font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 22px;
color: #000000;
}
#relatedarticles .reso-dtl ul li p {
  color: #000;
  width: 66%;
  min-height: 41px;
  margin: 0;
  font-size: 16px;
  display: grid;
  line-height: 20px;
  align-items: center;
}
.webinarsugg{
  width: 100%;
  float: left;
}
.webinarsugg .reso-dtl ul {
  padding: 0px;
  list-style: none;
  margin: 0;
}
.resources-box h5{
  font-style: normal;
  font-weight: 300;
  font-size: 12px;
  line-height: 13px;
  color: #000;
  width: 100%;
  float: right;
  text-align: right;
}
.resources-box h6{
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 15px;
  color: #000;
  width: 100%;
  float: left;
  text-align: left;
  text-transform: uppercase;
}
.webinarsugg .reso-dtl ul li span{
  font-weight: 300;
font-size: 14px;
line-height: 20px;
align-items: center;
text-align: right;
color: #989898;
margin-left: 10px;
position: relative;
top:5px;
}
.webinarsugg .reso-dtl ul li.dateday {
  text-align: right;
  font-size: 22px;
  color: #989898;
  line-height: 37px;
  font-weight: 300;
  margin-top: 10px;
  height: auto;
  justify-content: flex-end;
  position: relative;
}
.webinarsugg p.seemorebut {
  width: 100%;
  text-align: center;
  margin-top: 80px;
}
.webinarsugg p.seemorebut a{
  font-style: normal;
  font-weight: 300;
  font-size: 20px;
  line-height: 22px;
  color: #232323;
  text-decoration: none;
  opacity: 1;
  background: none;
}
.webinarsugg p.seemorebut img{
  padding: 9px;
  width: 30px;
  background: #000;
  border-radius: 50px;
  height: 30px;
  margin-left: 10px;
}

.webinarsugg.suggboxs .resources-box a.toptags{
  font-weight: 500;
font-size: 18px;
line-height: 20px;
color: #000000;
}

section#newsroominner.webinar {
  width: 100%;
  float: left;
  color: #fff;
  padding: 0;
  margin: 0;
  /* background: rgba(217, 231, 231, 0.6); */
  background-color: #e8f1f1;
  overflow: hidden;
  position: relative;
}
section#newsroominner.webinar::before{
  background-image: url(./img/blogs/webinarbg.png);
  content: " ";
  position: absolute;
  width: 700px;
  height: 650px;
  background-repeat: no-repeat;
  z-index: 1;
  opacity: 1;
  float: left;
  margin-left: 0;
  top: 10px;
  right: 0%;
  background-position: right;
  background-size: contain;
}
section#newsroominner.webinar .newsbannersec {
  width: 50%;
  background: none;
  position: relative;
  z-index: 9;
}
section#newsroominner.webinar .newsbannersec.textbox {
  width: 45%;
  background: none;
  margin-left: 4%;
}
section#newsroominner.webinar .newsbannersec h5 {
  text-align: left;
  color: #4db960;
	padding-top:60px;
}
section#newsroominner.webinar .newsbannersec h1{
  color: #232323;
  text-align: left;
}
section#newsroominner.webinar .newsbannersec ul {
  width: 100%;
  float: left;
  list-style: none;
  padding: 0;
  margin: 15px 0 0;
}
section#newsroominner.webinar .newsbannersec p{
  font-style: normal;
font-weight: 400;
font-size: 32px;
line-height: 36px;
width: 100%;
float: left;
color: #232323;
margin: 20px 0;
text-align: left;

}

section#newsroominner.webinar .newsbannersec ul li:first-child {
  border-right: 1px solid #00d464;
  padding-right: 10px;
  margin-right: 10px;
}
section#newsroominner.webinar .newsbannersec ul li {
  font-style: normal;
  font-weight: 700;
  font-size: 22px;
  line-height: 24px;
  color: #232323;
  float: left;
}
section#newsroominner.webinar .newsbannersec a.greenbutton {
  font-style: normal;
  font-weight: 500;
  font-size: 19px;
  line-height: 21px;
  text-align: center;
  color: #ffffff;
  border: 1px solid #4DB961;
  padding: 10px 30px;
  float: left;
  clear: both;
  border-radius: 50px;
  margin: 30px 0;
  text-decoration: none;
  background: #4DB961;
}
section#newsroominner.webinar .newsbannersec a.greenbutton img{
  margin-left: 8px;
  width: auto;
  float: right;
  margin-top: -3px;
}
section#newsroominner.webinar .bolgs-title {
  width: 100%;
  float: left;
  margin: 40px 0 0;
}
#webinarblackbg{
  width: 100%;
  float: left;
  background: #fff;
  padding: 4% 0;
}
.page-id-460464 #webinarblackbg{
  float: none;
}
.webinarsec{
  width:100%;
  margin: 0 auto;
  padding:0px 50px;
  max-width:1440px;
}
#webinarblackbg p.formtitle{
  font-style: normal;
  font-weight: 500;
  font-size: 30px;
  line-height: 33px;
  text-align: center;
  color: #4DB961;
  width: 100%;
  }

  #webinarblackbg .request-card.requestdemo {
    width: 80%;
    height: auto;
    background: #ffffff;
    border-radius: 10px;
    padding: 4% 10%;
    float: right;
}
#webinarblackbg .request-card.requestdemo input{
  width: 100%;
  float: left;
  background: #ffffff;
border: 1px solid #C2C2C2;
border-radius: 5px;
margin: 6px 0 10px!important;
padding: 6px ;
font-size: 18px;
color: #9c9c9c;
text-indent: 20px;
}
#webinarblackbg .request-card.requestdemo select.form-control {
  width: 100%;
  float: left;
  background: #ffffff;
  border: 1px solid #C2C2C2;
  border-radius: 5px;
  margin: 10px 0 !important;
  padding: 10px 0;
  font-size: 18px;
  color: #9c9c9c;
  text-indent: 20px;
}
#webinarblackbg .request-card.requestdemo label{
  font-style: normal;
font-weight: 300;
/* font-size: 20px;
line-height: 22px;
color: #9C9C9C; */
margin-top: 15px;
}
  #webinarblackbg .ebookbut input.greenbutton {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    text-align: center;
    color: #ffffff;
    border: 1px solid #4DB961;
    padding: 10px 30px;
    float: left;
    clear: both;
    border-radius: 50px;
    margin: 0px 0 0;
    text-decoration: none;
    background: #4DB961;
    text-indent: 0;
    width: 100%;
    position: relative;
}
#webinarblackbg .ebookbut .text-center::before {
  background-image: url(./img/blogs/greenarrow.png);
  background-repeat: no-repeat;
  background-size: inherit;
  content: " ";
  position: relative;
  top: 44px;
  bottom: 0;
  z-index: 9;
  width: 26px;
  height: 26px;
  float: right;
  right: 12px;
}
#webinarblackbg .ebookbut.pt-20,#webinarblackbg .ebookbut.pt-30 {
  width: 200px;
  margin: 0 auto;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
  border: none;
  color: #dc3232;
  width: 100%;
  float: left;
  margin: 0;
  font-size: 14px;
}
#webinarblackbg .intl-tel-input .country-list li.country {
  list-style: none;
  color: #999;
  font-size: 12px;
  margin: 0px 0;
}
#webinarblackbg input.wpcf7-form-control.wpcf7-text.wpcf7-phonetext.wpcf7-validates-as-phonetext{
  text-indent: 45px;
}
#webinarblackbg .request-card.requestdemo a.greenbutton img{
  margin-left: 8px;
}
#webinarblackbg .request-card.requestdemo p.webinarformbut{
  text-align: center;
    width: 200px;
    float: none;
    margin: 0 auto;
}
#webinarblackbg .wpcf7-form-control-wrap {
  position: relative;
  width: 100%;
  float: left;
}
#webinarblackbg .intl-tel-input.allow-dropdown .flag-container, 
#webinarblackbg .intl-tel-input.separate-dial-code .flag-container {
  right: auto;
  left: 0;
  top: 26px;
}
.formrighttext h3{
  font-style: normal;
font-weight: 500;
font-size: 40px;
line-height: 46px;
text-transform: capitalize;
color: #000000;
margin-bottom: 10px;
}
.formrighttext h6{
  font-style: normal;
font-weight: 500;
font-size: 30px;
line-height: 33px;
color: #4DB961;
margin: 20px 0;
}
.webinarsec .formrighttext p{
  font-style: normal;
font-weight: 300;
font-size: 22px;
line-height: 33px;
color: #000000;
margin-bottom: 20px;
}
.webinarsec .formrighttext p.Venue-details-outline{
  margin-bottom: 20px !important;
}

section#webinarblacktext {
  width: 100%;
  float: left;
  background: #232323;
  color: #fff;
  padding: 5% 0;
}
.webinarsec h6{
  font-style: normal;
font-weight: 500;
font-size: 30px;
line-height: 33px;
color: #4DB961;
margin-bottom: 40px;

}
.webinarsec p{
  font-style: normal;
font-weight: 300;
font-size: 22px;
line-height: 33px;
color: #FFFFFF;
margin: 0;
margin-bottom: 14px;
width: 100%;
}
.webinarsec ul{
  list-style: none;
  padding: 0;
  margin: 0;
  padding-left: 30px;
}
.webinarsec ul li::before {
  display: inline-block;
    content: '';
    -webkit-border-radius: 0.375rem;
    border-radius: 0.375rem;
    height: 0.75rem;
    width: 0.75rem;
    margin-right: 1rem;
    background-color: #4DB961;
    margin-top: 11px;
    position: absolute;
    left: -30px;
}
.webinarsec ul li{
  font-style: normal;
  font-weight: 300;
  font-size: 22px;
  line-height: 33px;
  color: #FFFFFF;
  margin: 6px 0;
  width: 100%;
  float: left;
  position: relative;
}
#webinarempower{
  background-image: url(./img/webbg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: initial;
  padding: 5% 0;
  float: left;
  width: 100%;
  margin-bottom: 0px;
  display: grid;
  align-items: center;
}
.webinarsec .formrighttext p:last-child{
  margin-bottom: 0;
}

.webinarsec h4 {
  font-style: normal;
font-weight: 500;
font-size: 30px;
line-height: 33px;
color: #FFFFFF;
margin-bottom: 20px;
float: left;
}
.empowertextsec{
  width: 700px;
  float: left;
}

.webinarblackbox{
  background: rgba(0, 0, 0, 0.53);
border: 1px solid #4DB961;
backdrop-filter: blur(7.5px);
-webkit-backdrop-filter: blur(7.5px);
border-radius: 10px;
width: 500px;
float: left;
margin: 20px 0;
padding: 20px 12%;

}
.webinarsec .webinarblackbox ul{
padding-left: 60px;
}
#webinarteam{
  padding: 2% 0;
  width: 100%;
  float: left;
  background: #fff;
}
#webinarteam::after{
  background-image: url(./img/blogs/webinarteamgreenbox.png);
  background-repeat: no-repeat;
  background-size: inherit;
  content: ' ';
  position: relative;
  right: 8%;
  bottom: 0;
  width: 100px;
  height: 100px;
  float: right;
}
#webinarteam h2{
  font-style: normal;
font-weight: 300;
font-size: 60px;
line-height: 65px;
color: #000000;
width: 100%;
text-align: center;
margin-bottom: 40px;
}
.webinarteambox{
  width: 100%;
    position: relative;
    padding: 0;
    /* display: grid; */
	align-items: center;
}
.fullwidthcenter{
  text-align: center;
}
.webinardivcenter{
  width: 35%;
  float: none;
  display: inline-flex;
  padding: 0%;
  align-items: flex-start;
}
.webinarteambox img{
  width: 150px;
  position: relative;
  border-radius: 30px;
  box-shadow: 0px 0px 10px #999;
}
.teamtext{
  position: relative;
  bottom: 0px;
  padding: 10px 20px;
  text-align: center;
  opacity: 0.9;
  width: 100%;
  min-height: 102px;
  border-radius: 0px 0px 10px 10px;
}
.teamtext h3{
  font-style: normal;
font-weight: 300;
font-size: 28px;
line-height: 30px;
color: #232323;
}
.teamtext p{
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 20px;
  color: #232323;
  margin-bottom: 5px;
}

#thankyoupage.privacy-policy::before {
  content: "";
  background-image: url(./img/blogs/webinarthankbg.png);
  background-repeat: no-repeat;
  position: absolute;
  height: 753px;
  width: 100%;
  left: 0%;
  top: 75px;
}
#thankyoupage h1{
  font-style: normal;
font-weight: 700;
font-size: 110px;
line-height: 120px;
text-align: center;
color: #232323;
margin: 50px 0;
float: left;
    width: 100%;
}
.thankpagebanner {
  text-align: center;
  position: relative;
  z-index: 9;
}
.thankpagebanner img {
  width: 50%;
  float: none;
  margin: 0 auto;
}
.thankgreentextbox {
  background: #4DB961;
  border-radius: 20px;
  text-align: center;
  color: #fff;
  padding: 3%;
  width: 82%;
  margin: 0 auto;
  margin-bottom: 5%;
  position: relative;
  z-index: 9;
  margin-top: 0%;
}
.thankgreentextbox p{
  font-style: normal;
  font-weight: 300;
  font-size: 22px;
  line-height: 28px;
  align-items: center;
  text-align: center;
  color: #FFFFFF;
  width: 500px;
  padding: 0;
  margin: 0 auto;
}
.thankgreentextbox a {
  color: #fff;
}
section#newsroominner.webinar .newsbannersec.floright {
  float: right;
  position: relative !important;
  right: 0;
  bottom: 0;
}
#thankyoupage.privacy-policy {
  background-color: #f1faff;
  margin-bottom: 0px;
  position: relative;
  min-height: auto;
  overflow: hidden;
  padding-bottom: 5%;
}

section#newsroominner.webinar .bolgs-title {
  width: 100%;
  float: left;
  margin: 0px 0 40px;
  min-height: 400px;
}
section#newsroominner.webinar .newsbannersec.downloadtext p{
  font-style: normal;
font-weight: 300;
font-size: 22px;
line-height: 28px;
align-items: center;
color: #000000;
}
section#newsroominner.webinar .downloadtext.newsbannersec.floright{
  float: right;
  position: relative;
  right: 0;
  bottom: 0;
  text-align: center;
  margin-bottom: 60px;
}
.somemoreyousec {
  width: 1200px;
  margin: 0 auto;
}
.downloadtext .newsinnerbaneer {
  width: 340px;
  float: none;
  box-shadow: 20px 20px 0px #B3D4D4;
  display: initial;
  border-radius: 14px;
}
section#newsroominner.webinar .downloadtext.newsbannersec.textbox{
  margin-left: 2%;
}
#advantage .power-auto-border-title {
  float: left;
}
#newsroominner .power-auto-border-title {
  float: left;
  position: relative;
  z-index: 9;
}
.downloadbannersec {
  width: 100%;
  float: left;
  position: relative;
  z-index: 9;
  min-height: 550px;
}
section#newsroominner.webinar.downloadables::before {
  width: 700px;
  height: 570px;
  margin-left: 0;
  bottom: 0;
  right: 0%;
  top: inherit;
  background-image: url(./img/blogs/downbg.png);
  z-index: 1;
}
section#newsroominner .topmenu {
  width: auto;
  float: right;
  background: #fff;
  border: 1px solid #989898;
  margin-right: 5%;
  position: relative;
  z-index: 9;
}

section#newsroominner .topmenu li.avtive a, 
section#newsroominner .topmenu li.avtive:hover a {
  font-style: normal;
font-weight: 600;
color: #232323;
}
section#newsroominner .topmenu ul li a, 
section#newsroominner .topmenu li a:hover, 
section#newsroominner.topmenu li:hover a{
  font-style: normal;
font-weight: 300;
font-size: 20px;
line-height: 22px;
color: #000000;
}
.downebooksec .somemoreyoubox {
  margin: 6% 15%;
  width: 80%;
}

#webinarblackbg.downformsec {
  /* background: #4db960; */
  background: linear-gradient(180deg, #51B584 0%, #89C46D 100%);
  position: relative;
  overflow: hidden;
  margin-bottom: 4%;
}
.page-id-460464 #webinarblackbg.downformsec,.page-id-458887 #webinarblackbg.downformsec {
  /* background: #4db960; */
  background: linear-gradient(90deg, #4F2D7F 0%, #7453A0 100%);
  position: relative;
  overflow: hidden;
  margin-bottom: 0%;
}
.page-id-460464 #webinarblackbg.downformsec::before,.page-id-458887 #webinarblackbg.downformsec::before {
  background-image: none;
    content: " ";
    position: absolute;
    width: 1000px;
    height: 650px;
    background-repeat: no-repeat;
    z-index: 1;
    opacity: 1;
    float: left;
    margin-left: 0;
    top: inherit;
    left: 0;
    background-position: left;
    background-size: contain;
    bottom: 0;
}
#webinarblackbg.downformsec::before {
  background-image: url(./img/blogs/downformbg.png);
    content: " ";
    position: absolute;
    width: 1000px;
    height: 650px;
    background-repeat: no-repeat;
    z-index: 1;
    opacity: 1;
    float: left;
    margin-left: 0;
    top: inherit;
    left: 0;
    background-position: left;
    background-size: contain;
    bottom: 0;
}
.page-id-460464 #webinarblackbg .webinarformsec .request-card.requestdemo .ebookbut input, .page-id-458887 #webinarblackbg .webinarformsec .request-card.requestdemo .ebookbut input {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 21px;
  text-align: center;
  color: #ffffff;
  border: 1px solid #634291;
  padding: 10px 30px;
  float: left;
  clear: both;
  border-radius: 50px;
  margin: 0px 0 0;
  text-decoration: none;
  background: #624190;
  text-indent: 0;
  width: 100%;
  position: relative;
}
.page-id-460464 #webinarblackbg .webinarformsec .ebookbut .text-center::before,.page-id-458887 #webinarblackbg .webinarformsec .ebookbut .text-center::before{
display: none;
}
.page-id-460464 #webinarblackbg.downformsec::before,.page-id-458887 #webinarblackbg.downformsec::before{
  background-image: none!important;
}
.page-id-457839 #webinarblackbg.downformsec{
  background-image: url(/wp-content/uploads/2024/09/banner.png) !important;
  /* background-color: #F4F4F4!important; */
    content: " ";
    position: relative !important;
    width: 100%!important;
    width: -webkit-fill-available!important;
    height: auto!important;
    height: -webkit-fill-available!important;
    z-index: 1;
    opacity: 1;
    background-repeat: no-repeat!important;
    float: left;
    margin-left: 0;
    top: inherit;
    left: 0;
    background-position: left !important;
    background-size: contain !important;
    bottom: 0;
    padding-top:0px!important;
    padding-bottom: 0px!important;
}
.page-id-457839 #webinarblackbg .webinarformsec .request-card.requestdemo {
  background: #ffffff;
}
.page-id-457839 #webinarblackbg .request-card.requestdemo{
margin-top: 30px!important;
width: 475px!important;
    /* height: 575px!important; */
}
.page-id-457839 #webinarblackbg.downformsec{
  background:#f4f4f4;
  position: relative;
  overflow: hidden;
}
.page-id-457839 #webinarblackbg.downformsec .formrighttext p {
  color: #2C2C2C!important;
  margin-bottom:30px;
  max-width: 560px;
}
.report-pre-text{
  margin: 0px!important;
font-size: 20px;
font-weight: 600;
line-height: 26px;
letter-spacing: -0.019em;
text-align: left;

}
.report-main-title{
font-size: 56px;
font-weight: 700;
line-height: 71px;
letter-spacing: -0.019em;
text-align: left;

}
.report-main-desc{
font-size: 20px;
font-weight: 400;
line-height: 32px;
letter-spacing: -0.019em;
text-align:justify

}
#webinarblackbg.downformsec .webinarsec{
  position: relative;
  z-index: 9;
}
#webinarblackbg.downformsec .formrighttext h3,#webinarblackbg.downformsec .formrighttext h1{
  color: #fff;
  margin-bottom: 20px;
  font-style: normal;
font-weight: 700;
font-size: 54px;
line-height: 59px;
color: #FFFFFF;
}
#webinarblackbg.downformsec .formrighttext p{
  color: #fff;
  margin-bottom: 20px;
}
#webinarblackbg.downformsec .formrighttext p:last-child{
  color: #fff;
  margin-bottom: 00px;
}
.advantagebox{
  width: 100%;
  float: left;
  padding: 4% 0;
}
.flip-box-back h2, .flip-box-back label{
  text-align: left;
  width: 100%;
}

.advantagebox .iconwithtext {
  background: #4DB961;
  border-radius: 25px;
  padding: 30px 7%;
  text-align: left;
  float: left;
  width: 100%;
  margin: 0 0 24px 0;
}
.advantagebox .iconwithtext img{
  float: left;
  width: auto;
  margin-right: 20px;
  max-width: 50px;
  min-width: 50px;
}
.advantagebox .iconwithtext h3{
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 40px;
  color: #F7F7F7;
  -webkit-box-orient: vertical;
    display: -webkit-box;
    font-family: sans-serif;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}
.advantagebox .iconwithtext .icon {
  width: 100%;
  float: left;
  display: flex;
  align-items: center;
}
.advantagebox .iconwithtext p{
  font-style: normal;
  font-weight: 300;
  font-size: 22px;
  line-height: 24px;
  color: #F7F7F7;
  width: 100%;
  float: left;
  margin-top: 20px;
  -webkit-box-orient: vertical;
    display: -webkit-box;
    font-family: sans-serif;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 46px;
}
.advantagebox .col-md-12.col-lg-6.col-xl-6:nth-child(1) .iconwithtext,
.advantagebox .col-md-12.col-lg-6.col-xl-6:nth-child(4) .iconwithtext,
.advantagebox .col-md-12.col-lg-6.col-xl-6:nth-child(5) .iconwithtext,
.advantagebox .col-md-12.col-lg-6.col-xl-6:nth-child(8) .iconwithtext,
.advantagebox .col-md-12.col-lg-6.col-xl-6:nth-child(9) .iconwithtext {
  background: #E6F1F1;
}
.advantagebox .col-md-12.col-lg-6.col-xl-6:nth-child(1) .iconwithtext p,
.advantagebox .col-md-12.col-lg-6.col-xl-6:nth-child(4) .iconwithtext p,
.advantagebox .col-md-12.col-lg-6.col-xl-6:nth-child(5) .iconwithtext p,
.advantagebox .col-md-12.col-lg-6.col-xl-6:nth-child(8) .iconwithtext p,
.advantagebox .col-md-12.col-lg-6.col-xl-6:nth-child(9) .iconwithtext p{
  color: #232323;
}
.advantagebox .col-md-12.col-lg-6.col-xl-6:nth-child(1) .iconwithtext h3,
.advantagebox .col-md-12.col-lg-6.col-xl-6:nth-child(4) .iconwithtext h3,
.advantagebox .col-md-12.col-lg-6.col-xl-6:nth-child(5) .iconwithtext h3,
.advantagebox .col-md-12.col-lg-6.col-xl-6:nth-child(8) .iconwithtext h3,
.advantagebox .col-md-12.col-lg-6.col-xl-6:nth-child(9) .iconwithtext h3{
  color: #232323;
}

#thankyoupage.privacy-policy.downloadables {
  background-color: #4db960;
}

#thankyoupage.privacy-policy.downloadables h1{
  color: #FFFFFF;
}
#thankyoupage.privacy-policy.downloadables .thankpagebanner img {
  width: 300px;
  float: none;
  margin: 0 auto;
}
.downloadables.thankgreentextbox {
  background: #E6F1F1;
  border-radius: 20px;
  color: #232323;
}
.thankgreentextbox p{
  color: #232323;
}
section#suggreading {
  width: 100%;
  float: left;
}
section#suggreading h2{
  width: 100%;
  float: left;
  font-style: normal;
font-weight: 600;
font-size: 60px;
line-height: 65px;
color: #000000;
margin-bottom: 20px;
}
section#suggreading .newsroombox {
  padding: 14px;
  background: #FAFAFA;
  border-radius: 20px;
  margin: 30px 10px;
  background: #F8F8F8;
border: 0.5px solid #FAFAFA;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
border-radius: 20px;
}
.resources-cont .owl-carousel.caseslider04 .owl-nav .owl-next{
  font-size: 0;
  background-image: url(../exotel/img/casestudy/casesliderblockarrow.svg);
  float: right;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-radius: 50px;
  padding: 20px;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 10px;
  top: inherit;
  position: absolute;
  background-size: auto;
}

.resources-cont .owl-carousel.caseslider04 .owl-nav .owl-prev{
  top: initial;
    bottom: 10px;
      font-size: 0;
  background-image: url(../exotel/img/casestudy/casesliderblockarrow.svg);
  float: right;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-radius: 50px;
  padding: 20px;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 10px;
  top: inherit;
  position: absolute;
  background-size: auto;
}

.chaltabsec {
  border-top: 2px solid #fff;
  width: 100%;
  float: left;
}
#blogvideosec{
  width: 100%;
  position: relative;
  float: left;
  padding: 0 0 6% 0;
  margin-bottom: 30px;
}
#blogvideosec::before {
  background: url(./img/blogs/blogvideobg.png);
  background-repeat: no-repeat;
  padding-bottom: 20px;
  height: 28rem;
  margin-bottom: 4%;
  margin-top: 0;
  bottom: -20px;
  position: absolute;
  z-index: 1;
  content: '';
  width: 100%;
}
#blogvideosec .main-container {
  position: relative;
  width: 1000px;
  margin: 0 auto;
  z-index: 9;
}
#blogvideosec .full-width-video-sec embed, 
#blogvideosec .full-width-video-sec iframe, 
#blogvideosec img.poster-image {
  border-radius: 26px;
}
section#bloginner-banner {
  margin-top: -32rem;
  width: 100%;
  float: left;
}
.challengtabsectabtitle {
  width: 100%;
  float: left;
  display: flex;
}
.blog-text-sec iframe{
  width: 600px;
  height: 400px;
  margin: 0 auto;
  float: none;
  display: block;
  margin: 30px auto;
}
.webinarformsec p{
  width: 100%;
}
section#advantage {
  width: 100%;
  float: left;
}
.somemoreyousec .load-more a {
  color: #000;
  text-decoration: none;
  font-size: 20px;
  border: 0px solid #ffffff;
  padding: 12px 30px;
  border-radius: 15px;
  background: none;
  opacity: 1;
}
.somemoreyousec .load-more a img {
  padding: 9px;
  width: 30px;
  background: #000;
  border-radius: 50px;
  height: 30px;
  margin-left: 10px;
  margin-top: -4px;
}
.somemoreyousec .load-more a:hover img{
  box-shadow: 0px 0px 10px #232323;
}
#newsroomsec .somemoreyousec {
  width: 100%;
  margin: 4% auto !important;
    margin-bottom: 44px !important;
}
.resources-cont .load-more a {
  color: #000;
  text-decoration: none;
  font-size: 20px;
  border: 0px solid #ffffff;
  padding: 12px 30px;
  border-radius: 15px;
  background: none;
  opacity: 1;
}
.resources-cont .load-more a img {
  padding: 9px;
  width: 30px;
  background: #000;
  border-radius: 50px;
  height: 30px;
  margin-left: 10px;
  margin-top: -4px;
}

#suggreading{
  display: none;
}
.blog-text-sec p a{
  color: #005CAA;
  font-weight: 300;
}
#webinarblackbg .webinarformsec .request-card.requestdemo{
  background: #e9f0f0;
}
#webinarblackbg .screen-reader-response p{
  color: #000;
}
#webinarblackbg .webinarformsec .request-card.requestdemo {
  background: #e9f0f0;
}
#webinarblackbg .webinarformsec .request-card.requestdemo .ebookbut input {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 21px;
  text-align: center;
  color: #ffffff;
  border: 1px solid #4DB961;
  padding: 10px 30px;
  float: left;
  clear: both;
  border-radius: 50px;
  margin: 0px 0 0;
  text-decoration: none;
  background: #4DB961;
  text-indent: 0;
  width: 100%;
  position: relative;
}
#webinarblackbg .webinarformsec .ebookbut .text-center::before {
  background-image: url(./img/blogs/greenarrow.png);
  background-repeat: no-repeat;
  background-size: inherit;
  content: " ";
  position: relative;
  top: 44px;
  bottom: 0;
  z-index: 9;
  width: 26px;
  height: 26px;
  float: right;
  right: 12px;
  left: -5px;
}
#webinarblackbg .ebookbut.pt-30 {
  width: 200px;
  margin: 0 auto;
}
section#costomeraieveryday {
  width: 100%;
  padding: 50px 20px;
}
.costomeraibox {
  width: 100%;
  padding: 0px 0;
}
div#accordionExample .accordion-button:focus {
  box-shadow: none;
}
.costomeraibox h3{
  font-size: 60px;
  font-weight: 800;
}
.costomeraibox p{
  color: #000;
    margin: 0 auto;
    padding: 0;
    width: 70%;
    font-size: 22px;
    font-weight: 600;
}
/* .costomeraibox .webinarteambox {
  border-left: 1px solid #232323;
} */
.costomeraibox .webinardivcenter:nth-child(1)  {
  border-left: 0px solid #000;
	
}
/* .costomeraibox .webinardivcenter:nth-child(4) {
  border-left: 0px solid #000;
	
} */

.costomeraibox .webinardivcenter {
  margin: 2% auto;
  padding: 0;
  width: 30%;
	/* border-left: 1px solid #000; */
    border-right: 1px solid #000;
}
.costomeraisec h1{
  font-size: 60px;
  font-weight: 600;
  line-height: 66px;
}
#afterbefore{
  padding: 4% 0;
  width: 100%;
  clear: both;
}
.afbebox {
  text-align: center;
  border: 1px solid #383475;
  border-radius: 24px;
  padding: 40px 16%;
  color: #1E1E1E;
}
.bluebg{
  background: #383475;
  color: #fff;
}
.afbebox img.afbemainimg{
  width: auto;
  height: 250px;
}
.afbebox ul{
  padding: 0;
  list-style: none;
  text-align: left;
}
.afbebox ul li{
  margin-bottom: 30px;
}
.afbebox ul li img{
  background: #D9D9D94D;
    border-radius: 5px;
    margin-bottom: 10px;
    border: 0.3px solid #383475;
    padding: 8px;
}
.afbebox h3{
  font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.afbebox h4{
  font-size: 22px;
font-style: normal;
font-weight: 600;
line-height: 33px;
margin: 0;
}
.afbebox p{
  font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 22px;
margin: 5px 0 0;
}


.campaignbox .number {
  width: 86px;
  height: 86px;
  color: #000;
  border-radius: 50em;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-style: normal;
  font-weight: 300;
  font-size: 60px;
  line-height: 70px;
}
.campaignbox .number::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  background: linear-gradient(#00c2ff, #00d464);
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 5px), #fff 47px);
}
.webinarsugg .reso-dtl ul li .button{
  padding: 7px 20px 10px 15px;
}
.webinarsugg .reso-dtl ul li .slider-button{
  height: 40px;
}
#campaignsolution{
  padding: 4% 0;
  clear: both;
}
#campaignsolution h1{
  text-align: center;
  margin-bottom: 30px;
  font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.campaignbox{
  padding: 0;
  display: flex;
    align-items: center;
    width: 85%;
    margin: 0 auto;
}
.campaignimg{
  width: 50%;
  text-align: center;
  border-right: #000 2px dotted;
  padding: 40px 0;
}
.campaignimg img{
  box-shadow: 30px 30px 60px #e9e9e9;
}
.campaigntext{
  width: 50%;
  padding-left: 4%;
  position: relative;
}
.campaigntext h3{
  position: relative;
  margin-top: 20px;
  color: #161616;
font-size: 22px;
font-style: normal;
font-weight: 600;
line-height: 33px;
}
.campaigntext p{
  color: #1E1E1E;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 20px;
}
.campaigntext::before {
  display: inline-block;
  content: '';
  border-radius: 50px;
  height: 50px;
  width: 50px;
  margin-right: 1rem;
  background-color: #ffffff;
  border: 1p solid #000;
  margin-top: 7px;
  position: absolute;
  left: -4%;
  top: 50%;
}
.campaigntext::after {
  display: inline-block;
  content: '';
  -webkit-border-radius: 0.375rem;
  border-radius: 50px;
  height: 20px;
  width: 20px;
  margin-right: 1rem;
  background-color: #ffffff;
  border: 1px solid #000;
  margin-top: 7px;
  position: absolute;
  left: -1.4%;
  top: 56%;
}

.rightside .campaignimg{
  width: 50%;
  text-align: center;
  border-left: #000 2px dotted;
  border-right: 0px;
  margin-right: 4px;
}
.rightside .campaignimg img{
  box-shadow: -30px 30px 60px #e9e9e9;
}

.rightside .campaigntext {
  padding-left: 0%;
  padding-right: 4%;
}
.rightside .campaigntext::before {
  display: inline-block;
  content: '';
  border-radius: 50px;
  height: 50px;
  width: 50px;
  margin-right: 1rem;
  background-color: #ffffff;
  border: 1p solid #000;
  margin-top: 7px;
  position: absolute;
  right: -6%;
  top: 43%;
  left:inherit;
}
.rightside .campaigntext::after {
  display: inline-block;
  content: '';
  -webkit-border-radius: 0.375rem;
  border-radius: 50px;
  height: 20px;
  width: 20px;
  margin-right: 1rem;
  background-color: #ffffff;
  border: 1px solid #000;
  margin-top: 7px;
  position: absolute;
  right: -3.8%;
  left: inherit;
  top: 51%;
}
#benefitsintegrating{
  background: #0095DB1A;
  padding: 2% 0;
}
.integratingbox {
  width: 100%;
  display: flex;
  margin-top: -50px;
}
.integratingbox img{
  width: auto;
  height: 100%;
}
.integratingwidth {
  width: 50%;
  display: revert;
  margin-left: 12%;
}
.integratingbox ul {
  list-style: disc;
  padding: 0 0 0 25px;
  width: 100%;
}
.integratingbox .integlist {
  float: left;
  border-right: 1px solid #232323;
  border-bottom: 1px solid #232323;
  padding: 20px;
}


.integratingbox .integlist:nth-last-child(2){
  border-bottom: 1px solid #23232300;
}
.integratingbox .integlist:last-child{
  border-bottom: 1px solid #23232300;
}
.integratingbox .integlist:nth-child(even){
  border-right: 1px solid #23232300;
}
.integratingbox .integlist:nth-last-child(4){
  border-bottom: 1px solid #232323 !important;
}
.integratingwidth .integlist img{
  width: 100px;
  margin-bottom: 20px;
  height: auto;
}
.integratingwidth .integlist h4{
  color: #000;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.integratingwidth .integlist p{
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 22px;
}
#tabsmodules{
  padding: 4%;
}
.tabsbgsec {
  border-radius: 20px;
  background: url(img/mobules/tabsmodbg.png), lightgray 50% / cover no-repeat;
  padding: 4%;
  background-repeat: no-repeat;
  width: 100%;
  background-size: cover;
}
.tabsoption {
  border-radius: 100px;
  background: #D0D0D0;
  padding: 0 0px;
  width: 950px;
  margin: 0 auto;
}
.tabsoption ul {
  padding: 0;
  column-count: 4;
  display: block;
}
.tabsoption li a{
  text-decoration: none;
  color: #232323;
font-size: 14px;
font-family: Archivo;
font-style: normal;
font-weight: 300;
line-height: normal;
padding: 10px 20px;
width: 100%;
    float: left;
}
.tabsoption li {
  width: 100%;
  text-align: center;
}
.tabsoption li.active a{
  border-radius: 50px;
  background: #FFF;
}
.tabstowsec{
  width: 50%;
  float: left;
}
.tabstowsec:last-child {
  margin-left: 4%;
  width: 42%;
  color: #000;
  float: right;
}
.tabstow{
  display: flex;
  align-items: center;
}
.tabstowsec p{
  font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 22px;
}
.tabstowsec h3{
  color: #000;
font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.tabstowsec img{
  width: 100%;
}
#otpworks{
  padding: 4% 0;
  background-color:#f7f7f7;
}
#otpworks h1{
  text-align: center;
  color: #232323;
text-align: center;
font-size: 40px;
font-family: Archivo;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.howotptabssec {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0px;
}
#otpworks{
  padding: 30px 20px;
  background-color: #f7f7f7;
}
.howotptabs ul{
position: relative;
display: initial;
}
.howotptabs li{
  width: 100%;
  margin: 15px 0;
  position: relative;
}
.howotptabs ul li a{
  color: #000;
font-size: 24px;
font-family: Archivo;
font-style: normal;
font-weight: 400;
text-decoration: none;
display: flex !important;
align-items: center;
padding: 0px 0;
width: 93%;
}
.howotptabs ul li a.active{
  color: #4DB961;
font-size: 24px;
font-family: Archivo;
font-style: normal;
font-weight: 600;
}
.howotptabs .nav-tabs>li>a::after {
  content: "";
  background: #ffffff00;
}
.howotptabs ul li a span{
  margin-right: 40px;
  width: 75px;
  height: 75px;
  float: left;
  color: #4db960;
  background: #bfe9c6;
  border-radius: 50px;
  padding: 5px 19px;
  color: #4DB961;
  text-align: center;
  font-size: 28px;
  font-weight: 300;
  position: relative;
  z-index: 99;
  border: 11px solid #fff;
}
.howotptabs ul li a.active span{
  background: #4DB961;
  color: #fff;
}
.howotptabs ul li a:before{
  content: '';
  width: 1px;
  position: absolute;
  background: #4DB961;
  left: 37px;
  left: 37px;
  top: 52px;
  height: 120px;
}
.howotptabs ul li:last-child a:before{
  content: '';
  width: 1px;
  position: absolute;
  background: #4DB961;
  left: 37px;
  left: 37px;
  top: 52px;
  height: 0px; 
}
.howtabtext {
  width: 70%;
  text-align: center;
}
.howtabtext img{
  width: 80%;
}
.howotptabs {
  width: 70%;
  margin-right: 7%;
  margin-left: 4%;
}
.otpimg {
  width: 100%;
  position: relative;
}
.otpimg img{
  width: 100%;
  padding: 0 40px;
  position: relative;
  z-index: 99;
}
.otpimg::after {
  content: '';
  width: 100%;
  background: #000;
  height: 400px;
  float: left;
  position: absolute;
  left: 0;
  bottom: -35px;
  border-radius: 20px;
  background: rgba(77, 185, 97, 0.10);
}
#analystlogo{
  padding: 4% 0;
}
#ourawards{
  padding: 2% 0;
  background: #FFDD000D;
}
section#customerlogosec {
  margin-top: 20px;
  margin-bottom: 20px;
}
#ourawards .business-border{
width: 900px;
}
.awardscontiner {
  width: 1020px;
  margin: 0 auto;
}
#ourawards .casesliderbox {
  background: #FFDD001A;
  width: 100%;
  float: left;
  border-radius: 26px;
  padding: 20px 40px;
  min-height: 350px;
  margin-top: -153px;
  padding-top: 180px;
  display: flex;
    align-items: center;
}
#ourawards .casesliderbox h3{
  color: #000;
font-size: 30px;
font-family: Archivo;
font-style: normal;
font-weight: 700;
line-height: 40px;
width: 80%;
float: left;
margin-right: 20px;
}
.fa-arrow-right-long.white::before {
  content: "\f178";
  color: #fff;
}
#ourawards .circle-icon {
   width: auto;
   height: auto;
   background: #000000;
   padding: 14px;
}
#ourawards .owl-carousel.caseslider08 .owl-item img{
  width: 80%;
    margin: 0 auto;
}
#ourawards .owl-carousel.caseslider08 .owl-nav .owl-prev {
  font-size: 0;
  background-image: url(../exotel/img/mobules/yloarrow.png);
  float: right;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  padding: 20px;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 40px;
  position: absolute;
  left: 0px;
  top: 33%;
  transform: rotate(180deg);
	display:none!important;
}
#ourawards .owl-carousel.caseslider08 .owl-nav .owl-next {
  font-size: 0;
  background-image: url(../exotel/img/mobules/yloarrow.png);
  float: right;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  padding: 20px;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 40px;
  position: absolute;
  right: 0px;
  top: 33%;
	display:none!important;
}
#ourawards .owl-carousel.caseslider08 .owl-dots {
  text-align: center;
  margin-top: 40px;
}
#ourawards .owl-carousel.caseslider08 .owl-dot.active {
  background: #FD0;
  width: 80px;
}
#ourawards .owl-dot.active {
  display: inline-block !important;
}
#ourawards .owl-carousel.caseslider08 .owl-dot {
  background: #D9D9D9;
  opacity: 1;
  display: block;
  width: 15px;
  height: 15px;
  border-radius: 50px;
  display: inline-block;
  margin: 0 5px;
}
#podcastsaudio {
  padding: 4% 0;
  width: 42%;
  float: left;
  margin: 0 4%;
}
.podcastsaudiosec h2{
  color: #232323;
font-size: 30px;
font-family: Archivo;
font-style: normal;
font-weight: 500;
line-height: 33px;
margin-left: 20px;
}
.podkey{
  border-radius: 15px;
background: rgba(217, 231, 231, 0.50);
width: 100%;
padding: 20px;
float: left;
margin-top: 0px;
}
.webinarsec .podkey ul{
  padding: 0;
}
.webinarsec .podkey li{
color: #000;
display: flex;
}
.webinarsec .podkey li p{
  color: #232323;
font-size: 22px;
font-style: normal;
font-weight: 300;
line-height: 30px;
  width: 80%;
  margin: 0;
  float: left;
  margin-top: 10px;
}
  .webinarsec .podkey li span{
    color: #4DB961;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 46px;
    margin-right: 30px;
    font-weight: 600;
    float: left;
}
.webinarsec .podkey ul li::before{
  display: none;
}
.podcastsaudiosec h1{
  color: #232323;
font-size: 41px;
font-family: Archivo;
font-style: normal;
font-weight: 700;
line-height: 33px;
}
.podcastsaudiosec h3{
  color: #4DB961;
font-size: 30px;
font-family: Archivo;
font-style: normal;
font-weight: 500;
line-height: 33px;
}
.podsugg img {
  width: 25%;
  margin-right: 6%;
  margin-top: 20px;
}
.podsugg {
  width: 100%;
  margin-top: 15px;
  float: left;
}
.audiosec {
  background: #f1f3f4;
  border-radius: 10px;
  padding: 5px;
  float: left;
  clear: both;
  margin-top: 20px;
  display: flex;
    align-items: center;
}

.podcasts .resources-box{
  padding: 0;
}
.podcasts .reso-dtl {
  padding: 20px;
  float: left;
  width: 100%;
  clear: both;
}
#podaudsugg{
  background-image: url(img/mobules/audiobg.png);
    background-size: cover;
    padding: 6% 0;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    /* float: left; */
    width: 100%;
    /* clear: both; */
}
.podaudsuggbox {
  float: right;
  width: 70%;
}
.podaudsugglist {
  float: none;
  margin: 0 30px;
  color: #fff;
  /* width: 30%; */
  width: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.podaudsugglist img{
  float: left;
    margin-right: 0px;
    /* width: 35%; */
    border-radius: 24px;
    width: 100px;
    border-radius: 24px;
    height: 100px;
    object-fit: cover;
    margin-bottom: 10px;
}
.podaudsugglist span.podtags{
  background: #FFDD00;
  padding: 6px 20px;
  color: #232323;
  display: block;
  clear: both;
  text-transform: none;
  border-radius: 50px;
  text-decoration: none;
  margin-bottom: 10px;
  width:max-content;
}
.podaudsugglist h3{
  color: #FFF;
font-size: 25px !important;
font-style: normal;
font-weight: 700;
line-height: normal;
text-align: center;
}
.podaudsugglist p{
  color: #FFF;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 20px;
margin: 3px 0;
text-align: center;
}
#analyst {
  padding: 2% 0;
  background: #d1e9f6;
}
#analyst h1{
  font-size: 60px;
}
.analystbox{
  display: flex;
  width: 100%;
  justify-content: center;
}
.analystlist {
  width: 40%;
  margin: 2%;
}
.analystlist img{
  background: #f7fbf7;
    padding: 100px;
    border-radius: 20px;
    width: 100%;
    margin-bottom: 30px;
}
.analystlist:last-child img{
background: #fcf5f9;
}
.analystlist h3{
  color: #000;
text-align: left;
font-size: 26px;
font-family: Archivo;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 10px;
}
.analystlist p{
  color: #000;
font-size: 20px;
font-family: Archivo;
font-style: normal;
font-weight: 300;
line-height: 24px;
width: 80%;
display: inline-block;
}
.analystlist a {
  margin: 0;
  float: right;
}
.analystlist .circle-icon {
  width: auto;
    height: auto;
    background: #000000;
    padding: 14px;
}
.analystlist .fa-arrow-right-long.white::before {
  content: "\f178";
  color: #fff;
}
.industry div {
  z-index: 99;
  position: relative;
}

.mainmenutext::-webkit-scrollbar-track
 {
   border-radius: 10px;
   background-color: #0000 !important;
 }
 
 .mainmenutext::-webkit-scrollbar
 {
   width: 6px;
 }
 
 .mainmenutext::-webkit-scrollbar-thumb
 {
   border-radius: 10px;
   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);
   background-image:linear-gradient(#00c2ff, #4db960);
   
 }
 .newsimglogo {
  padding: 40px 0 0;
  width: 100%;
  float: left;
}
.newsimglogosec img{
  width: 60%;
  position: relative;
}
.newsimglogosec .newslogo{
  position: absolute;
}
.newsimglogosec {
  position: relative;
  background-color: #f5f5f5;
  border-radius: 26px;
  height: auto;
  float: left;
  width: 100%;
}
.newsimglogosec .newslogo img{
  width: 100%;
}
.newsimglogosec .newslogo {
  position: relative;
  width: 40%;
  float: right;
}
.power-active-whitebg-color {
  background-color: #ffffff;
}
.power-active-whitebg-color .power-content{
position: relative;
}

.power-active-whitebg-color .power-content .powerbut{
  right: 120px;
    left: initial;
    position: absolute;
    bottom: 60px;
}
.customers.container-fluid .col.text-center:nth-child(5n+0) {
  border-right:0px;
}

section#singlescroll {
  width: 100%;
  float: left;
  padding: 40px 0;
}
.singlescrollsec h1{
  color: #161616;
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  width: 100%;
  float: left;
  padding-bottom: 30px;
  border-bottom: 1px solid #161616;
  margin-bottom: 30px;
}
.singlescrollsec p{
  color: #000;
font-size: 20px;
font-style: normal;
font-weight: 300;
line-height: 28px;
margin-bottom: 10px;
}
.challengebox p,.solutionbox p{
  width:100%;
  float: right;
}
.challenge{
  padding: 0px;
  float: left;
  width: 100%;
}
.solution{
  padding: 80px 0px 0px;
  float: left;
  width: 100%;
}
.singlescrollsec li{
  color: #161616;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}
.singlescrollsec img{
  width: 100%;
}
.solutiontext {
  border-radius: 25px;
  background: rgba(217, 217, 217, 0.20);
  padding: 100px 150px 20px;
  margin: 40px 0;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.solution-row{
  display: grid;
    grid-template-columns: 350px auto;
}
.singlescrollsec img {
  width: 100%;
  border-radius: 50px;
}
.solutiontext img{
  width: 100px;
  border-radius: 20px;
  height: 100px;
}
.solutiontext p{
  color: #000!important;
  font-size: 22px!important;
  font-style: italic!important;
  font-weight: 300!important;
  line-height: 32px!important;
text-align: left;
position: relative;
width:100%!important
}
.solutiontext h5{
  color: #000;
font-size: 22px;
font-style: normal;
font-weight: 700;
line-height: 30px; /* 218.182% */
}

.solutiontext p::before {
  content: '';
  /* background: url(./img/soltop.png); */
  background: url(/wp-content/uploads/2024/11/Quotation-mark.png);
  width: 60px;
  height: 60px;
  float: left;
  background-repeat: no-repeat;
  position: absolute;
  left: -90px;
  top: -50px;
  background-size: contain;
}
.solutiontext p::after {
  content: ' ';
  /* background: url(./img/slobot.png); */
  background: url(/wp-content/uploads/2024/11/Quotation-mark-1.png);
  width: 60px;
  height: 60px;
  float: left;
  background-repeat: no-repeat;
  position: absolute;
  right: -80px;
  bottom: -40px;
  background-size: contain;
}
.impactbox h4::before{
  content: '';
  background: #FD0;
  width: 80px;
  height: 2px;
  float: left;
  background-repeat: no-repeat;
  position: absolute;
  left: 0px;
  top: -20px;
  background-size: contain;
}
.impactbox h4{
  color: #161616;
font-size: 22px;
font-style: normal;
font-weight: 500;
line-height: 28px;
text-transform:none;
position: relative;
}
.impactbox h2{
  color: #FD0;
font-size: 66px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin: 20px 0;
}
.impactbox p{
  color: #161616;
font-size: 20px;
font-style: normal;
font-weight: 300;
line-height: 26px;
width: 100%;
}
.impactbox {
  padding: 20px 0px 40px;
  float: left;
  width: 100%;
}
.alltabslist{
  /* width: 100%; */
  float: left;
  /* background: #fffbe1; */
  background-color: #ededed;
  border-radius: 50px;
  border: 1px solid #9C9C9C;
  padding: 10px 40px;
  margin: 10px 0 30px;
}
.alltabslist ul{
  list-style: none;
  padding: 0;
}
.alltabslist li {
  float: left;
  border-right: 1px solid #9C9C9C;
  width: auto;
  text-align: center;
}
.alltabslist li a{
  text-decoration: none;
  color: #232323;
font-size: 22px;
font-style: normal;
font-weight: 500;
line-height: normal;
padding-bottom: 10px;
padding-right: 20px;
padding-left: 20px;
border-bottom: 1px solid #FD00;
}
.alltabslist li a:hover{
  font-weight: 600;
  border-bottom: 1px solid #FD0;
  transition: 0.5s;
}
.alltabslist li:last-child{
  border: none;
}
.page-id-458743 .alltabssec,.page-id-458822 .alltabssec{
  width: 100%;
  /* display: flex; */
  display: none;
  margin: 0px auto;
  justify-content: center;
}

.alltabssec {
  width: 100%;
  display: flex;
  /* display: none; */
  margin: 0px auto;
  justify-content: center;
}

div#impact {
  width: 100%;
  float: left;
  padding: 60px 0 40px;
}
section#footer-sec h3{
  /* color: #4DB961; */
  color:#8980F5;
font-size: 20px;
font-style: normal;
font-weight: 300;
line-height: normal;
text-transform: capitalize;
margin-top: 40px;
margin-bottom: 10px;
float: left;
width: 100%;
}
section#footer-sec ul{
  list-style: none;
  padding: 0;
  width: 100%;
  float: left;
}
section#footer-sec ul li{
  width: 100%;
  float: left;
  display: block;
}
section#footer-sec li a{
  /* color: #F8F8F8; */
  color:#000;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 26px; /* 162.5% */
/* text-transform: capitalize; */
text-decoration: none;
}
section#footer-sec .or{
  /* color: #F8F8F8; */
  color:#000;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 26px; /* 162.5% */
text-transform: capitalize;
text-decoration: none;
margin-bottom: 0px;
float: left;
width: 100%;
text-align: center;
}
section#footer-sec p{
  /* color: #F8F8F8; */
  color:#000;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 26px; /* 162.5% */
text-transform: capitalize;
text-decoration: none;
margin-bottom: 0px;
float: left;
width: 100%;
text-align: left;
}
section#footer-sec li a:hover{
  color: #000;
}
section#footer-sec a.hytext{
  color: #FD0;
font-family: Archivo;
font-size: 54px;
font-style: normal;
font-weight: 500;
line-height: 62px; /* 114.815% */
text-decoration-line: underline;
text-transform: capitalize;
width: 100%;
    float: left;
    text-align: left;
    margin-bottom: 20px;
}
section#footer-sec p.pvtlet{
  color: #FBFBFB;
text-align: center;
font-family: Archivo;
font-size: 20px;
font-style: normal;
font-weight: 300;
line-height: 27px; /* 135% */
text-transform: capitalize;
}

.pvtltd{
  margin: 0px;
  padding: 10px;
  float: left;
}
.design-credit{
  margin: 0px;
  padding: 10px;
  float: right;
}
section#footer-sec ul.active li{
  display: block;
}
.mobileshow{
  display: none;
}
/*Inner Navigation */
.grey-bg {
  background-color: #ffff !important;
  width: 100%;
  height: 60px;
  box-shadow: 0px 11px 20px 0px rgb(181 181 181 / 75%) !important;
  opacity: 1;
  z-index: 99;
  position: relative;
}
.nav {
  display: flex;
  position: relative;
}
.nav-tabs {
  height: 100%;
  border: 0;
}
#submenu.fixed {
  position: fixed;
  top: 3.6vw;
  width: 98.5%;
  z-index: 2;
  box-shadow: 4px 9px 20px -20px rgb(0 0 0 / 75%);
  -webkit-box-shadow: 4px 9px 20px -20px rgb(0 0 0 / 75%);
  -moz-box-shadow: 4px 9px 20px -20px rgba(0, 0, 0, 0.75);
  z-index: 99;
}
#submenu .nav-tabs .nav-link {
  font-weight: 300;
  outline: 0;
  border: 0;
  font-size: 16px;
  margin: 0 2vw;
  padding: 0;
  transition: opacity 0.15s ease-in-out;
  opacity: 0.7;
  color: #000;
  transition: all 0.35s;
  position: relative;
  text-align: center;
  float: left;
  width: auto;
  display: contents;
  margin: 17px 17px 0;
  gap: 9px;
  display: block;
  padding: 0 0 17px;
}
#submenu {
  padding-top: 2px;
  background: #00000087;
}
#submenu .nav-tabs {
  height: 100%;
  border: 0;
  display: table;
  align-content: center;
  margin: 0px auto;
  width: auto;
}
#submenu .nav-tabs .nav-link.active, #submenu .nav-tabs .nav-link:hover {
  background-color: transparent;
  color:#00d464 ;
  opacity: 1;
  transition: 0.5s;
  text-shadow: 0px 0 0 currentColor;
  border-bottom: 0px solid #00d464;
}
section#awardsrec {
  width: 100%;
  clear: both;
  padding: 4% 0;
  background: #D9E7E7;
}
section#awardsrec .webinarsugg {
float: none;
}
section#awardsrec .business-border {
  width: 900px;
}
section#awardsrec .webinarsugg h6{
  color: #55DA99;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
section#awardsrec .webinarsugg h3 a{
  color: #232323;
font-family: Archivo;
font-size: 22px;
font-style: normal;
font-weight: 600;
line-height: 28px; /* 118.182% */
}
section#awardsrec .webinarsugg h3 a i.fa-solid.fa-chevron-right {
  margin-left: 14px;
  font-size: 18px;
  color:#4DB961;
}
section#awardsrec .resources-box img.reso-img {
  height: auto;
   max-height: inherit;
}
section#awardsrec .resources-box {
  border-radius: 25px;
  border: 0.5px solid #FAFAFA;
  background: #F7F7F7;
  box-shadow: 0px 2px 52px 0px rgba(92, 92, 92, 0.32);
}
section#reviewpag {
  width: 100%;
  clear: both;
}
.reviewbanner {
  width: 100%;
  float: left;
  background: #6561ac;
}
.mainbanner {
  float: right;
  width: 44%;
}
.mainbanner img{
  width: 100%;
}
.textbanner {
  width: 55%;
  float: left;
  position: relative;
}
.textbanner img{
  width: 100%;
}
.reviewtext {
  position: absolute;
  top: 40%;
  left: 60px;
}
.reviewtext h3{
  color: #FD0;
font-family: Archivo;
font-size: 32px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: lowercase;
}
.reviewlisttext i.fa-solid.fa-chevron-right {
  margin-left: 15px;
  font-size: 20px;
}
.reviewtext h1{
  color: #FFF;
font-family: Archivo;
font-size: 60px;
font-style: normal;
font-weight: 700;
line-height: normal;
width: 70%;
}
.reviewlist h3{
  color: #000;
font-family: Archivo;
font-size: 28px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.reviewlist h5 a{
  color: #4DB961;
font-family: Archivo;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.reviewbox {
  border-radius: 20px;
  background: rgba(217, 231, 231, 0.40);
  width: 100%;
  float: left;
  padding: 40px;
}
.reviewboxsec {
  width: 100%;
  float: left;
  padding: 4%;
  background: #D9E7E7;
}
.reviewlist {
  display: inline-flex;
  padding: 30px 0;
  border-bottom: 1px solid #000;
  width: 100%;
}
.reviewlist:last-child{
  border: none;
}
.reviewlisttext {
  width: 70%;
  float: left;
  display: grid;
  align-items: center;
}
.reviewlistimg {
  width: 30%;
  float: right;
  text-align: center;
}
.reviewlistimg img {
  width: 100%;
}
.reviewlisttext h3 {
  width: 100%;
}
.reviewlisttext h5 {
  width: 100%;
}
.fixed-sub {
  position: fixed;
  top: 70px;
  right: 0;
  left: 0;
  z-index: 99;
  background: #fff;
  transform: translate(0, -15px);
}
.webinarsec .formrighttext ul li a {
  font-style: normal;
  font-weight: 300;
  font-size: 22px;
  line-height: 33px;
  color: #000000;
  margin-bottom: 20px;
}
#webinarblackbg .request-card.requestdemo textarea.form-control{
  outline: none;
  display: block;
  width: 100%;
  font-size: 18px;
    color: #9c9c9c;
    text-indent: 13px;
  font-weight: 400;
  line-height: 1.5;
  background: #ffffff;
  border: 1px solid #C2C2C2;
  border-radius: 5px;
  height: 120px !important;
  margin: 6px 0px 10px;
}
.page-id-460464 #webinarblackbg .request-card.requestdemo textarea.form-control{
  height: 60px !important;
}
#webinarblackbg .request-card.requestdemo input.wpcf7-submit.button.sub-btn {
  color: #fff;
  text-indent: 0px;
  width: 100%;
  height: 45px;
  background: #000000;
  border: 1px solid #fff;
  border-radius: 55px;
  margin-top: 20px;
  text-align: center;
}
.part-of-exotel-para p {
  padding-bottom: 30px;
}
section#footer-sec .mobilehide {
  padding-left: 1%;
}
.outreach a{
  font-style: normal;
  font-weight: 300;
  font-size: 20px;
  line-height: 24px;
  color: #000;
  text-decoration: underline;
}
.newsroombox:last-child{
  border: none;
}
.webinarsec .empowertextsec .webwhitebg{
  color: #000;
  margin: 10px;
  float: left;
  width: 48%;
  position: relative;
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0px 4px 15px 0px rgba(156, 156, 156, 0.50);
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  display: grid;
  align-items: center;
}
.webinarsec .empowertextsec .webiboxtex{
  display: flex;
  align-items: center;
}

.webinarsec .empowertextsec .circlenumber{
  float: left;
  margin-right: 20px;
  color: #000;
    background: linear-gradient(#ffffff, #ffffff) padding-box, linear-gradient(to right, #00c2ff, #00d464) border-box;
}
.webinarsec .empowertextsec p{
  color: #000;
  float: left;
  width: 80%;
  text-align: center;
  font-weight:300;
    font-size: 22px;
    line-height: 33px;
}
.empowertextsec {
  width: 100%;
  float: left;
}
.webinarsec .empowertextsec ul li::before{
  display: none;
}
.webinartitle {
  /* padding-top: 50px; */
  background-repeat: no-repeat;
  background-size: cover;
  /* padding-top: 30px; */
  position: relative;
  /* padding-bottom: 30px; */
  height: auto;
  margin-bottom: 30px;
  clear: both;
  background: #fff;
}
.webinartitle h1{
  font-size: 50px;
}
#webinarempower {
  background-image: url(./img/webbg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: initial;
  float: none;
  width: 96%;
  margin-bottom: 0px;
  display: grid;
  align-items: center;
  margin: 0 auto;
  border-radius: 5px;
}
.pricing-faq .accordion-body li{
  color: #fff;
}
.otgs-development-site-front-end{
  display: none;
  }


   .audio-container {
    position: relative;
    display: inline-block;
}

#audioPlayer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0; /* Hide the default controls */
    cursor: pointer;
}

 /* Move reCAPTCHA v3 badge to the left */
 
 .grecaptcha-badge {
  width: 70px !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
  left: 4px !important;
	 visibility: hidden;
}

.grecaptcha-badge:hover {
  width: 256px !important;
}

.owl-theme .owl-dots .owl-dot span{
	display:none!important;
}


/* pricing Table css */
.pricing-table table {
  border-collapse: collapse;
  border-spacing: 0;
  height: 300px;
    overflow-y: auto;
    display: block;
}
.bg-header-blue.pricing-table-head{
  color:#000;
  position: sticky;
    top: 0;
    z-index: 0;
}
.pricing-table-body tr{
  border-bottom: 1px #80808021 solid;
  }
  .pricing-table-body tr:nth-child(odd) {
    background-color: #f2f2f2; /* Light gray color for odd rows */
}

.pricing-table-body tr:nth-child(even) {
    background-color: #ffffff; /* White color for even rows */
}
.pricing-table-head th{
  color:#fff;
  background-color: #121C2D;
  padding:0rem;
}
.pricing-table.anchor-left td:first-child {
  width: 20vw;
  --text-alignment: left;
  border-right: 0.1rem solid rgb(202 205 216);
  /* width: 24.8rem; */
}
.pricing-table-rte{
  display: flex;
  justify-content: center;
  padding: 10px;
}

.pricing-table-rte p{
  margin-bottom:0px;
}
.bg-striped-gray{
  background:#F4F4F6;
  color:#121c2D;
}
.pricing-table.anchor-left td{
  width:15rem;
}
.copy-large{
  font-size: 16px;
  font-weight: 500;
}
.copy-small{
  font-size:1rem;
  font-weight:300;
}
.part-of-exotel-para ul{
	text-align:left!important;
}
#result_table{
  margin-bottom: 50px;
}

.continer1 {
  width: 95%;
  margin: 10px auto 10px;
  position: relative;
  z-index: 9;
}
.analystlist1{
  width: 20%;
  margin:1%;
  /* background: linear-gradient(193.19deg,rgba(199,178,253,.14) 3.09%,rgba(255,237,241,.14) 83.65%); */
  /* background: linear-gradient(40deg,rgb(199 178 253 / 15%) 3.09%,rgb(255 237 241 / 13%) 83.65%); */
  background-color: #fff;
  border-radius: 20px;
  /* padding: 15px 11px 15px 15px; */
  padding: 0px 0px;
  margin-bottom: 1em;
}

.cs-box img{
  position: relative;
  margin-top:0px;
  width: 100%;
  height: auto;
  object-fit: contain;
  border-radius: 15px 15px 0 0;
}
.cs-content{
  padding-left: 0.5em;
  padding-bottom: 0.5em;
  padding-top: 1em;
}
.cs-box1{
  max-width: 300px;
  overflow: hidden;
  border-radius: 0.5rem;
}
.cs-box1 img{
  position: relative;
  width: 100%;
  transition: transform 0.3s ease;
}

.cs-box1 img:hover{
  cursor: pointer;
  transform: scale(1.1);
  position: relative;
  width: 100%;
}
.analystlist1 h3{
  min-height: 5.5em;
}
.text-left{
text-align: left!important;
}
.header_container{
max-width: 900px;
}

.drm-industry-specific-section .circle-icon{
width: auto;
height:auto;
background: #000000;
padding: 8px;
}
.cs-box-container{
margin-top: 20px;
display: flex;
align-items: center;
justify-content: flex-start;
align-items: flex-start;
min-height: 55px;
padding-right: 10px;
flex-wrap: wrap;
flex-direction: column;
align-content: flex-start;
margin-bottom: 20px;
}




/*new blog layout */
.blk__blog .blog_container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  grid-column-gap: 30px;
  column-gap: 3%;
  grid-row-gap: 20px;
  max-width: 1180px;
    margin: auto;
}
.content_block .inner {
  z-index: 100;
  position: relative;
  margin:  0px auto 30px;
  max-width: 1280px !important;
}
.blk__blog .blog_container .blog_post {
  box-shadow: 0px 4px 14px #dce3ff;
  border-radius: 13px;
  padding: 20px !important;
  background: #fff;
}
.blk__blog .blog_container .blog_post:nth-child(1) {
  grid-area: 1 / 1 / 4 / 2;
}
.blk__blog .blog_container .blog_post:nth-child(2) {
  grid-area: 1 / 2 / 2 / 3;
}
.blk__blog .blog_container .blog_post.dispFlx .blog_thumbnail {
  /* min-width: 230px; */
  margin-right: 20px;
}
.resourceList{
  display: flex;
    align-items: center;
}
.resourceList .blog-info {
  color: #3f3f3f;
}
.resourceList h4 a, .resourceList .h4 a {
  color: #3f3f3f;
  font-weight: 600;
  font-size: 18px;
  font-family: 'Archivo';
  text-decoration: none;
}
.blk__blog .blog_container .blog_post.featured{
  position: relative;
  padding-bottom: 43px!important;
} 
.featured .resourceList h4 a,.featured .resourceList .h4 a{
  display: inline-block;
  font-size: 32px;
  line-height: 46px;
  margin-top: 30px;
}
.featured .resourceList .read-more-btn{
  bottom: 20px;
  color: #5956D6;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  left: 20px;
  line-height: 26px;
  position: absolute;
  text-decoration: none;
}
.blk__blog .blog_container .blog_post.dispFlx {
  display: flex;
  align-items: center;
}
.blog_post .blog_thumbnail img{
  height: auto;
  width: auto;
  object-fit: fill;
}
.blog_one .blog_thumbnail1 img{
  height: auto;
  width: 100%;
  object-fit:fill;
}
.resourceList h5 a, .resourceList .h5 a, .resourceList .s18 a {
  color: #5956D6;
  font-weight: 600;
  font-size: 16px;
  font-family: 'Archivo';
  text-decoration: none;
}
.blog-desc{
  font-size: 16px;
  font-weight: 400;
  font-family: 'Archivo';
}
.left-40 {
  position: relative;
  left: 40px;
}
.mb-30 {
  margin-bottom: 30px;
}
.resorces-row{
  background-color: #f8f8ff8a;
    margin-bottom: 50px;
    border-radius: 10px;
    /* padding:0 2%; */
}
.custm-blog-filter-css{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  
}
.custm-blog-filter-css h5 {
  margin-right: 10px;
  margin-bottom: 0px!important;
}
.resource-plan-update-blog-section{
  /* background-image: url(https://env-exotel-oldexotel.kinsta.cloud/wp-content/uploads/2023/12/data-element.png); */
 background-image: url(/wp-content/uploads/2023/12/bg.png);
  background-size: 700px;
  background-repeat: no-repeat;
  background-position: left calc(5% + 830px) bottom 30px;
  padding-top: 10rem;
}
.resource-plan-subline{
  font-size: 20px;
}

.listing{
  width: 90%;
  margin: auto;
}
@media (max-width:1200px){
  .listing{
    width: 100%;
  }
}
.cs-box-link{
  font-style: normal;
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 24px;
    color: #5956d6;
    position: relative;
    bottom: 18px;
    text-decoration: none;
    margin-top:25px!important;
}

@media(max-width:991px){
  .blk__blog .blog_container {
    display: block;
}
  .blk__blog .blog_container .blog_post.dispFlx {
    display: block;
}
  .blog_post .blog_thumbnail img {
    height: auto;
    width: 100%;
    object-fit: contain;
}
.blog_one .blog_thumbnail1 img {
  height: auto;
  width: 100%;
  object-fit: contain;
}
  .blk__blog .blog_container .blog_post {
    box-shadow: 0px 4px 14px #dce3ff;
    border-radius: 13px;
    padding: 15px !important;
    background: #fff;
    margin-bottom: 30px;
}
.blk__blog .blog_container .blog_post.dispFlx .blog_thumbnail{
  margin-right: 0px!important;
}
.custm-blog-filter-css {
  flex-direction: column;
}
.custm-blog-filter-css h5 {
  margin-top: 20px;
}
.left-40 {
  position: relative;
  left: 0px;
}
.special-plans-border-title h2
 {
  text-align: left !important;
  width: 100% !important;
 }
 .slider-content {
  margin-top: 20px !important;
  }
  .accordian-section-with-right-image-new-style .accordion-body
  {
    padding: 1.2rem 0.0rem 1.2rem 0rem;
  }
}
@media (max-width:991px){
  .drm-stats-section-highlight-eight-column .five-col {
    width: 100%;
    padding: 5px 15px;
  }
}
@media (min-width:992px) and (max-width:1199px){
  .drm-stats-section-highlight-eight-column .five-col {
    width: 50%;
    padding: 5px 15px;
  }
}
.loading{
  display: flex;
  justify-content: center;
}
.pricing-table{
  text-align: center;
  display: flex;
    justify-content: center;
}
.flex-cnter{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  background-color: #d9e7e7;
    border-radius: 20px;
}
.client_logo_img{
	width:50%;
}
#analyst1{
	    padding: 2% 0;
	background-color: #D9E7E7!important;
}
.icon-img{
	width:auto!important;
	height:auto!important;
}
.resources-plan-feature .resources-plan-feature-border-title p {
  display: none;
}
.impact-row{
  justify-content: space-evenly;
    display: flex;
}
/* .impact-col{
  border-radius: 1rem;
    background-color: #f4f4f4;
    padding: 3em 1em 2em;
    border-top: 4px solid #5c42fc;
    margin-bottom: 0px;
    margin-left: 15px;
    margin-right: 15px;
} */
.impact-col {
  border-radius: 0rem;
  background-color: #f4f4f4;
  padding: 3em 1em 2em;
  margin-bottom: 0px;
  margin-left: 15px;
  margin-right: 15px;
  position: relative; /* Ensure the pseudo-element is positioned relative to the container */
}

.impact-col::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px; /* Match the border-top thickness */
  border-radius: 1rem 1rem 0 0; /* Match the corner radius */
  background: linear-gradient(to right, #51B584, #01A0E5);
}

.custom-dropdown {
  position: relative;
  display: inline-block;
}

.selected-option {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.flag-icon {
  width: 20px; /* Adjust the width as needed */
  height: auto;
  margin-right: 5px; /* Adjust the spacing as needed */
}

.options-list {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1;
  display: none;
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 5px;
  list-style: none;
  margin: 0;
}

.options-list li {
  cursor: pointer;
}
li.init {
  cursor: pointer;
}
ul.list-unstyled {
  list-style: none;
  font-weight: 600;
  z-index: 999999;
  height: 100%;
  position: relative;
  max-height: 500px;
  margin: 10px 5px;
    height: 45px;
    font-family: "Archivo", sans-serif;
    font-weight: 500;
    font-size: 16px;
    text-align: left;
    width: 230px;
    background-color: #8080800a;
}
ul.list-unstyled li {
  padding: 19px 20px;
  z-index: 2;
}
/* ul.list-unstyled li {
  float: left;
  padding: 10px;
  width: 100%;
  position: relative;
  left: 4px;
} */
.list-unstyled li:not(.init) {
  display: none;
}

.singlescrollsec li::marker{
  color: #005CAA!important;
  font-size: 35px;
  line-height: 25px;
}
.analystlist1 .cs-content p{
  display: none;
}
/* dropdown list */
.dropdown-demo {
  margin: 20px auto;
  width: 400px;
  position: relative;
  z-index: 9999;
}
.dropdown-demo.active {
  height: 400px;
  /* height: 100%; */
  overflow-y: scroll;
  /* max-height: 400px; */
}
.dropdown-demo .select-label {  
  position: relative;
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
    text-indent: 10px;
    background: #f3f6fa;
    z-index: 9999;
    cursor: pointer;
    transform-style: preserve-3d;
    transform-origin: 50% 0%;
    transition: transform 300ms;
    user-select: none;
    color: #434e73;
    text-align: left;
    /* border: 1px solid #434e73; */
}
.dropdown-demo .select-label:after {
  content: '\f078';
  position: absolute;
  top: 0;
  right: 20px;  
  height: 40px;
  line-height: 40px;  
  text-align: center;
  font-size: 12px;  
  font-family: 'FontAwesome';
}
.dropdown-list {
  position: absolute;
  top: 0px;
  width: 100%;
  padding: 0px;
  text-align: left;
  /* border: 1px solid #000; */
}
.dropdown-demo.active .dropdown-list li {
  top: 40px;
}
.dropdown-list li {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  font-size: 16px;
  line-height: 30px;
  cursor: pointer;
  background-color: #ffffff;
  transition-duration: .3s;
  list-style: none;
  opacity: 1;
  user-select: none;
  padding: 2px 10px;
}
.dropdown-demo.active .dropdown-list li {position:relative;}
.dropdown-list li:hover {box-shadow:inset 0 1px 2px rgba(0,0,0,.2), 0 1px 2px rgba(0,0,0,.12) !important;background-color: #5a5a5a;box-shadow: inset 0 1px 2px rgba(0,0,0,.2), 0 1px 2px rgba(0,0,0,.12) !important;color: #fff;padding-left: 10px;}
.dropdown-list li:nth-child(1){z-index:4;}
.dropdown-list li:nth-child(2){z-index:3;}
.dropdown-list li:nth-child(3){z-index:2;}
.dropdown-list li:nth-child(4){z-index:1;}

.dropdown-demo .select-label:active:after {
  content: '\f077';
}

.dropdown-demo.active .select-label:after {
  content: '\f077';
}
.dropdown-demo.active .dropdown-list li {
	box-shadow: 0 0px 1px rgba(0, 0, 0, 0.15);
}
/* .dropdown-demo.active .dropdown-list li:nth-child(1) {
  transform: translateY(100%);
}
.dropdown-demo.active .dropdown-list li:nth-child(2) {
  transform: translateY(200%);
}
.dropdown-demo.active .dropdown-list li:nth-child(3) {
  transform: translateY(300%);
}
.dropdown-demo.active .dropdown-list li:nth-child(4) {
  transform: translateY(400%);
} */
.banner-bg{
padding: 0px;
margin: 0px;
}
.banner-container{
  display: flex;
    height: 500px;
    align-items: center;
    width: 100%;
}
.banner-title{
  font-size: 72px;
  line-height: 78px;
}
.case-card{
  display: flex;flex-direction: column;color:#fff;margin:3rem 0 2rem;
}
.case-card-1 {
  display: flex;
  flex-direction: row;
  color: #fff;
  margin: 0rem 0rem 1rem;
  align-items: center;
}
.case-card-text{
  font-size: 25px;
line-height: 38px;
}
.case-card-text-1 {
  font-size: 18px !important;
  line-height: 24px;
  font-weight: 500;
  text-align: center;
}
.pricing-byline{
  font-size: 22px;
}
.disclimer-text{
  color: #b8b8b8;
  margin-bottom: 30px;
  text-align: left;
  padding-top: 2rem;
}
#sms_result_table table{
  height: 100px;
}
#smsfiltertable{
  display: flex;
  justify-content: center;
}
#smsfiltertable .custom-table{
  width: 350px;
}
.tabs-jump-links-component ul{
  padding-left: 20px!important;
}
#sms_result_table table{
  height: 100px;
}
#smsfiltertable{
  display: flex;
  justify-content: center;
}
#smsfiltertable .custom-table{
  width: 350px;
}
.heading1 {
  font-size: 60px!important;
  line-height: 64px!important;
}
.drm-automated-dialers-left-align-section{
	background: transparent linear-gradient(296deg, #FFFFFF 0%, #E5EEEE 75%, #E5EEEE 100%) 0% 0% no-repeat padding-box;
}

/* .no_header , .no_footer {
  display: none;
} */
section.page.page-id-453143 .power-content1 p {
  height: 9rem !important;
}
section.page.page-id-453172 .power-content1 p {
  height: 13rem !important;
}
section.page.page-id-453172 .power-content1 {
  height: 400px;
}
.card-body.form-card.form-bg {
  background: #ebebeb;
}
.banner-section-with-contactform-para p {
  font-weight: 300;
  font-size: 20px;
  line-height: 28px;
  margin-right: 0px;
}


.intl-tel-input .country-list .country-name, .intl-tel-input .country-list .flag-box {
  color: #000!important;
}
.page.page-id-453358 .costomeraibox h3 {
  font-size: 23px;
}
.page.page-id-453358 .costomeraibox .icon img
{
    width: 30px !important;
    height: 22px;
    margin-right: 5px;
}
section#whatsappchart .whatsapptext p span {
  font-size: 18px !important;
}
.drm-automated-dialers-section-3-column-bg {
  background: transparent linear-gradient(304deg, #f2eeeec2 0%, #e2f1f1 75%, #d8e7e7 100%) 0% 0% no-repeat padding-box;
  background: #F8F8F8;
  text-align: center;
}
.drm-automated-dialers-section-3-column-bg .power-content1 {
  height: 350px;
	box-shadow:3px 3px 10px -1px rgba(0,0,0,.2)!important;
}
.drm-automated-dialers-section-3-column-bg .power-content1:hover {
  height: 350px;
	box-shadow:11px 10px 40px -4px rgba(0,0,0,.2)!important;
	cursor:pointer;
}
.five-col {
  flex: 0 0 auto;
  width: 19.666667%;
  padding: 0px;
}
.five-col .gredient_blue_text1 {
  color: #0995DB;
  background: linear-gradient(115deg, #8980F5 26.54%, #5FBB97 55.46%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  margin-left: 0px;
}
.five-col .bor {
  border-width: 1px;
  border-style: solid;
  border-image: linear-gradient(to right, #8980F5, #5FBB97) 1;
  height: 130px;
  margin: 10px 10px;
  border-radius: 10px;
  padding: 5px;
}
.page.page-id-453358.power-content1 p{
  min-height: 8rem!important;
}

.menu-img1 img {
  width: 60%;
}
.blue_heading,.stats-heading-blue{
  display: flex;
  flex-direction: column;
}

.highlite-new{
  color: #000;
  font-size: 26px;
  line-height: 30px;
  margin-top: 15px;
}
.size-60{
  width: 60px;
}
.drop .custom-table {
  width: 300px;
}

.card-box{
  background-color: #fff;
    border-radius: 10px;
    margin: 10px 10px;
    width: 280px;
    box-shadow: 3px 3px 6px #a3a1a1;
    padding: 10PX;
}
.card-box:hover{
  transform: scale(.98);
  cursor: pointer;
}


/* mobile menu country dropdown */
.contry_switch_dropdown .dropdown .dropdown-toggle{
  width: 100%;
  padding: 10px;
  text-align:left;
}
.contry_switch_dropdown .dropdown-menu.show {
display: block;
width: 100%;
}
.contry_switch_dropdown .dropdown-menu.show li a{
height:40px;
}
.contry_switch_dropdown .dropdown a,.contry_switch_dropdown .dropdown a:visited  {
color: #000;
text-decoration: none;
outline: none;
}

/* Style the active item differently */
.contry_switch_dropdown .dropdown-menu .active{
color: #fff;
background-color: #00d4644a;
}

.contry_switch_dropdown .dropdown .dropdown-toggle::after{
float: right;
margin-top: 10px;
font-size: xx-large;
}
.contry_switch_dropdown .dropdown li{
width: 100%;
margin: 0;
padding: 0px 10px;
}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu{
visibility: hidden;
width: 100%;
margin-left:0px;
}


.item-tag{
    background: #12d76f;
    padding: 0px 10px;
    border-radius: 10px;
    font-size: 10px;
    color: #fafafa;
    margin-right: 5px;
    margin-left: 10px;
    letter-spacing: 1.5px;
}
span.link-text-wrapper {
  display: flex;
  align-items: center;
}
.wpdt-c.row.wpDataTableContainerSimpleTable.wpDataTables.wpDataTablesWrapper {
  width: 1320px;
  margin: 0 auto;
  /* padding-left: 15px;
  padding-right: 15px; */
  /* max-height: 400px; */
    overflow-y: auto;
    border: none;
    position: relative;
}
table#wpdtSimpleTable-1 thead {
  /* position: -webkit-sticky;
  position: sticky;
  top: 0;
  background-color: #f1f1f1;
  z-index: 10;
  border: 1px solid #ddd; */
}
table#wpdtSimpleTable-1 {
  /* max-height: 500px; */
  /* display: block; */
  /* overflow: auto;
  font-family: 'Archivo';
  width: 100%;
  border-collapse: collapse; */
}
table#wpdtSimpleTable-1 tbody, thead tr {
  /* display: table;
  width: 100%;
  table-layout: fixed; */
}
/* tbody tr:nth-child(1) {
  position: sticky;
  top: 55px;
} */
table#wpdtSimpleTable-1::-webkit-scrollbar {
  /* display: none; */
}
table#wpdtSimpleTable-1{
-ms-overflow-style: none;  /* IE and Edge */
scrollbar-width: none;  /* Firefox */
width: 100%;
    border-collapse: collapse;
    margin-bottom: 50px;
}
/* Basic table styles */
.wpDataTableContainerSimpleTable {
  width: 100%;
  border-collapse: collapse;
}

.wpDataTableContainerSimpleTable th, .wpDataTableContainerSimpleTable td {
  border: 1px solid #ddd;
  padding: 8px;
}

.wpDataTableContainerSimpleTable th {
  background-color: #f2f2f2;
  text-align: left;
}
table#wpdtSimpleTable-1 tr.wpdt-cell-row td {
  /* width: 100% !important; */
}
.wpdt-c.wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable tr td:first-child, .wpdt-c.wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable thead tr td:first-child, .wpdt-c .wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable tr td:first-child, .wpdt-c .wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable thead tr td:first-child, .wpdt-c.wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable tr td:last-child, .wpdt-c.wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable thead tr td:last-child, .wpdt-c .wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable tr td:last-child, .wpdt-c .wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable thead tr td:last-child {
  border: none !important;
}
.wpdt-c.wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable tr td:first-child, .wpdt-c.wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable thead tr td:first-child, .wpdt-c .wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable tr td:first-child, .wpdt-c .wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable thead tr td:first-child, .wpdt-c.wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable tr td:last-child, .wpdt-c.wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable thead tr td:last-child, .wpdt-c .wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable tr td:last-child, .wpdt-c .wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable thead tr td:last-child {
  border: none;
}
.wpdt-c.wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable tbody td {
  border-top: none;
  border-bottom: none;
}
.wpdt-c.wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable tbody tr.even td.wpdt-cell, .wpdt-c.wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable tbody tr.odd td.wpdt-cell, .wpdt-c .wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable tbody tr.even td.wpdt-cell, .wpdt-c .wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable tbody tr.odd td.wpdt-cell, .wpdt-c.wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable th, .wpdt-c.wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable tbody td, .wpdt-c .wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable th, .wpdt-c .wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable tbody td {
  height: 53px;
  border-radius: 4px;
}
.wpdt-c.wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable tbody .wpdt-merged-cell
{
  height: 66px !important;
}
.wpdt-c.wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable tbody td
{
  border-top:none !important;
  border-bottom:none !important;  
}
.wpdt-bc-35D464 {
  background: transparent linear-gradient(97deg, #1AC2FF 0%, #35D464 100%) 0% 0% no-repeat padding-box !important;
}
.wpdt-bc-005CAA.wpdt-tc-FFFFFF {
  background: #005CAA !important;
}
.wpdt-bc-35D464 {
  background-color: #35D464 !important;
}
td.first-row-cell-0 {
  width: 40%;
  font-size: 24px;
  font-family: 'Archivo';
  font-weight: 500;
}
td.first-row-cell-1 {
  width: 20%;
  font-size: 24px;
  font-family: 'Archivo';
  font-weight: 400;
  text-align: center;
  border-right: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
}
td.first-row-cell-2 {
  width: 20%;
  font-size: 24px;
  font-family: 'Archivo';
  font-weight: 400;
  text-align: center;
  border-right: 1px solid #cccccc;
}
td.first-row-cell-3 {
  width: 20%;
  font-size: 24px;
  font-family: 'Archivo';
  font-weight: 400;
  text-align: center;
  /* border-right: 1px solid #cccccc; */
}
.header-cell-1
{
  background: #005CAA !important;
  border: none !important;
  text-align: center;
    font-family: 'Archivo';
    font-size: 18px;
    font-weight: 400 !important;
    /* width: 270px !important; */
}
.header-cell-2
{
  background: transparent linear-gradient(97deg, #1AC2FF 0%, #35D464 100%) 0% 0% no-repeat padding-box;
  /* width: 270px !important; */
  text-align: center;
  font-family: 'Archivo';
  font-size: 18px;
  font-weight: 400 !important;
}

.green-btn {
  background: #fff;
  color: #00D464;
  border: 1px solid #00D464;
  margin-right: 20px;
}
.page-id-457263 .green-btn , .page-id-461515 .green-btn{
  background: #00000057;
  /* color: #00D464; */
  color: #fff!important;
  border: 1px solid #ffffff;
  margin-right: 20px;
}
.page-id-457263 .green-btn:hover,.page-id-461515 .green-btn:hover {
  background: #00000057;
  /* color: #00D464; */
  color: #fff!important;
  border: 1px solid #ffffff;
  margin-right: 20px;
}

.page-id-457263 .fixed-top .green-btn,.page-id-461515 .fixed-top .green-btn{
  background: #fff;
  /* color: #00D464; */
  color:#000!important;
  border: 1px solid #000;
  margin-right: 20px;
}
.volit-btn{
  background-color: #8980F5 !important;
  color: #fff !important;
  border-radius: 50px !important;
}
.w-180{
  width:180px;
}
.tabs ul#tabs-nav {
  display: flex;
  margin: auto;
  align-content: center;
  justify-content: center;
  list-style: none;
}
.tabs ul#tabs-nav li.active {
  margin-right: 20px;
  background: #8980F5;
  cursor: pointer;
  margin-top: 60px;
  padding: 10px 40px;
  font-weight: 300;
  font-size: 18px;
  font-family: inherit;
  border-radius: 23px;
}
.tabs ul#tabs-nav li {
  margin-right: 20px;
  background: #EDEDED;
  cursor: pointer;
  margin-top: 60px;
  padding: 10px 40px;
  font-weight: 300;
  font-size: 18px;
  font-family: inherit;
  border-radius: 7px;
}
.tabs ul#tabs-nav li a {
  color: #454545;
  text-decoration: none;
}
.tabs ul#tabs-nav li.active a {
  color: #ffffff;
  text-decoration: none;
}


/* Adderess box css */
.address-section{
  padding:50px 20px 20px 20px;
}
.address-box{
  margin-top:20px;
  margin-bottom:20px;
}
.address-box-city{
margin-bottom:10px;
}
.address-box-country{
  margin-bottom:10px;
}
.address-box-country-span img{
  margin-right:10px;
}
.address-box-country-span,.address-box-content p{
  color:#6f6f6f;
}



/* blog new layout */
.blog-new-strip-section-with-center-heading-bg {
  /* background: transparent linear-gradient(100deg, #005CAA 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box; */
  background-image: url(/wp-content/uploads/2024/06/blog_strip_bg.jpg);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
  background-repeat: no-repeat;
  background-position: inherit;
  background-size: 100%;
  margin-bottom: 20px;
  border-radius: 15px;
  padding: 10px 30px;
  min-height: 160px;
}
.blog-new-strip-section-with-center-heading-bg-1 {
  /* background: transparent linear-gradient(100deg, #005CAA 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box; */
  background-image: url(/wp-content/uploads/2024/05/Background-min.jpg);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
  background-repeat: no-repeat;
  background-position: inherit;
  background-size: 100%;
  margin-bottom: 20px;
  border-radius: 15px;
  padding: 10px 30px;
  min-height: 180px;
}
.blog-new-strip-banner{
  display: flex;
    align-items: center;
}
.blog-strip-head{
  max-width: 480px;
  color:#fff!important;
}
.blog-cta-flex{
  background-color: #fff;
  
    border-radius: 50px;
}
.white-cta{
  line-height: 44px;
  text-decoration: none;
  color: #8980F5 !important;
  font-size: 14px;
  padding: 10px 50px;
}

.page-id-457155 .bannerhome1 .slider-content p{
  color: #000;
}
.page-id-457155 .owl-carousel .owl-item img {
  display: block;
  width: 100%;
  filter: grayscale(0%);
}
.slider-head {
  font-size:48px;
  line-height: 55px;
  font-weight: 600;
}
.drm-announcement-strip-section-two {
    background-image: url(/wp-content/uploads/2024/01/bg_2-min-1.jpg);
    height: 220px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center;
    background-repeat: no-repeat;
}
.drm-announcement-strip-section-two h2{
  color:#fff;
}
.card-box-1 {
  background-color: transparent;
  border-radius: 10px;
  margin: 10px 10px;
  width: 280px;
  box-shadow: 3px 3px 6px #a3a1a1;
}

.flex-center{
  display: flex;
  justify-content: center;
  justify-content: space-around;
}
.event-form-title h3{
  color: #000;
    text-align: center;
    margin-bottom: 5%;
}
.w-45{
  width: 45%;
}
#video{
  border: 2px solid #13ca8a;
    border-radius: 10px;
    box-shadow: 3px 3px 6px 0px #13ca8a;
    width:100%;
}

.page-id-456953 .nav-menus-wrapper{
  display:none;
  }
  .page-id-456953 .header-button-cols{
  display:none;
  }
  .page-id-456953 #footer-sec{
  display:none;
  }
  .page-id-461515 .fixed-top .green-btn {
    background: #fff;
    color: #00D464;
    border: 1px solid #000;
    margin-right: 20px;
}
.page-id-461515 .center-text-image-section h2 {
    text-align: center; color: #000; margin-bottom: 20px; font-size: 50px !important;line-height: 38px;font-family: 'Archivo';font-weight: 700 !important;
  }



  /* new-hero-section-for-events-with-form */
  .page-id-457590 .nav-menu > li > a{
    color:#fff;
  }
  .page-id-457590 .submenu-indicator-chevron{
    border-color: #ffffff;
  }
  .page-id-457590  .fixed-top .nav-menu > li > a{
    color:#000;
  }
  .page-id-457590  .fixed-top .submenu-indicator-chevron{
    border-color: #000;
  }
  .contact-new{
    padding-top:40px !important;
    /* padding-bottom: 50px !important; */
    /* background: linear-gradient(90deg, #005E9E, #4FB484); */
    height:auto;
}

.slider-video-container-2 {
  position: absolute;
  top: 32px;
  left: 0;
  width: 100%;
  height: 830px;
  overflow: hidden;
  z-index: -1;
  text-align: center;
}

.contact-new .card-body.form-card {
    padding: 30px;
    background: #fff;
    border-radius: 12px;
}
.contact-new-3 .card-body.form-card {
  padding: 30px;
  background: #fff;
  border-radius: 12px;
}
.contact-sec-1 h2 {
  font-size: 50px;
  line-height:55px;
  font-weight: 600;
  margin-bottom: 100px;
  margin-top: 25px;
}
.contact-sec h2 {
  font-size: 50px;
  margin-top: 25px;
  line-height: 55px;
  font-weight: 600;
}

.contact-sec h4 {
  font-weight: 400;
  font-size: 30px;
  line-height: 40px;
  margin: 20px auto;
}
.contact-sec h5 {
  font-weight: 600;
  font-size: 25px!important;
  line-height: 35px;
}
.contact-desc p{
    color: #fff;
    font-size: 24px;
    position: relative;
    top: -80px;
    left: 20px;
}
.contact-sec .client_logo_img1{
    width:inherit;
}
.contact-sec .heading{
    font-size:24px;
    padding-top: 20px;
    padding-bottom: 20px;
}
#video-iframe{
    margin-left:12%;
    border: 2px solid #fff;
    border-radius: 10px;
    box-shadow: 3px 3px 6px 0px #f0f0f0;
}
.event-content-keys{
    color:#fff;
    margin-left: 12%;
    margin-bottom:5%;
}
.event-x-logo{
  width: 40%;
}

.green-text{
  color: #51B584;
}
.Venue-details{
  font-size: 22px;
  line-height: 28px;
  background: #53535399;
    width: fit-content;
    padding: 5px 25px;
    border-radius: 25px;
    margin-right: 25px;
}
.Venue-details .fa-solid{
  font-size: 18px;
  font-weight: 500;
  margin-right: 5px;
}
.Venue-details .fas{
  font-size: 18px;
  margin-right: 5px;
}
.flex{
  display: flex;
}
.bg-green-btn{
color: #fff;
background-color: #51B584;
padding: 5px 20px;
font-size: 20px;
border-radius: 40px;
font-weight: 700;
}
.bg-green-btn:hover{
  color: #fff;
  background-color: #51B584;
  padding: 5px 20px;
  font-size: 20px;
  border-radius: 40px;
  font-weight: 700;
  }
/* End of new-hero-section-for-events-with-form */
/* 6 Logo section */

.gray-bg{
  background-color: #F3F3F3;
  padding: 20px;
}
.logo-flex-1 {
  display: flex;
  justify-content: space-around;
  padding: 0px 20px;
  max-width: 1280px;
  margin: auto;
  align-items: center;
}
.logo-flex-1 img {
  width: 90px;
  margin-bottom: 5px;
}
/* End */
/* Left-text-right-image */
.custom-list {
  list-style-type: none; /* Remove default bullet points */
  padding-left: 0; /* Remove padding from the left side */
  text-align: left;
}

.custom-list li {
  background-image: url('/wp-content/uploads/2024/08/check-mark-icon-png-transparent-background-1.png');
  background-repeat: no-repeat;
  background-position: 0 5px; /* Adjust as needed */
  padding-left: 30px; /* Adjust to fit your image size */
  margin-bottom: 10px; /* Add space between list items */
  background-size: 20px;
  line-height: 35px;
    font-size: 20px;

}
.image1{
  border-radius: 10px;
}

/* End */
.highlite-new {
  color: #000;
  font-size: 20px;
  line-height: 30px;
  margin-top: 15px;
  /* height: 30px; */
}

.single-one {
  margin-left: 30px;
  ;
}
.left-text-right-image-section .left-text p{
  font-size: 24px;
  font-weight: 400;
  line-height: 35px;
  color: #191919;
}

/*Accordian-section-with-right-image-new-style */
.accordian-section-with-right-image-new-style .accordion-item {
  border: 2px solid #000 !important;
  border-radius: 1.6rem;
  margin-bottom: 2.4rem;
}
.accordion-button
{
  background-color: #fff0;
}
.accordion-header1 {
  padding: 1.2rem 2.2rem 1.2rem 2.2rem;
}
.accordion-body{
  padding: 1.2rem 2.2rem 1.2rem 2.2rem;
}
.accordion-button{
  padding:0px;
}
.accordian-stack .accordion-button::before {
  width: 100%;
  border-bottom: None !important;
}
.accordian-section-with-right-image-new-style .accordion-body {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 143%;
  color: #000000;
}
.accordian-section-with-right-image-new-style .accordion-body .button-one
{
  background: #00000000;
  border-radius: 55px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  text-align: left;
  color: #000000;
  padding: 15px 0px;
  text-decoration: none;
}
.accordian-section-with-right-image-new-style .accordion-body .button-one:hover {
  border-bottom: 2px solid #000;
  border-radius: 0px;
  padding-bottom: 0px;
  }
.accordian-with-right-image h2.accordion-with-right-image-title {
  /* background-color: #afb8ab; */
  border-radius: 100px;
  display: flex;
  font-style: normal;
  margin: auto;
  padding: 0.8rem 2.4rem 0.8rem;
  width: fit-content;
  font-size: 48px;
  text-align: center;
  line-height: 55px;
  font-weight: 600;
}
.accordian-section-with-right-image-new-style .accordion-item .accordion-button:after {
  content: '\f055';
  font-family: 'FontAwesome';
  background-image: unset;
  transition: none;
  background-size: auto;
  width: auto;
  height: auto;
  /* padding-left: 15px; */
}
.accordian-section-with-right-image-new-style .accordion-item.active .accordion-button:not(.collapsed)::after
{
  content: '\f056';
  font-family: 'FontAwesome';
  background-image: unset;
  transition: none;
  background-size: auto;
  width: auto;
  height: auto;
  padding-left: 15px;
  transform: none;
}
.light-green-color
{
/*         background-color: #f2faf2; */
  border: 2px solid transparent;
  margin-left: auto;
  margin-right: auto;
}
.accordian-section-with-right-image-new-style .accordion-item .accordion-button
{
  align-items: flex-start;
}
.accordian-section-with-right-image-new-style .hide-desktop
{
  display:none;
}
.accordian-section-with-right-image-new-style .accordion-item.active {
  background-color: #f2faf2;
  border: 2px solid transparent !important;
  border-radius: 1.6rem;
  margin-bottom: 2.4rem;
}
.light-green-color img 
{
  width: 100%!important;
  position: relative;
  top: 0px;
left: 0;
right: 0;
float: none;
margin: auto;
}


.page-id-458312 .alltabslist,.page-id-458433 .alltabslist{
  display: none;
}


.content1 table>tbody>tr>td{
  line-height: 35px;
}

.green-text-gradient{
  background: linear-gradient(180deg, #35AD8C 0%, #15A6CE 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  font-weight: 700;
}

@media only screen and (max-width: 1080px) and (min-width: 320px)  
{
.accordian-section-with-right-image-new-style .accordion-item {
  padding: 1.2rem 2.2rem;
}
.accordion-body 
{
 padding: 1.2rem 1.2rem 1.2rem 0rem;
}
.accordian-section-with-right-image-new-style .hide-desktop
{
   display:block;
}
.accordian-section-with-right-image-new-style .hide-mobile
{
  display:none;
}
.light-green-color 
{
  background-color: transparent;
  border: 0px solid;
  margin-left: 13px;
  margin-right: 15px;
}
.light-green-color img
{
  padding-top: 20px;
  padding-bottom: 20px;
  width: 100% !important;
  margin-bottom: 20px;
  top:20px;
}

.accordian-section-with-right-image-new-style .accordion-item .accordion-button {
  font-size: 24px;
  line-height: 28px;
}
.accordian-stack .padcols .mobile-space 
{
  padding-right: 0px;
}
.accordian-with-right-image {
  margin-top: 50px;
}
.accordian-with-right-image h2.accordion-with-right-image-title {
  flex-direction: column;
}
.report-main-title {
  font-size: 33px;
  line-height: 40px;
}
.webinarsec {
  padding: 0px 10px;
}
.page-id-457839 #webinarblackbg.downformsec {
  background-color: #F4F4F4 !important;
  padding: 20px;
    width: 100%!important;
    height: auto!important;
}
.slider-title {
  font-size: 33px;
  line-height: 40px;
}
.costomeraibox .webinardivcenter1 {
  width: 100% !important;
  margin-bottom: 15px !important;
}
.slider-title {
  font-size: 33px !important;
  line-height: 40px !important;
  margin-bottom: 20px !important;
  padding-top: 0px !important;
  margin-top: 15px !important;
}
.speaker-card .icon img {
  margin-top: auto !important;
}
.services-img-new img {
  margin-top: auto !important;
}
section.speaker-cards-section .row.grid-1280.mt-80 {
  margin-top: 20px;
}
.page-id-457839 section#costomeraieveryday {
  padding: 0px 20px !important;
}
}
#image_1,#image_2,#image_3,#image_4,#image_5,#image_6,#image_7,#image_8,#image_9,#image_10{
  display:none;
}
.active{
  display:block!important;
}

.accordion-item-new,.accordion-item-new:hover{
  cursor: pointer;
}

.accordion-header-new{
  color: #51B584;
  font-size: 26px;
  line-height: 28px;
  
}

h4.green_line {
  position: relative;
  display: inline-block;
  padding-bottom: 5px;
  max-width: 343px;
  margin-bottom: 10px;
}

h4.green_line::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width:120px; /* The underline width */
  border-bottom: 2px solid #51B584;
}
.accordion-item-new {
  opacity: 0.5;
  transition: opacity 0.8s ease-out; /* Smooth transition for opacity change */
  margin-bottom: 30px;
}

.accordion-item-new.active {
  opacity: 1;
  transition: opacity 0.8s ease-in; /* Smooth transition for opacity change */
}
.max-w-1000{
  max-width: 1020px;
    margin: auto;

}
.light-vilot-color {
  /* background-color: #9290f9; */
  /* margin-top: 70px; */
  position: relative;
    width: 100%; /* Adjust based on your needs */
    height: auto; /* Adjust based on your needs */
    transition : .3s all ease-in-out !important
}
.light-vilot-color img
{
  /* padding-top: 20px;
  padding-bottom: 20px; */
  width: 100% !important;
  margin-bottom: 20px;
  top:20px;
}
.light-vilot-color img 
{
  width: 100%!important;
  position: relative;
  top: 0px;
left: 0;
right: 0;
float: none;
margin: auto;
border-radius: 14px;
transition: opacity 1.8s ease-in-out;
}
.light-vilot-color img.active {
  transition: opacity 2.8s ease-in-out;
}
#background-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
  /* top: 0px; */
}



.page-id-457745 .nav-menu > li > a,.page-id-457791 .nav-menu > li > a,
.page-id-457796 .nav-menu > li > a,.page-id-457882 .nav-menu > li > a,
.page-id-457884 .nav-menu > li > a,.page-id-457886 .nav-menu > li > a,
.page-id-458452 .nav-menu > li > a
{
  color: #ffffff;
}
.page-id-457745 .header_area.fixed-top .nav-menu > li > a,
.page-id-457791 .header_area.fixed-top .nav-menu > li > a,
.page-id-457796 .header_area.fixed-top .nav-menu > li > a,
.page-id-457882 .header_area.fixed-top .nav-menu > li > a,
.page-id-457884 .header_area.fixed-top .nav-menu > li > a,
.page-id-457886 .header_area.fixed-top .nav-menu > li > a,
.page-id-458452 .header_area.fixed-top .nav-menu > li > a
{
  color: #000000;
}

.page-id-457745 .submenu-indicator-chevron,.page-id-457791 .submenu-indicator-chevron,
.page-id-457796 .submenu-indicator-chevron,.page-id-457882 .submenu-indicator-chevron,
.page-id-457884 .submenu-indicator-chevron,.page-id-457886 .submenu-indicator-chevron,
.page-id-458452 .submenu-indicator-chevron{
  border-color: #ffffff;
}

.page-id-457745 .header_area.fixed-top span.submenu-indicator-chevron,
.page-id-457791 .header_area.fixed-top span.submenu-indicator-chevron,
.page-id-457796 .header_area.fixed-top span.submenu-indicator-chevron,
.page-id-457882 .header_area.fixed-top span.submenu-indicator-chevron,
.page-id-457884 .header_area.fixed-top span.submenu-indicator-chevron,
.page-id-457886 .header_area.fixed-top span.submenu-indicator-chevron
{
  border-color: #000000;
}

.page-id-457647 .green-btn,.page-id-461515 .green-btn,
.page-id-457745 .green-btn,.page-id-457791 .green-btn,
.page-id-457796 .green-btn,.page-id-457882 .green-btn,
.page-id-457884 .green-btn,.page-id-457886 .green-btn{
  background: transparent!important;
  color: #fff;
  border: 1px solid #fff;
  margin-right: 20px;
} 
.page-id-457647 .fixed-top .green-btn,.page-id-461515 .fixed-top .green-btn,
.page-id-457745 .fixed-top .green-btn,.page-id-457791 .fixed-top .green-btn,
.page-id-457796 .fixed-top .green-btn,.page-id-457882 .fixed-top .green-btn {
  background: transparent!important;
  color: #51B584;
  border: 1px solid #51B584;
  margin-right: 20px;
} 



.black-btn-outline-white:hover{
  background: #8980f5;
  color: #fff;
    border: 1px solid #fff;
    margin-right: 20px;
    font-size: 14px;
  transition: .3s;
  transition-duration: 1s;
}
.page-id-457647 .gray-bg-custom {
  background-color: #ECECEC;
}

.page-id-457791 .video-slider-banner-exo-2-home .button-light-blue-1.hoverbtn.five {
  background: transparent !important;
  color: #fff;
  border: 1px solid #FFFFFF;
}
.page-id-457791 .video-slider-banner-exo-2-home .button-light-blue-1.hoverbtn.five:before {
      background: #8980F5 !important;
}
.page-id-457796 .video-slider-banner-exo-2-home .button-light-blue-1.hoverbtn.five {
  background: transparent !important;
  color: #fff;
  border: 1px solid #FFFFFF;
}
.page-id-457796 .video-slider-banner-exo-2-home .button-light-blue-1.hoverbtn.five:before {
      background: #8980F5 !important;
}
.button-light-blue {
  background: #fff !important;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
}
a.button-light-blue.hoverbtn:hover {
  transition: all .5s ease-in-out;
  color: #ffffff;
  border: none;
  border-color: #ffffff !important;
  background-color: transparent !important;
}
a.button-light-blue.hoverbtn:before {
  background: linear-gradient(90.13deg, #8980f5 31.55%, #8980f5 79.46%);
}
.page-id-457944 .slider-content1 .banner-title h1.slider-head.custm_h1 {
  direction: rtl;
  unicode-bidi: embed;
}
.page-id-457944 .slider-content1 .banner-section-with-contactform-para p {
  direction: rtl;
  unicode-bidi: embed;
}
.page-id-457944 section#customerlogosec .reques-power-text h2 {
  direction: rtl;
  unicode-bidi: embed;
}
.page-id-457944 .howtabtext h2
{
  direction: rtl;
  unicode-bidi: embed;
}
.page-id-457944 .howtabtext p {
  direction: rtl;
  unicode-bidi: embed;
}
.page-id-457944 .presentation p
{
  direction: rtl;
  unicode-bidi: embed;
}


.page-id-457963 .video-slider-container-2 .slider-content {
  position: relative;
  max-width: 1280px;
  display: flex;
  flex-direction: row;
}
body.page-id-457891.customize-support section.bottom-logo-strip.bg-color-strip {
  display: none;
}
body.page-id-457891 section.bottom-logo-strip.bg-color-strip {
  display: none;
}

.page-id-457963 .nav-menu > li:hover > a{
  color: #fff;
}
.page-id-457963 .nav-menu > li:hover > a .submenu-indicator-chevron{
  color: #fff!important;
}
.page-id-457791 .five:before {
  background: #8980f5 !important;
}
.page-id-457796 .five:before {
  background: #8980f5 !important;
}
.wpcf7-list-item-label {
  color: #797878;
}
#ExoCouponCode{
  margin-right: 10px;
}
.privacy-statement p, .privacy-statement p a{
  color: #797878!important;
  margin-bottom: 10px;
  font-size: 14px!important;
}

.Form-Heading{
  display: none;
}
.case-exo-wrap {
  background: linear-gradient(180deg, #51B584 .89%, #01A0E5 100%);
  padding: 40px;
color:#f0f0f0;
}
.case-exo-wrap p{
font-size: 18px !important;
  line-height: 32px !important;
  font-weight: 300;
}
.checkbox-inline input[type="checkbox"] {
  vertical-align: middle;
}

.checkbox-inline {
  display: inline-flex;
  align-items: center;
}
.ExoDemoCheckbox .wpcf7-checkbox{
  display: flex;
}
.ExoDemoCheckbox .wpcf7-checkbox span.wpcf7-list-item {
  display: contents;
  margin: 0px;
}

#webinarblackbg .request-card.requestdemo input[type="checkbox"]{
  width: 5%;
  margin: 5px 10px !important;
}
.ExoDemoCheckbox .wpcf7-checkbox .wpcf7-list-item-label {
  color: #797878;
  font-size: 18px;
  line-height: 35px;
}
/* media-queries */
@media (max-width: 1200px) {
  .photos {
    column-count: 3;
  }
  section.pricing .pricing-title {
    padding-left: 80px;
  }
}

@media (max-width: 980px) {
  .photos {
    column-count: 2;
  }
}
@media (max-width: 1030px)
{
  .bannerhome1 .slider-content a{
    left: 50px;
  }
  .extra-width {
    width: 90%;
}
.wpdt-c.row.wpDataTableContainerSimpleTable.wpDataTables.wpDataTablesWrapper{
  display:none;
}
section.pricing-section-3-column .pricing-content {
  height: auto !important;
}
  /* section.conatct .col-md-5 {
    margin-left: 80px;
} */
}
@media (max-width:981px) {
  section#footer-sec p{
text-align: center;
  float:none;
  width: 100%;
  }
  div#sms_result_table .row {
    width: 100% !important;
  }
  #sms_result_table table {
    height: 150px;
    display: inline;
  }
.fullwidthtextbox.newsinsidetextbox .container {
    padding: 0.5em;
  }
}
@media (max-width: 640px) {
  .photos {
    column-count: 1;
  }
  div#sms_result_table .row {
    width: 100% !important;
  }
  #sms_result_table table {
    height: 150px;
    display: inline;
  }
  .part-of-exotel-team {
    margin-bottom: 60px;
  }
  section.page.page-id-453172 .power-content1 {
    height: auto !important;
  } 
  .costomeraibox .webinardivcenter {
    margin: 2% auto;
    padding: 0;
    width: 30%;
    /* border-left: 1px solid #000; */
      border-right: 0px solid #000;
  }
  .team-box .flip-box-front img {
    height: 380px;
  }
  .bannertextsec h1, .bannertextsec1 h1 {
    font-size: 20px !important;
    line-height: 25px !important;
  }
  .small-business.outreach .box-border {
    text-align: center;
  }
  .bolgs-title {
    margin: 20px 0 20px 0;
  }
  section#newsroominner {
    min-height: 30vh !important;
  }
  .customers {
      padding-bottom: 0px;
  }
  .pt-50 {
    padding-top: 25px;
  }
  .exo-blurb-section-with-4-column .power-auto h2 {
    line-height: 40px;
    padding-bottom: 15px;
  }
  .exo-blurb-section-with-4-column .power-content4 {
    padding-bottom: 20px;
  }
  .pb-50 {
    padding-bottom: 25px;
  }
  .drm-automated-usecase-section .power-auto1 h2 {
    line-height: 45px;
    padding-top: 15px;
  }
  .drm-automated-usecase-section {
    padding-bottom: 10px;
  }
  .outreach h2 {
    line-height: 40px;
  }
  .fullwidthimg {
    padding: 0.5em !important;
  }
  .wpdt-c.row.wpDataTableContainerSimpleTable.wpDataTables.wpDataTablesWrapper{
    display:none;
  }
  section.pricing-section-3-column .pricing-content {
    height: auto !important;
  }
  .tabs ul#tabs-nav {
    display: block !important;
 }
 .tabs ul#tabs-nav li {
  margin-top: 25px !important;
  text-align: center;
 }
/* Mobile Menu New Tag CSS */
/* li#main-434163 ul.nav-dropdown.mobile-menu.nav-submenu ul.nav-dropdown.nav-submenu li.submenu-item-1.subsubmenu-item-0 a:after {
  content: "New";
  position: absolute;
  right: 0;
  background: #12d76f;
  padding: 0px 10px;
  border-radius: 10px;
  font-size: 10px;
  color: #fafafa;
  margin-right: 5px;
  margin-left: 10px;
  letter-spacing: 1.5px;
}
li#main-434163 ul.nav-dropdown.mobile-menu.nav-submenu ul.nav-dropdown.nav-submenu li.submenu-item-3.subsubmenu-item-2 a:after {
  content: "New";
  position: absolute;
  right: 0;
  background: #12d76f;
  padding: 0px 10px;
  border-radius: 10px;
  font-size: 10px;
  color: #fafafa;
  margin-right: 5px;
  margin-left: 10px;
  letter-spacing: 1.5px;
}
li#main-434163 ul.nav-dropdown.mobile-menu.nav-submenu li.submenu-item-6 ul.nav-dropdown.nav-submenu li.submenu-item-7.subsubmenu-item-4 a:after {
  content: "New";
  position: absolute;
  right: 0;
  background: #12d76f;
  padding: 0px 10px;
  border-radius: 10px;
  font-size: 10px;
  color: #fafafa;
  margin-right: 5px;
  margin-left: 10px;
  letter-spacing: 1.5px;
} */

ul.nav-dropdown.mobile-menu.nav-submenu ul.nav-dropdown.nav-submenu li a.new_item-tag:after{
  content: "New";
  position: absolute;
  right: 0;
  background: #12d76f;
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 10px;
  color: #fafafa;
  margin-right: 5px;
  margin-left: 10px;
  letter-spacing: 1.5px;
}
 
.contact-new {
  padding-top: 40px !important;
}
.contact-sec h5.green-text {
  display: none;
}
.accordian-section-with-right-image-new-style .accordion-body
{
  padding: 1.2rem 0.0rem 1.2rem 0rem;
}
/* section.accordian-section-with-right-image-new-style {
  padding-right: 0px !important;
  padding-left: 0px !important;
} */
.accordian-with-right-image h2.accordion-with-right-image-title{
  padding: 0.8rem 0.4rem 0.8rem !important;
  font-size: 32px !important;
  line-height: 44px !important;
}
.accordian-with-right-image h6.text-black.text-center.mb-50 {
  padding: 10px 15px;
}
.sms-delivery, .reques-power-text {
  margin: 0px 0px !important;
}
} 
@media only screen and (max-width:768px){
.case-card-1 {
  
  margin: 0rem 0rem 1rem;
 
}
.casebanner1 {
  padding: 30px 10px;
}
.case-card-text-1{
  text-align: left;
}
.bannertext1 {
  position: relative;
  padding: 0px;
}
}

.page-id-459069 .casebanner1{
  align-items: center;
}
.page-id-459069 .bannersec-row{
  display: none;
}

.intl-tel-input.separate-dial-code .selected-dial-code{
  color:#212529;
}

@media (max-width: 767px) {
  .page-id-460561 .left-right-items{
    padding-bottom: 0 !important;
  }
  .page-id-460561 .container {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }
  /* .page-id-460561 .request-demo .button.five{
    font-size: 15px !important;
  } */
}


.style2::before {
    background: linear-gradient(90.13deg, #00D464 31.55%, #00C2FF 79.46%);
    content: "";
    display: inline-block;
    position: absolute;
    width: 300px;
    height: 300px;
    border-radius: 500px 100px 100px 100px;
    /* right: 210px; */
    right: 100%;
    top: -79px;
    z-index: -90;
    transition: all .5s ease-in-out;
}

.style2 {
    background-color: var(--black);
    border-color: var(--black);
    color: var(--white);
    display: inline-block;
    isolation: isolate;
    overflow: hidden;
    position: relative;
    text-decoration: none;
}

.style2:disabled {
    pointer-events: none;
    opacity: 0.75;
}

.style2.curved-border {
    border-radius: 150px;
}

.style2.small {
    padding: 4px 16px;
}

.style2.violet {
    background-color: var(--exotel-purple);
    color: var(--white);
}

.style2.outline {
    background: transparent;
    border: 2px solid var(--exotel-green);
    color: var(--exotel-green);
}

.style2.outline:hover {
    color: var(--white);
}

.menu-bar-white .siteHeader:not(.slimHeader) .style2.outline {
    color: var(--white);
    border-color: var(--white);
}

.style2:hover::before {
    transform: rotate(90deg) translate(0, -300px);
}

.secondaryMenu>li.language-selector a{
    color: #000000;
}