html{
overflow-x: hidden;
}
@media (min-width: 200px) and (max-width: 480px) {
#background-video {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
object-fit: cover; /* Ensures the video covers the container */
transform: translate(-50%, -50%); /* Centers the video */
z-index: -1; /* Keeps the video behind other elements */
}
.ameyo-card{
max-width: 300px;
}
.left-80 {
position: relative;
left: 35px;
}
.services-grid .top-header {
font-size: 27px;
line-height: 40px;
}
.header_area {
z-index: 11 !important;
}
section.business {
padding-bottom: 0px !important;
}
section.deliver {
margin-top: 10px !important;
}
.button {
font-size: 15px !important;
}
.nav-brand img{
width:60px;
}
/*========Home Page slider with menu====*/
.navigation-portrait .nav-brand {
margin-left: -1px;
line-height: 45px !important;
}
.slider-md {
width: 100%;
left: 0px;
position: relative;
}
.middle-devices {
position: absolute;
padding: 0px;
}
.home .carousel-inner {
height: 600px !important;
}
.home .slider-bg {
height: 600px !important;
background-color: transparent;
}
.home .slider-bg img {
min-height: 500px;
object-fit: cover;
}
.home .slider-bg::before {
content: " ";
position: absolute;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 80%);
height: 550px;
width: 100%;
}
.home .carousel-indicators {
margin-left: 20% !important;
margin-bottom: 10px;
}
.header_area,
.header_white_background {
background-color: #fff;
padding-bottom: 5px;
margin-top: 0px;
padding-top: 5px !important;
}
.header-btn {
font-style: normal;
font-weight: 400;
font-size: 10px;
line-height: 11px;
padding: 10px 15px 10px 15px;
}
.header-button-cols {
width: 88%;
top: 88px !important;
display: flex;
position: absolute;
left: 55px;
left: 55px;
justify-content: flex-end;
}
.home .slider-content .title {
width: 95% !important;
}
.home .slider-content .title h1 {
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 28px;
color: #fff;
min-height: 135px;
}
.home .slider-content .title img {
width: 100% !important;
filter: invert(1);
}
.home .slider-content p {
font-style: normal;
font-weight: 300;
font-size: 14px;
line-height: 22px;
/* color: #668877; */
color: #fff;
position: relative;
/* width: 90%; */
width: 80%;
top: -35px;
left: 35px;
}
.slider-button {
font-style: normal;
font-weight: 500;
font-size: 11px !important;
line-height: 12px;
text-align: center;
color: #ffffff;
width: auto;
height: auto;
padding: 15px 20px;
}
.circle-icon {
width: 18px;
height: 18px;
background: #ffffff;
border-radius: 50px;
color: #000000;
position: relative;
left: 8px;
padding-top: 4px;
font-size: 12px;
top: -2px;
}
.home .slider-content {
z-index: 1;
top: 80%;
/* top:30%; */
}
.home .extol-gradient {
top: 95px;
left: 140px;
z-index: 0;
opacity: 0.3;
}
.home .extol-gradient img {
width: 312px;
}
.home .slider-content a {
background: #000000;
border-radius: 55px;
top: -50px;
border: 1px solid #ffff;
}
.home .carousel-indicators [data-bs-target] {
background-color: #d0d0d0;
}
.home .carousel-indicators .active {
background-color: #000000;
}
.reliable h2 {
font-size: 30px;
line-height: 35px;
}
.boxwithicon {
background-color: #1e1e1e;
height: auto;
}
.box {
/* min-height: 285px; */
padding-top: 15px;
min-height: 100%;
height: auto;
}
.boxwithicon .col-6 {
width: auto;
}
.box img {
padding-bottom: 25px;
width: 110px;
height: 110px;
object-fit: contain;
}
.box p {
font-size: 14px !important;
line-height: 24px !important;
}
.full-stack-title-border {
/* width: 320px; */
width:auto;
margin-top: 40px !important;
}
.full-stack-title {
font-size: 30px;
line-height: 38px;
padding-left: 5px;
margin-left: 5% !important;
}
.stack img {
top: 10px;
left: auto !important;
margin-bottom: -15px;
}
.stack .padcols {
padding-right: 0px !important;
padding-left: 0px!important;
}
.stack .accordion-button:not(.collapsed) {
font-size: 20px;
}
.stack .accordion-button {
font-size: 20px;
line-height: 28px;
}
.stack .accordion-body {
font-size: 15px;
}
.button-row {
width: 100%;
/* text-align: center; */
}
.business-border-title {
/* width: 330px; */
width: auto;
}
.business-title {
font-size: 30px;
line-height: 38px;
}
.business-box-white,
.business-box {
padding-left: 20px;
}
.circlenumber {
width: 50px;
height: 50px;
font-size: 30px;
}
.business-box-white .circlenumber {
width: 50px;
height: 50px;
font-size: 30px;
}
.business-box h3 p,
.business-box-white h3 p {
font-size: 20px;
line-height: 25px;
}
.business-box p,
.business-box-white p {
font-size: 16px;
line-height: 20px;
}
.business-box,
.business-box-white {
height: 270px;
padding-top: 23px;
}
.deliver-title {
font-size: 30px;
line-height: 38px;
}
.deliver-title-border {
/* width: 330px; */
width: auto;
}
.deliver-border {
left: 1px;
}
.deliver .splide__slide {
width: calc(96%) !important;
padding-right: 10px;
}
.deliver .splide__slide img {
width: 50px;
}
.deliver .card {
padding-left: 5px;
padding-right: 0px;
}
.deliver .card-title h5 {
font-size: 20px;
margin-top: 2px;
}
.deliver label {
font-size: 18px;
margin-bottom: 15px;
}
.deliver p {
font-size: 16px;
padding-bottom: 12px;
margin-bottom: 7px;
}
.buttonbottom {
margin-top: 20px;
margin-bottom: 0px;
}
.deliver .splide__arrow {
display: none;
}
.customers {
padding-top: 8px;
}
.customers h2 {
font-size: 30px;
margin-top: 45px;
}
.customers .row-cols-xs-3 .col {
width: 40%;
margin-left: 10px;
}
.customers .row-cols-xs-3 .col img {
/* width: 130px; */
width:100px;
padding-right: 10px;
}
.customers img {
margin-top: 20px;
margin-bottom: 20px;
padding: 0px;
}
.customers a {
padding: 18px 8px 25px 16px;
border-radius: 5px;
}
.cloud::before {
background-size: 266px 266px !important;
width: 300px;
height: 300px;
}
.cloud-title-border {
/* width: 320px; */
width: auto;
}
.cloud-title {
font-size: 30px;
line-height: 38px;
}
.cloud .ptop-180 {
position: relative;
top: -10px;
}
.cloud .card-body .para {
padding: 22px 40px 25px 40px;
display: flex;
justify-content: center;
height: 160px;
}
.cloud .card-body .para p {
font-size: 20px;
}
.cloud .circle-icon {
width: 30px;
height: 30px;
font-size: 16px !important;
padding-top: 7px;
}
.cloud .card-body .link .circle-icon {
padding-left: 7px;
}
.business-use-exotel {
margin-top: 30px;
}
.business-use-exotel::before {
height: 0%;
width: 0%;
}
.business-use-exotel-title-border {
/* width: 320px; */
width: auto;
}
.business-use-exotel-title-border h2 {
font-size: 30px;
line-height: 38px;
}
.thumbnail_splide_business_use_exotel
.splide__track
> .splide__list
> .splide__slide.is-active
img {
width: 108px;
filter: grayscale(0%);
position: relative;
top: -324px;
}
.thumbnail_splide_business_use_exotel
.splide__track
> .splide__list
> .splide__slide.is-active::before {
display: none;
}
.thumbnail_splide_business_use_exotel
.splide__track
> .splide__list
> .splide__slide.is-active::after {
left: 26px !important;
transform: rotate(89deg);
}
.thumbnail_splide_business_use_exotel .splide__list {
height: 100px;
}
.business-use-exotel .explain-box {
margin-right: 0px;
border-radius: 20px;
padding: 28px;
padding-bottom: 55px;
margin-top: 50px;
margin-bottom: 30px;
width: 92%;
}
.business-use-exotel p {
font-size: 16px;
line-height: 24px;
white-space: normal;
}
.business-use-exotel .logo-designation label {
font-size: 16px;
line-height: 22px;
}
.business-use-exotel .logo-designation {
padding-top: 30px;
}
.business-use-exotel .splide__arrow--next {
right: -1em;
}
.reorder-slider-mobile2 {
position: relative;
top: 100px;
width: 102%;
}
.reorder-slider-mobile1 {
position: relative;
top: -628px;
}
.thumbnail_splide_business_use_exotel .splide__arrows {
left: 222px;
}
.communicate .imgagebox {
right: 40px;
display: none;
}
.communicate .bgbox {
width: 100%;
margin-left: 0px;
}
.communicate .bgbox h2 {
font-size: 30px;
line-height: 40px;
color: #ffffff;
width: 100%;
margin-bottom: 20px;
}
.communicate .bgbox p {
font-size: 16px;
line-height: 22px;
color: #ffffff;
margin-bottom: 10px;
}
.communicate .carousel-control-next {
right: 4px;
}
.communicate .carousel-control-next,
.carousel-control-prev {
width: 12% !important;
top: 90%;
right: 30px;
}
.communicate .imgagebox {
top: 60%;
left: 0px;
}
.communicate .imgagebox img {
width: 225px !important;
}
.communicate .bgbox {
height: 640px;
}
.communicate {
margin-top: 0px;
}
.communicate .bgbox .contentbox {
padding: 20px;
}
.industry {
min-width: 257px !important;
min-height: 480px !important;
}
.industry-heading {
font-size: 30px !important;
line-height: 40px !important;
padding-top: 48px !important;
}
.industry::before {
top: 276px !important;
background-size: 200px;
z-index: 0;
}
.industry div {
display: block !important;
text-align: center;
}
.industry img {
width: 300px;
padding-bottom: 30px;
position: relative;
z-index: 1;
}
.industry img:nth-child(2){
width: 200px;
}
.footer {
min-width: 257px !important;
}
.footer-logo1 {
top: 30px !important;
}
.footer-logo1 img {
width: 150px;
left: 10px;
}
.footer .left-80 {
left: 0px !important;
padding-left: 20px;
}
.footer-menu {
flex-direction: column !important;
}
.footer-social-icons {
display: flex;
margin-top: -90px;
}
.footer-menu li {
text-align: left !important;
font-size: 17px;
margin-left: 0px !important;
padding-right: 2rem;
}
.footer header .nav {
display: flex;
flex-direction: column;
}
.footer header {
text-align: left !important;
justify-content: left !important;
padding-left: 26px;
}
/*====Banner====*/
.bannerhome .banner-title h1 {
font-size: 26px;
line-height: 33px;
color: #fff;
/* color:#000; */
}
.bannerhome .banner-title br {
display: none;
}
.bannerhome .slider-content {
width: 310px;
margin-top: 10px;
}
.bannerhome .banner-title img {
width: 100%;
/* filter: invert(1); */
}
.bannerhome .slider-content p {
/* font-size: 14px;
line-height: 24px;
width: 300px;
top: -28px; */
font-size: 14px!important;
line-height: 24px!important;
width: 250px;
top: -28px;
/* margin-left:12%; */
margin-left:5%;
}
.bannerhome .slider-content p {
color: #fff;
}
.bannerhome .extol-gradient, .bannerhome1 .extol-gradient {
display: none;
}
.bannerhome .slider-bg img,.bannerhome1 .slider-bg img {
height:auto !important;
/* object-fit: cover; */
object-fit: contain !important;
}
.banner-col-md-6 {
width: 100% !important;
position: absolute;
margin-left: 0px;
z-index: -1;
height: 600px;
}
.bannerhome .slider-content {
position: relative;
top: 205px;
}
.bannerhome .banner-col-md-6::before {
content: " ";
position: absolute;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
height: 600px;
width: 100%;
}
.bannerhome .slider-content a {
border: 1px solid #fff;
width: auto;
/* width: 100%; */
/* top: -30px; */
top:0px;
height: auto;
padding-top: 10px;
}
.bannerhome {
height: 100%;
}
/*===About Us ===*/
.pleft-80 {
padding-left: 35px;
}
.exotelstory-border-title h2 {
font-size: 30px;
line-height: 40px;
}
.exotelstory-border-title {
width: 320px;
margin-top: 20px;
}
.exo-story p {
font-size: 14px;
line-height: 21px;
color: #668877;
margin-right: 20px;
}
.shelfoffame-border-title h2 {
font-size: 30px;
line-height: 35px;
}
.shelfoffame-border-title {
width: 328px;
}
.shelfoffame h2 {
font-size: 30px;
line-height: 35px;
text-align: center;
}
.shelfofame-back img {
width: 100%;
}
.shelfofame-back::before {
display: none;
}
.shelfoffame a {
display: flex;
justify-content: center;
position: relative;
top: 0px;
padding-bottom: 30px;
}
.shelfoffame .circle-icon-black {
width: 40px;
height: 40px;
font-size: 20px;
}
.shelfoffame h2 {
margin-bottom: 0px;
text-align: center;
}
.exoteldna-border-title h2 {
font-size: 30px;
line-height: 35px;
}
.exoteldna-border-title {
width: 320px;
}
.exoteldna {
padding: 25px;
margin-top: -10px;
}
.exoteldna .exoteldna-box label {
font-size: 16px;
line-height: 22px;
}
.exoteldna .exoteldna-box p {
font-size: 16px;
line-height: 25px;
}
.exoteldna .exoteldna-box h3 {
line-height: 40px;
margin-bottom: 8px;
font-size: 24px;
}
.exoteldna .exoteldna-box {
height: auto;
}
.team {
padding-top: 30px;
padding-bottom: 0px;
}
.team .team-title-para h2 {
font-size: 30px;
line-height: 40px;
}
.contect-title-main {
font-size: 32px !important;
line-height: 42px !important;
}
.contact-title-sub h1 {
font-size: 28px !important;
line-height: 32px !important;
}
.customerslogo h2 {
margin-left: 0px !important;
}
.team .team-title-para p {
font-size: 16px;
line-height: 22px;
width: auto;
}
.team-box .flip-footer h2 {
font-size: 24px;
line-height: 30px;
}
.team-box .flip-footer label {
font-size: 25px;
line-height: 30px;
}
.team-box .flip-footer {
/* height: 125px; */
height: 120px;
padding-top: 17px;
padding-bottom: 20px;
margin-top: -20px;
}
section.pt-30.pb-30.container-fluid.drm-automated-dialers-section-3-column-bg .power-content1 {
/* height: 280px !important; */
}
section.pt-30.pb-30.container-fluid.drm-automated-dialers-section-3-column .power-content1
{
/* height: 250px !important; */
}
.part-of-exotel-team-img {
/* top: 27px !important; */
}
section.center-text-image-section .part-of-exotel-team-img {
top: 0px !important;
}
.part-of-exotel-team p {
font-size: 16px !important;
margin-bottom: 15px;
}
.part-of-exotel-team .fullwidthimg
{
margin: 0px auto;
}
.part-of-exotel-team::before {
position: absolute;
background-size: 230px 230px;
left: 28% !important;
width: 265px !important;
}
.part-of-exotel-team h2 {
font-size: 30px;
line-height: 40px;
color: #000000;
margin-bottom: 15px;
}
section.center-text-image-section.part-of-exotel-team h2 {
color: #232323;
}
.bg-color {
height: 20px;
}
/*==========Request Demo=====*/
.request .left-80 {
left: 0px;
}
.request-card {
width: 100%;
}
.sms-delivery .widthlogo {
width: auto;
}
.request p {
width: auto;
}
.business-countries .carousel .testimonial {
padding: 50px 10px;
}
.request h1 {
width: 100%;
font-size: 30px;
line-height: 38px;
}
.reques-power-text h2,
.business-countries .carousel .testimonial h3,
.business-countries .carousel .testimonial h3 p,
.sms-delivery h4 {
font-size: 25px;
line-height: 30px;
width: 100%;
}
.sms-delivery label,
.business-countries .carousel .testimonial label,
.request .nav-pills .nav-link.active,
.request .nav-pills .nav-link,
.request .persional-details label,
.request p {
font-size: 16px;
}
.request .request-list label,
.request .productdetails label,
.request .persional-details label,
.request p {
font-size: 16px;
margin-bottom: 10px;
line-height: 24px;
}
.sms-delivery .leftmovecontent {
left: 0px;
}
.sms-delivery,
.reques-power-text {
margin: 5px 0px;
}
.request-card,
.request-card .nav-pills,
.request .nav-pills .nav-link,
.request .nav-pills .nav-link.active {
width: 100%;
padding: 0px;
}
.request-card .nav-item {
width: 50%;
padding-left: 10px;
margin-left: 0px;
}
.request-card {
padding: 20px;
height: auto;
margin-bottom: 30px;
}
.business-countries .carousel-control-next-icon {
padding: 20px;
margin-top: 100px;
}
.clientlogo .p-3 {
padding: 20px 0px !important;
}
.request img {
margin-bottom: -27px;
width: 85%;
}
.clientlogo .col {
width: 30%;
}
.request .persional-details,
.request .productdetails {
padding-top: 20px;
}
/*==========Contact Us=====*/
.conatct h1 {
left: 0px;
padding-left: 20px;
}
.left_80 {
margin-left: 5% !important;
padding-left: 20px;
}
#gotoform {
padding-top: 30px !important;
}
.left-80 {
margin-left: 5%;
}
.conatct p {
width: 95%;
font-size: 16px;
margin: 0px;
line-height: 24px;
padding-bottom: 15px;
}
.conatct h1 {
font-size: 30px;
line-height: 38px;
margin-left: 0%;
}
.support-box .content label {
font-size: 25px;
}
.conatct .contact-body {
max-width: 100%;
padding: 10px 15px;
}
.contact-body .pt-30 {
padding-top: 10px;
}
.conatct .left-60 {
margin: 0px 25px !important;
}
.conatct .contact-body .contact-name,
.conatct .contact-body label,
.contact-link label a,
.conatct .form-card .form-control,
.conatct .form-card select,
.support-box .content p {
font-size: 16px;
}
.contact-body .col-6 {
width: 100%;
}
.conatct img.contact-line {
left: -30px;
width: 100%;
}
.conatct .p-5 {
padding: 2rem !important;
margin-left:0px !important;
}
.conatct .form-card {
padding: 15px;
}
.support-box {
height: auto;
max-width: 100%;
}
.support .support-box {
margin-bottom: 30px;
}
.conatct {
padding: 0px 0px;
}
.form-card .col-3 {
padding-right: 0px;
}
/*====l2 page====*/
.takecomplete h2 {
font-size: 26px;
line-height: 35px;
}
.takecomplete label {
font-size: 20px;
line-height: 25px;
}
.takecomplete p {
font-size: 16px;
line-height: 22px;
padding-top: 20px;
padding-bottom: 0px !important;
}
.takecomplete {
background-size: cover;
}
.services-content-right .text-end {
text-align: left !important;
margin-bottom: 50px;
}
.services-content-left h2,
.services-content-right h2 {
font-size: 30px;
line-height: 38px;
width: 100%;
text-align: left;
}
.services-content-right p,
.services-content-left p {
font-size: 16px;
line-height: 25px;
padding-top: 20px;
text-align: left;
}
.services-grid .row:nth-child(1n) .col-lsm-6:first-child {
order: 2;
}
.services-img,
.services-img-left {
width: 280px!important;
height: 280px!important;
margin-top: 30px;
margin-bottom: 30px;
margin-left: 10px;
display: flex;
justify-content: center;
}
.services-img::before,
.services-img-left::before {
width: 280px;
height:280px;
margin-left: -18px;
margin-top: 10px;
}
.services-grid .ptb-60 {
padding-bottom: 0px;
padding-top: 0px;
}
.power-auto h2 {
font-size: 36px;
line-height: 40px;
}
.power-content {
padding: 50px 30px 50px 20px;
}
.power-content p {
font-size: 16px;
line-height: 20px;
}
.power-active-gradientbg-color {
background-position: inherit;
}
.outreach {
padding-left: 30px;
padding-right: 30px;
}
.outreach h2 {
font-size: 30px;
line-height: 37px;
}
.outreach .iconwithtext .title h3 {
line-height: 30px;
font-size: 25px;
}
.outreach .iconwithtext .title label {
font-size: 15px;
line-height: 20px;
margin-top: 2px;
}
.outreach p {
font-size: 18px;
line-height: 21px;
color: #585858;
padding-left: 0px;
text-align: center;
}
.resources {
padding-left: 30px;
padding-right: 30px;
}
.resources h2 {
font-size: 50px;
line-height: 5px;
}
.experts h2 {
font-size: 50px;
line-height: 5px;
}
.monitoring-software {
height: 100%;
}
.monitoring-software .col-md-4 {
margin-bottom: 30px;
}
/*=====Privacy Policy====*/
.privacy-policy {
padding-top: 10px;
margin-bottom: 0px;
}
.privacy-border-title {
width: auto;
margin-bottom: -30px;
}
.privacy-border-title h2 {
font-size: 30px;
line-height: 25px;
}
.privacy-policy p,
.privacy-policy ul li,
.privacy-policy strong {
font-size: 16px;
line-height: 24px;
padding-right: 5px;
}
.privacy-policy-box {
padding: 15px 18px;
margin-right: 10px;
}
.privacy-policy .pleft-80 {
float: left;
width: 100%;
padding-left: 24px;
}
.privacy-policy .link {
width: 100%;
float: left;
overflow: hidden;
font-weight: 600;
border: none;
}
.privacy-policy .left-80 {
left: 0px;
padding-left: 20px;
}
/*====L3 page===*/
.enhance-border-title {
width: 320px;
margin-top: 160px;
}
.enhance-border-title h2 {
font-size: 30px;
line-height: 40px;
}
.enhance p {
font-size: 16px;
line-height: 25px;
margin-top: 35px;
}
.enhance-list li {
font-size: 16px;
line-height: 27px;
}
.ehnance-service .services-img::before,
.ehnance-service .services-img-left::before {
width: 320px;
height: 320px;
margin-top: 10px;
}
.ehnance-service .services-img-left {
margin-top: 0px;
float: left;
}
.ehnance-service {
padding-top: 75px;
}
.power-auto h2 {
font-size: 30px;
line-height: 40px;
}
.efficiently .power-active-bg-white-color::before {
display: none;
}
.efficiently-border-title {
width: 320px;
}
.efficiently-border-title img {
width: 320px !important;
margin-bottom: 44px;
}
.small-business .col-md-6 {
width: 100%;
margin: 20px 0;
height: 100%;
}
.exotel-phone-system h2 {
font-style: normal;
font-weight: 500;
font-size: 40px;
line-height: 50px;
color: #ffffff;
}
.bannerhome .slider-content p {
color: #fff;
}
.outreach .iconwithtext {
flex-direction: column;
padding: 30px 0 0 0;
}
.outreach .iconwithtext .title h3 {
margin: 20px 0;
padding: 0;
}
.cta-flex{
display: flex;
align-items: center;
justify-content: center;
padding-left: 15px;
padding-right: 15px;
}
.bannerhome1 .banner-borderimg{
display: none!important;
}
.bannerhome .slider-content a,.bannerhome1 .slider-content a {
margin-bottom: 20px;
left: 10px;
}
.menu-img1 {
width: 80% !important;
}
#box-menu {
display: block;
margin: 25px auto 0 !important;
width: 88%;
padding: 0;
}
.chaltabsec h3 {
margin-bottom: 15px;
}
section#whatsappchart .chaltabsec {
margin: 0px 0 0;
}
section#costomeraieveryday {
width: 100%;
padding: 20px 20px;
}
.drm-tab-leftcontent-rightimage-section.pb-30 {
padding-bottom: 20px;
}
section.drm-automated-dialers-section-3-column .pt-30 {
padding-top: 10px;
}
section.services-grid .pt-30 {
padding-top: 15px;
}
}
/*
====================================
min width 481px to max width 581px
=====================================
*/
@media (min-width:481px) and (max-width:581px){
.bannerhome1 .slider-content p, .bannerhome1 .slider-content li{
width: 80%;
}
.innrebanner1 .banner-title{
width:80%;
}
}
/*
====================================
min width 481px to max width 767px
=====================================
*/
@media (min-width: 481px) and (max-width: 767px) {
.ameyo-card{
max-width: 300px;
}
.left-80 {
position: relative;
left: 46px;
}
.bannerhome .slider-content a,.bannerhome1 .slider-content a {
margin-bottom: 25px;
left: 40px;
}
.bannerhome1 .slider-content a{
top: 0px;
}
.cta-flex{
display: flex;
align-items: center;
justify-content: flex-start;
}
.bannerhome1 .banner-borderimg{
display: none!important;
}
.header_area {
z-index: 11 !important;
}
.button {
font-size: 15px !important;
}
/*========Home Page slider with menu====*/
.navigation-portrait .nav-brand {
margin-left: -1px;
line-height: 45px !important;
}
.slider-md {
width: 100%;
left: 0px;
position: relative;
}
.middle-devices {
position: absolute;
padding: 0px;
}
.home .carousel-inner {
height: 680px !important;
}
.home .slider-bg {
height: 680px !important;
}
.home .slider-bg img {
min-height: 680px;
object-fit: cover;
}
.home .slider-bg::before {
content: " ";
position: absolute;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
height: 680px;
width: 100%;
}
.home .carousel-indicators {
margin-left: 20% !important;
margin-bottom: -35px;
}
.header_area,
.header_white_background {
background-color: #fff;
padding-bottom: 5px;
margin-top: 0px;
padding-top: 5px !important;
}
.header-btn {
font-style: normal;
font-weight: 400;
font-size: 10px;
line-height: 11px;
padding: 6px 15px 6px 15px;
}
.header-button-cols {
width: 88%;
top: 88px !important;
display: flex;
position: absolute;
left: 55px;
left: 55px;
justify-content: flex-end;
}
.home .slider-content .title {
width: 95% !important;
}
.home .slider-content .title h1 {
font-style: normal;
font-weight: 500;
font-size: 30px;
line-height: 40px;
color: #fff;
}
.home .slider-content .title img {
width: 100% !important;
filter: invert(1);
}
.home .slider-content p {
font-style: normal;
font-weight: 300;
font-size: 16px;
line-height: 22px;
color: #668877;
/* color: #fff; */
position: relative;
width: 90%;
top: -35px;
left: 40px;
}
.slider-button {
font-style: normal;
font-weight: 400;
font-size: 11px !important;
line-height: 12px;
text-align: center;
color: #ffffff;
width: auto;
height: auto;
padding: 10px 20px 14px 15px;
}
.circle-icon {
width: 18px;
height: 18px;
background: #ffffff;
border-radius: 50px;
color: #000000;
position: relative;
left: 8px;
padding-top: 4px;
font-size: 12px;
top: 2px;
}
.home .slider-content {
z-index: 1;
top: 80%;
/* top:50%; */
/* width: 400px; */
width: 90%;
}
.home .extol-gradient {
top: 105px;
left: 290px;
z-index: 0;
opacity: 0.3;
}
.home .extol-gradient img {
width: 382px;
}
.home .slider-content a {
background: #000000;
border-radius: 55px;
top: -30px;
border: 1px solid #ffff;
}
.home .carousel-indicators [data-bs-target] {
background-color: #d0d0d0;
}
.home .carousel-indicators .active {
background-color: #000000;
}
.reliable h2 {
font-size: 30px;
line-height: 35px;
}
.boxwithicon {
background-color: #1e1e1e;
height: auto;
}
.box {
/* height: 240px; */
height: auto;
padding-top: 30px;
}
.box h1 {
font-size: 22px;
}
.box img {
padding-bottom: 25px;
width: 110px;
height: 110px;
object-fit: contain;
}
.box p {
font-size: 20px !important;
line-height: 24x !important;
}
.full-stack-title-border {
width: 438px;
margin-top: 40px !important;
}
.full-stack-title {
font-size: 30px;
line-height: 43px;
}
.stack img {
top: 10px;
left: auto !important;
margin-bottom: -15px;
}
.stack .padcols {
padding-right: 0px !important;
padding-left: 0px!important;
}
.stack .accordion-button:not(.collapsed) {
font-size: 20px;
}
.stack .accordion-button {
font-size: 20px;
line-height: 28px;
}
.stack .accordion-body {
font-size: 16px;
}
.business .padcols {
margin-left: 0%;
width: 100%;
}
.button-row {
width: 100%;
text-align: center;
}
.business-border-title {
width: 430px;
}
.business-title {
font-size: 30px;
line-height: 38px;
}
.business-box-white,
.business-box {
padding-left: 20px;
}
.circlenumber {
width: 50px;
height: 50px;
font-size: 30px;
}
.business-box-white .circlenumber {
width: 50px;
height: 50px;
font-size: 30px;
}
.business-box h3 p,
.business-box-white h3 p {
font-size: 22px;
line-height: 25px;
}
.business-box p,
.business-box-white p {
font-size: 20px;
line-height: 20px;
}
.business-box,
.business-box-white {
height: 270px;
padding-top: 23px;
}
.deliver-title {
font-size: 30px;
line-height: 38px;
}
.deliver-title-border {
width: 430px;
}
.deliver-border {
left: 1px;
}
.deliver-title {
font-size: 30px;
line-height: 38px;
}
.deliver-title-border {
width: 430px;
}
.deliver-border {
left: 1px;
}
.deliver .splide__slide {
width: calc(73%) !important;
padding-right: 10px;
padding-left: 10px;
}
.deliver .splide__slide img {
width: 50px;
}
.deliver .card {
padding-left: 5px;
padding-right: 0px;
}
.deliver .card-title h5 {
font-size: 20px;
margin-top: 2px;
}
.deliver label {
font-size: 18px;
margin-bottom: 15px;
}
.deliver p {
font-size: 16px;
padding-bottom: 12px;
margin-bottom: 7px;
}
.buttonbottom {
margin-top: 20px;
margin-bottom: 0px;
}
.deliver .splide__arrow {
display: none;
}
.customers {
padding-top: 8px;
}
.customers h2 {
font-size: 30px;
margin-top: 45px;
}
.customers .row-cols-xs-3 .col {
width: 30%;
margin-left: 18px;
}
.customers .row-cols-xs-3 .col img {
width: 130px;
padding-right: 10px;
}
.customers img {
margin-top: 20px;
margin-bottom: 20px;
padding: 0px;
}
.customers a {
padding: 26px 8px 25px 16px;
border-radius: 5px;
}
.cloud::before {
background-size: 266px 266px !important;
width: 300px;
height: 300px;
}
.cloud-title-border {
width: 420px;
}
.cloud-title {
font-size: 30px;
line-height: 38px;
}
.cloud .ptop-180 {
position: relative;
top: -10px;
}
.cloud .card-body .para {
padding: 22px 40px 25px 40px;
display: flex;
justify-content: center;
height: 160px;
}
.cloud .card-body .para p {
font-size: 20px;
}
.cloud .circle-icon {
width: 30px;
height: 30px;
font-size: 16px !important;
padding-top: 7px;
}
.cloud .card-body .link .circle-icon {
padding-left: 7px;
}
.business-use-exotel {
margin-top: 30px;
}
.business-use-exotel::before {
height: 0%;
width: 0%;
}
.business-use-exotel-title-border {
width: 450px;
}
.business-use-exotel-title-border h2 {
font-size: 30px;
line-height: 38px;
}
.thumbnail_splide_business_use_exotel
.splide__track
> .splide__list
> .splide__slide.is-active
img {
width: 108px;
filter: grayscale(0%);
position: relative;
top: -324px;
}
.thumbnail_splide_business_use_exotel
.splide__track
> .splide__list
> .splide__slide.is-active::before {
display: none;
}
.thumbnail_splide_business_use_exotel
.splide__track
> .splide__list
> .splide__slide.is-active::after {
left: 46px !important;
transform: rotate(89deg);
}
.thumbnail_splide_business_use_exotel .splide__list {
height: 100px;
}
.business-use-exotel .explain-box {
margin-right: 140px;
border-radius: 20px;
padding: 28px;
padding-bottom: 55px;
margin-top: 66px;
margin-bottom: 30px;
width: 90%;
}
.business-use-exotel p {
font-size: 16px;
line-height: 24px;
}
.business-use-exotel .logo-designation label {
font-size: 16px;
line-height: 22px;
}
.business-use-exotel .logo-designation {
padding-top: 30px;
}
.business-use-exotel .splide__arrow--next {
right: -1em;
}
.reorder-slider-mobile2 {
position: relative;
top: 100px;
width: 102%;
}
.reorder-slider-mobile1 {
position: relative;
top: -493px;
}
.thumbnail_splide_business_use_exotel .splide__arrows {
left: 505px;
}
.thumbnail_splide_business_use_exotel .splide__arrows {
width: 12%;
display: none;
}
.thumbnail_splide_business_use_exotel
.splide__track
> .splide__list
> .splide__slide.is-active::after {
display: none;
}
.communicate .imgagebox {
right: 40px;
/* display: none; */
}
.communicate .bgbox {
/* width: 98%; */
width: 100%;
/* margin-left: 8px; */
margin-left: 0px;
}
.communicate .bgbox h2 {
font-size: 30px;
line-height: 40px;
color: #ffffff;
width: 100%;
margin-bottom: 20px;
}
.communicate .bgbox p {
font-size: 16px;
line-height: 22px;
color: #ffffff;
margin-bottom: 10px;
}
.communicate .carousel-control-next {
right: 4px;
}
.communicate .carousel-control-next,
.carousel-control-prev {
width: 12% !important;
top: 90%;
right: 30px;
}
.communicate .imgagebox {
top: -8%!important;
right: 0px;
}
.communicate .imgagebox img {
width: 225px !important;
}
.communicate .bgbox {
height: auto;
}
.communicate {
margin-top: 0px;
margin-bottom: 0;
}
.industry {
min-width: 257px !important;
min-height: 420px !important;
}
.industry-heading {
font-size: 30px !important;
line-height: 40px !important;
padding-top: 48px !important;
}
.industry::before {
top: 104px !important;
}
.industry div {
display: block !important;
text-align: center;
}
.industry img {
width: 210px;
padding-bottom: 30px;
}
.footer {
min-width: 257px !important;
}
.footer-logo1 {
top: 30px !important;
}
.footer-logo1 img {
width: 150px;
left: 10px;
}
.footer .left-80 {
left: 0px !important;
padding-left: 20px;
}
.footer-menu {
flex-direction: column !important;
}
.footer-social-icons {
display: flex;
margin-top: -90px;
}
.footer-menu li {
text-align: left !important;
font-size: 17px;
margin-left: 0px !important;
padding-right: 2rem;
}
.footer header .nav {
display: flex;
flex-direction: column;
}
.footer header {
text-align: left !important;
justify-content: left !important;
padding-left: 20px;
}
/*====Banner====*/
.bannerhome .banner-title h1 {
font-size: 26px;
line-height: 33px;
color: #fff;
/* color:#000; */
}
.bannerhome .banner-title br {
display: none;
}
.bannerhome .slider-content {
width: 430px;
}
.bannerhome .banner-title img {
width: 100%;
filter: invert(1);
}
.bannerhome .slider-content p {
font-size: 13px;
line-height: 18px;
width: 500px;
top: -34px;
/* margin-left: 12%; */
margin-left: 7%;
text-align: left;
}
.bannerhome .extol-gradient, .bannerhome1 .extol-gradient {
display: none;
}
.bannerhome .slider-bg img {
height: 600px;
object-fit: cover;
}
.banner-col-md-6 {
width: 100% !important;
position: absolute;
margin-left: 0px;
z-index: -1;
height: 600px;
}
.bannerhome .slider-content {
position: relative;
top:85px;
}
.bannerhome .banner-col-md-6::before {
content: " ";
position: absolute;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
height: 600px;
width: 100%;
}
.bannerhome .slider-content a {
border: 1px solid #fff;
width: auto;
top: -40px;
}
.bannerhome {
height: 100%;
margin-bottom: 0px;
}
/*===About Us ===*/
.pleft-80 {
padding-left: 35px;
}
.exotelstory-border-title h2 {
font-size: 30px;
line-height: 40px;
}
.exotelstory-border-title {
width: 320px;
margin-top: 20px;
}
.exo-story p {
font-size: 14px;
line-height: 21px;
color: #668877;
margin-right: 20px;
}
.shelfoffame-border-title h2 {
font-size: 30px;
line-height: 35px;
}
.shelfoffame-border-title {
width: 420px;
}
.shelfoffame h2 {
font-size: 30px;
line-height: 35px;
text-align: center;
width: 100%;
}
.shelfofame-back {
display: flex;
justify-content: center;
}
.shelfofame-back img {
/* width: 80%; */
width: auto;
}
.shelfofame-back::before {
display: none;
}
.shelfoffame a {
display: flex;
justify-content: center;
position: relative;
/* top: 150px; */
margin-bottom:30px;
}
.shelfoffame .circle-icon-black {
width: 40px;
height: 40px;
font-size: 20px;
}
.shelfoffame h2 {
margin-bottom: 0px;
text-align: center;
}
.exoteldna-border-title h2 {
font-size: 30px;
line-height: 35px;
}
.exoteldna-border-title {
width: 420px;
}
.exoteldna {
padding: 25px;
margin-top: -10px;
}
.exoteldna .exoteldna-box label {
font-size: 16px;
line-height: 22px;
}
.exoteldna .exoteldna-box p {
font-size: 16px;
line-height: 25px;
}
.exoteldna .exoteldna-box h3 {
line-height: 40px;
margin-bottom: 8px;
}
.exoteldna .exoteldna-box {
height: auto;
}
.team {
padding-top: 50px;
padding-bottom: 50px;
}
.team .team-title-para h2 {
font-size: 30px;
line-height: 42px;
}
.team .team-title-para p {
font-size: 16px;
line-height: 22px;
width: auto;
}
.team-box .flip-footer h2 {
font-size: 24px;
line-height: 30px;
}
.team-box .flip-footer label {
font-size: 25px;
line-height: 30px;
}
.team-box .flip-footer {
height: 125px;
}
.part-of-exotel-team-img {
top: 27px !important;
}
section.center-text-image-section .part-of-exotel-team-img {
top: 0px !important;
}
.part-of-exotel-team p {
font-size: 16px !important;
margin-bottom: 18px;
}
.part-of-exotel-team::before {
position: absolute;
background-size: 230px 230px;
left: 28% !important;
width: 265px !important;
margin-top: 22%;
}
.part-of-exotel-team h2 {
font-size: 30px;
line-height: 40px;
color: #000000;
margin-bottom: 30px;
}
section.center-text-image-section.part-of-exotel-team h2 {
color: #232323;
}
.bg-color {
height: 20px;
}
/*=======Request Demo=====*/
.request .left-80 {
left: 0px;
margin-bottom: 40px;
}
.request-card {
width: 100%;
}
.request-card {
height: auto;
}
.request-card,
.request-card .nav-pills,
.request .nav-pills .nav-link,
.request .nav-pills .nav-link.active {
width: 100%;
}
.request-card .nav-item {
width: 50%;
padding-left: 20px;
margin-left: 0px;
}
.reques-power-text h2,
.request h1,
.request .request-list .circlenumber {
font-size: 30px;
line-height: 38px;
}
.request-list {
margin-bottom: 12px;
}
.request p,
.request .request-list label {
font-size: 16px;
line-height: 30px;
width: auto;
}
.request .persional-details label {
font-size: 16px;
}
.request .request-list label {
height: 55px;
}
.business-countries .carousel .testimonial {
padding: 50px 20px;
}
.business-countries .carousel .testimonial h3,
.business-countries .carousel .testimonial h3 p,
.sms-delivery h4 {
width: 100%;
font-size: 30px;
line-height: 38px;
}
.sms-delivery label {
font-size: 16px;
}
.sms-delivery .leftmovecontent {
left: 0px;
}
.support-box {
height: auto;
max-width: 100%;
}
/*==========Contact Us=====*/
.conatct h1 {
left: 0px;
padding-left: 20px;
}
.left_80 {
left: 0px !important;
padding-left: 20px;
}
.conatct p {
width: 95%;
font-size: 16px;
margin: 0px;
line-height: 24px;
padding-bottom: 15px;
}
.conatct h1 {
font-size: 30px;
line-height: 38px;
}
.support-box .content label {
font-size: 25px;
}
.conatct .contact-body {
max-width: 100%;
padding: 10px 15px;
}
.contact-body .pt-30 {
padding-top: 10px;
}
.conatct .left-60 {
margin: 0px 25px !important;
}
.conatct .contact-body .contact-name,
.conatct .contact-body label,
.contact-link label a,
.conatct .form-card .form-control,
.conatct .form-card select,
.support-box .content p {
font-size: 16px;
}
.contact-body .col-6 {
width: 100%;
}
.conatct img {
left: 0px;
width: 60%;
}
.conatct .p-5 {
padding: 2rem !important;
}
.conatct .form-card {
padding: 15px;
}
.support-box {
height: auto;
max-width: 100%;
}
.support .support-box {
margin-bottom: 30px;
}
.conatct {
padding: 40px 0px;
}
.form-card .col-3 {
padding-right: 0px;
}
/*====l2 page====*/
.takecomplete h2 {
font-size: 26px;
line-height: 35px;
}
.takecomplete label {
font-size: 20px;
line-height: 25px;
}
.takecomplete p {
font-size: 16px;
line-height: 22px;
padding-top: 20px;
}
.takecomplete {
background-size: cover;
margin-top: 0px;
}
.monitoring-software {
height: 100%;
margin-top: 174px !important;
}
.monitoring-software .col-md-4 {
margin-bottom: 30px;
}
.services-content-right .text-end {
text-align: left !important;
margin-bottom: 50px;
}
.services-content-left h2,
.services-content-right h2 {
font-size: 30px;
line-height: 38px;
width: 100%;
text-align: left;
}
.services-content-right p,
.services-content-left p {
font-size: 16px;
line-height: 25px;
padding-top: 20px;
text-align: left;
}
.services-grid .row:nth-child(1n) .col-lsm-6:first-child {
order: 2;
}
.services-img,
.services-img-left {
width: 320px;
height: 320px;
margin-top: 30px;
margin-bottom: 30px;
margin-left: 10px;
float: left;
display: flex;
justify-content: center;
}
.services-img::before,
.services-img-left::before {
width: 320px;
height: 320px;
margin-left: -18px;
margin-top: 10px;
}
.services-grid .ptb-60 {
padding-bottom: 0px;
padding-top: 0px;
}
.power-auto h2 {
font-size: 36px;
line-height: 40px;
}
.power-content {
padding: 50px 30px 50px 20px;
}
.power-content p {
font-size: 20px;
}
.power-active-gradientbg-color {
background-position: inherit;
}
.outreach {
padding-left: 30px;
padding-right: 30px;
}
.outreach h2 {
font-size: 30px;
line-height: 37px;
}
.outreach .iconwithtext .title h3 {
line-height: 30px;
font-size: 25px;
}
.outreach .iconwithtext .title label {
font-size: 18px;
line-height: 20px;
margin-top: 2px;
}
.outreach p {
font-size: 18px;
line-height: 21px;
}
.resources {
padding-left: 80px;
padding-right: 80px;
}
.resources h2 {
font-size: 50px;
line-height: 5px;
}
.experts {
padding-left: 80px;
padding-right: 80px;
}
.experts h2 {
font-size: 50px;
line-height: 5px;
}
/*=====Privacy Policy====*/
.privacy-policy {
padding-top: 1px;
margin-bottom: 0px;
}
.privacy-border-title {
width: 320px;
margin-bottom: -30px;
}
.privacy-border-title h2 {
font-size: 30px;
line-height: 25px;
}
.privacy-policy p {
font-size: 16px;
line-height: 24px;
padding-right: 5px;
margin-bottom: 20px;
}
.privacy-policy ul li,
.privacy-policy strong {
font-size: 16px;
line-height: 24px;
padding-right: 5px;
}
.privacy-policy-box {
padding: 15px 18px;
margin-right: 10px;
margin-bottom: 20px;
}
/*====L3 page===*/
.enhance-border-title {
width: 420px;
margin-top: 150px;
}
.enhance-border-title h2 {
font-size: 30px;
line-height: 40px;
}
.enhance p {
font-size: 16px;
line-height: 25px;
margin-top: 35px;
}
.enhance-list li {
font-size: 16px;
line-height: 27px;
}
.ehnance-service .services-img::before,
.ehnance-service .services-img-left::before {
width: 320px;
height: 320px;
margin-top: 10px;
}
.ehnance-service .services-img-left {
margin-top: 0px;
float: left;
}
.ehnance-service {
padding-top: 75px;
}
.power-auto h2 {
font-size: 30px;
line-height: 40px;
}
.efficiently .power-active-bg-white-color::before {
display: none;
}
.efficiently-border-title {
width: 500px;
}
.efficiently-border-title img {
width: 500px !important;
margin-bottom: 44px;
}
.small-business .col-md-6 {
width: 90%;
margin: 20px;
height: 100%;
}
.exotel-phone-system h2 {
font-style: normal;
font-weight: 500;
font-size: 45px;
line-height: 50px;
color: #ffffff;
}
.page.page-id-453358 .costomeraibox .icon img
{
height: 100% !important;
}
.contact-new{
height: 850px;
}
.slider-video-container-2{
height: 875px;
}
.flex{
flex-direction: column;
}
.Venue-details {
font-size: 14px;
line-height: 22px;
}
}
/*
====================================
min width 768px to max width 991px
=====================================
*/
@media (min-width: 768px) and (max-width: 991px) {
.ameyo-card{
max-width: 45%;
}
.bannerhome1 .slider-content a {
margin-top:80px;
left:0px;
top:0px;
}
h2.cloud-title {
margin-left: 8%;
}
.exotelameyo-border-title {
width: auto;
margin: 25px auto;
}
.header_area {
z-index: 11 !important;
}
.left-80 {
position: relative;
left: 50px;
}
.button {
font-size: 16px !important;
}
section.business {
padding-bottom: 0px !important;
}
section.deliver {
margin-top: 10px !important;
}
/*========Home Page slider with menu====*/
.navigation-portrait .nav-brand {
margin-left: -1px;
line-height: 45px !important;
}
.slider-md {
width: 100%;
left: 0px;
position: relative;
}
.middle-devices {
position: absolute;
padding: 0px;
}
.home .carousel-inner {
height: 680px !important;
}
.home .slider-bg {
height: 680px !important;
}
.home .slider-bg img {
min-height: 680px;
object-fit: cover;
}
.home .slider-bg::before {
content: " ";
position: absolute;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
height: 680px;
width: 100%;
}
.home .carousel-indicators {
margin-left: 20% !important;
margin-bottom: -35px;
}
.header_area,
.header_white_background {
background-color: #fff;
padding-bottom: 5px;
margin-top: 0px;
padding-top: 5px !important;
}
.header-btn {
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 11px;
padding: 10px 16px 10px 20px;
}
.header-button-cols {
width: 92%;
top: 88px !important;
display: flex;
position: absolute;
left: 55px;
left: 55px;
justify-content: flex-end;
}
.fixed-top .header-button-cols{
top: 68px !important;
}
.home .slider-content .title {
width: 95% !important;
}
.home .slider-content .title h1 {
font-style: normal;
font-weight: 500;
font-size: 42px;
line-height: 50px;
color: #fff;
}
.home .slider-content .title img {
width: 100% !important;
filter: invert(1);
}
.home .slider-content p {
font-style: normal;
font-weight: 300;
font-size: 22px;
line-height: 35px;
/* color: #668877; */
color: #fff;
position: relative;
width: 90%;
top: -40px;
left: 70px;
}
.slider-button {
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 12px;
text-align: center;
color: #ffffff;
width: auto;
height: auto;
padding: 15px 20px;
}
.circle-icon {
width: 18px;
height: 18px;
background: #ffffff;
border-radius: 50px;
color: #000000;
position: relative;
left: 8px;
padding-top: 4px;
font-size: 12px;
top: 2px;
}
.home .slider-content {
z-index: 1;
top: 70%;
/*top:25%;*/
width: 90%;
}
.home .extol-gradient {
top: 278px;
left: 290px;
z-index: 0;
opacity: 0.3;
}
.home .extol-gradient img {
width: 410px;
}
.home .slider-content a {
background: #000000;
border-radius: 55px;
top: -35px;
border: 1px solid #ffff;
}
.home .carousel-indicators [data-bs-target] {
background-color: #d0d0d0;
}
.home .carousel-indicators .active {
background-color: #000000;
}
.reliable h2 {
font-size: 35px;
line-height: 35px;
}
.boxwithicon {
background-color: #1e1e1e;
height: auto;
}
.box {
/* height: 240px; */
padding-top: 30px;
height: auto;
max-height: 100%;
padding-left: 15px;
padding-right: 15px;
}
.box h1 {
font-size: 22px;
}
.box img {
padding-bottom: 25px;
width: 110px;
height: 110px;
object-fit: contain;
}
.box p {
font-size: 16px !important;
line-height: 18px !important;
}
.full-stack-title-border {
width: 600px;
margin-top: 40px !important;
}
.full-stack-title {
font-size: 40px;
line-height: 43px;
}
.stack .offset-md-3 {
margin-left: 12%;
width: 100%;
}
.stack img {
top: 10px;
left: auto !important;
}
.stack .padcols {
padding-right: 0px !important;
padding-left: 0px!important;
}
.stack .accordion-button:not(.collapsed) {
font-size: 20px;
}
.stack .accordion-button {
font-size: 20px;
line-height: 28px;
}
.stack .accordion-body {
font-size: 18px;
}
.business-border-title {
width: 550px;
}
.business-title {
font-size: 40px;
line-height: 43px;
}
.business .padcols {
margin-left: 0%;
width: 100%;
}
.button-row {
width: 100%;
text-align: left;
}
.business-border-title {
width: 538px;
}
.business-title {
font-size: 40px;
line-height: 43px;
}
.business-box-white,
.business-box {
padding-left: 22px;
}
.circlenumber {
width: 50px;
height: 50px;
font-size: 30px;
}
.business-box-white .circlenumber {
width: 50px;
height: 50px;
font-size: 30px;
}
.business-box h3 p,
.business-box-white h3 p {
font-size: 20px;
line-height: 25px;
}
.business-box p,
.business-box-white p {
font-size: 16px;
line-height: 22px;
}
.business-box,
.business-box-white {
height: 270px;
padding-top: 23px;
}
.deliver-title {
font-size: 40px;
line-height: 43px;
}
.deliver-title-border {
width: 530px;
}
.deliver-border {
left: 1px;
}
.deliver .splide__slide {
width: calc(60%) !important;
padding-right: 10px;
padding-left: 10px;
}
.deliver .splide__slide img {
width: 50px;
}
.deliver .card {
padding-left: 5px;
padding-right: 0px;
}
.deliver .card-title h5 {
font-size: 24px;
margin-top: 2px;
}
.deliver label {
font-size: 22px;
line-height: 30px !important;
margin-bottom: 15px;
}
.deliver p {
font-size: 20px;
line-height: 25px;
padding-bottom: 12px;
margin-bottom: 7px;
}
.buttonbottom {
margin-top: 20px;
margin-bottom: 10px;
}
.customers {
padding-top: 8px;
}
.customers h2 {
font-size: 30px;
margin-top: 45px;
}
.customers .row-cols-xs-3 .col {
width: 30%;
margin-left: 10px;
}
.customers .row-cols-xs-3 .col img {
width: 130px;
padding-right: 10px;
}
.customers img {
margin-top: 20px;
margin-bottom: 20px;
padding: 0px;
}
.customers a {
padding: 26px 8px 25px 16px;
border-radius: 5px;
}
.cloud-title {
font-size: 40px;
line-height: 45px;
}
.cloud-title-border {
width: 530px;
}
.cloud .ptop-180 {
position: relative;
top: 85px;
}
.cloud .pad-col-md-4 {
width: 33%;
}
.cloud .offset-md-2 {
margin-left: 6px;
}
.cloud .card-body .para {
padding: 35px 33px 25px 23px;
display: flex;
justify-content: center;
height: 182px;
}
.cloud .card-body .para p {
font-size: 20px;
}
.business-use-exotel-title-border h2 {
font-size: 40px;
line-height: 42px;
}
.business-use-exotel-title-border {
width: 500px;
}
.business-use-exotel::before {
display: none !important;
}
.business-use-exotel .reorder-slider-mobile1 {
position: relative;
top: 128px;
left: 50px;
}
.thumbnail_splide_business_use_exotel .splide__arrows {
width: 100%;
}
.thumbnail_splide_business_use_exotel
.splide__track
> .splide__list
> .splide__slide.is-active::after {
left: -15px;
}
.business-use-exotel .explain-box {
width: 90%;
}
.business-use-exotel p {
font-size: 20px;
}
.business-use-exotel .logo-designation label {
font-size: 20px;
line-height: 30px;
}
.business-use-exotel .explain-box::before {
top: 110px;
}
.communicate .bgbox h2 {
font-size: 40px;
line-height: 45px;
color: #ffffff;
width: 600px;
}
.communicate .imgagebox {
top: -8%!important;
right: 0px;
width: 30%;
}
.communicate .imgagebox img {
width: 258px !important;
}
.communicate .bgbox {
width: 98%;
margin-left: 12px;
}
.communicate {
margin-top: 40px;
}
.communicate .carousel-control-next,
.carousel-control-prev {
width: 8% !important;
}
.industry {
min-width: 257px !important;
min-height: 391px !important;
}
.industry-heading {
font-size: 40px !important;
line-height: 40px !important;
padding-top: 48px !important;
}
.industry div {
display: block !important;
text-align: center;
}
.industry img {
width: 238px;
padding-bottom: 30px;
}
.footer {
min-width: 257px !important;
}
.footer-logo1 {
top: 30px !important;
}
.footer-logo1 img {
width: 150px;
left: 10px;
}
.footer .left-80 {
left: 0px !important;
padding-left: 20px;
}
.footer-social-icons {
display: flex;
margin-top: -90px;
}
.footer-menu li {
text-align: left !important;
font-size: 16px;
margin-left: 0px !important;
padding-right: 2rem;
}
.footer header {
text-align: left !important;
}
/*====Banner====*/
.bannerhome .banner-title h1 {
font-size: 40px;
line-height: 45px;
/* color: #000; */
color: #fff;
}
.bannerhome .banner-title br {
display: none;
}
.bannerhome .slider-content {
width: 600px;
}
.bannerhome .banner-title img {
width: 100%;
/* filter: invert(1); */
}
.bannerhome .slider-content p {
font-size: 20px!important;
line-height: 30px!important;
width: 600px;
/* top: -53px; */
top: 0;
margin-top: -44px;
/* margin-left: 120px; */
margin-left: 100px;
color: #fff;
text-align: left;
}
.bannerhome .extol-gradient {
display: none;
}
.bannerhome1 .banner-title h1 {
font-size: 40px;
line-height: 45px;
color: #000;
left:0px!important;
}
.pt-50 {
padding-top: 50px;
}
.bannerhome1 .slider-content1
{
padding-bottom: 0px !important;
}
.drm-tab-leftcontent-rightimage-section#whatsappchart .card {
box-shadow: none;
background-color: transparent !important;
}
.drm-tab-leftcontent-rightimage-section .chaltaboption ul li {
width: 40%!important;
}
section.team.team-bg-white.team1.about-section-three-without-background .col-sm-ipad-3 {
width: 49.333333%;
}
section.left-text-right-contact .left-text-area {
width: 100%;
padding-left: 5%;
padding-right: 5%;
}
section.drm-automated-dialers-section-3-column-bg .power-content1
{
height: 365px !important;
}
section.drm-automated-dialers-section-3-column .power-content1
{
height: 400px !important;
}
.bannerhome1 .banner-title br {
display: none;
}
.bannerhome1 .slider-content {
width: auto!important;
}
.bannerhome1 .banner-title img {
width: 100%;
/* filter: invert(1); */
}
.bannerhome1 .slider-content .client_logo_img{
width: 50%;
}
.cta-flex{
/* display: flex; */
align-items: center;
justify-content: flex-start;
}
.bannerhome1 .banner-borderimg{
display: none!important;
}
.bannerhome .slider-content a{
margin-top: 20px;
left: 40px;
}
.bannerhome1 .slider-content a{
margin-top: 20px;
left: 40px;
top: 0px;
}
.bannerhome1 .slider-content p {
font-size: 20px!important;
line-height: 30px!important;
width:auto;
/* top: -53px; */
top: 0;
margin-top: 10px;
/* margin-left: 120px; */
margin-left: 100px;
color: #668877;
text-align: left;
}
.bannerhome1 .extol-gradient {
display: none;
}
.bannerhome .slider-bg img {
height: 600px;
object-fit: cover;
}
.bannerhome1 .banner-col-md-6 {
width: 100% !important;
position: relative;
margin-left: 0px;
z-index: -1;
height:auto;
}
.banner-col-md-6 {
width: 100% !important;
position: absolute;
margin-left: 0px;
z-index: -1;
height: 600px;
}
.bannerhome .slider-content {
position: relative;
top: 155px;
/* top:0px; */
}
.bannerhome .banner-col-md-6::before {
content: " ";
position: absolute;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
height: 600px;
width: 100%;
}
.bannerhome .slider-content a {
border: 1px solid #fff;
width: auto;
/* top: -44px; */
top: 0;
margin-top: 10px;
margin-left: 60px;
}
.bannerhome {
height: 100%;
}
/*===About Us ===*/
.pleft-80 {
padding-left: 20px;
}
.exotelstory-border-title h2 {
font-size: 40px;
line-height: 50px;
}
.exotelstory-border-title {
width: 420px;
margin-top: 40px;
}
.exo-story p {
font-size: 16px;
line-height: 25px;
color: #668877;
margin-right: 20px;
}
.shelfoffame-border-title h2 {
font-size: 40px;
line-height: 45px;
}
.shelfoffame-border-title {
width: 580px;
}
.shelfoffame h2 {
font-size: 30px;
line-height: 35px;
width: 100%;
}
.shelfofame-back::before {
display: none;
}
.shelfofame-back img {
width: 80%;
}
.shelfoffame .circle-icon-black {
width: 50px;
height: 50px;
font-size: 25px;
}
.exoteldna-border-title h2 {
font-size: 40px;
line-height: 42px;
}
.exoteldna-border-title {
width: 560px;
}
.exoteldna {
padding: 25px;
margin-top: -10px;
}
.exoteldna .exoteldna-box label {
font-size: 18px;
line-height: 22px;
}
.exoteldna .exoteldna-box p {
font-size: 18px;
line-height: 25px;
}
.exoteldna .exoteldna-box h3 {
line-height: 40px;
margin-bottom: 8px;
}
.exoteldna .exoteldna-box {
height: auto;
}
.col-sm-ipad-6 {
width: 45%;
}
section.conatct .col-md-6 {
width: 100%;
}
.team {
padding-top: 50px;
padding-bottom: 50px;
}
.team .team-title-para h2 {
font-size: 40px;
line-height: 50px;
}
.team .team-title-para p {
font-size: 20px;
line-height: 26px;
width: auto;
}
.team-box .flip-footer h2 {
font-size: 24px;
line-height: 30px;
}
.team-box .flip-footer label {
font-size: 25px;
line-height: 30px;
}
.team-box .flip-footer {
height: 125px;
}
.part-of-exotel-team-img {
top: 0px !important;
}
section.center-text-image-section .part-of-exotel-team-img {
top: 0px !important;
}
.part-of-exotel-team p {
font-size: 20px !important;
}
.part-of-exotel-team::before {
background-size: 250px 250px;
left: 40% !important;
bottom: 10%;
}
.part-of-exotel-team h2 {
font-size: 40px;
line-height: 40px;
color: #ffffff;
margin-bottom: 30px;
}
section.center-text-image-section.part-of-exotel-team h2 {
color: #232323;
}
.bg-color {
height: 40px;
}
/*=====Request Demo =======*/
.request .col-md-6 {
width: 100%;
}
.request .left-80 {
left: 0px;
padding: 0px 20px;
margin-bottom: 40px;
}
.request-card {
height: auto;
}
.request-card,
.request-card .nav-pills,
.request .nav-pills .nav-link,
.request .nav-pills .nav-link.active {
width: 100%;
}
.request p {
padding-left: 38px;
}
.request-list {
padding-left: 38px;
}
.request-card .nav-item {
width: 50%;
padding-left: 20px;
margin-left: 0px;
}
.business-countries .carousel .testimonial {
padding: 100px 40px;
}
.sms-delivery .widthlogo {
width: auto;
}
.sms-delivery h4 {
padding-top: 0px;
}
.business-countries .carousel .testimonial h3 {
width: 100%;
}
.reques-power-text h2 {
font-size: 40px;
}
.sms-delivery .col-md-6 {
width: 100%;
}
/*=====Contact Us =======*/
.conatct .col-md-7,
.conatct .col-md-5 {
width: 100% !important;
margin-left:0px !important;
}
.conatct p {
font-size: 20px;
width: 89%;
}
.conatct h1 {
left: 0px;
/* padding-left: 55px; */
}
.left_80 {
left: 0px !important;
padding-left: 50px;
}
.support .col-md-5 {
width: 50%;
}
/*====l2 page====*/
.takecomplete h2 {
font-size: 40px;
line-height: 42px;
}
.takecomplete label {
font-size: 22px;
line-height: 30px;
}
.takecomplete p {
font-size: 20px;
line-height: 25px;
padding-top: 20px;
}
.takecomplete {
background-size: cover;
margin-top: 0px;
}
.monitoring-software {
height: 100%;
margin-top: 0px !important;
}
.monitoring-software .col-md-4 {
width: 50%;
margin-bottom: 30px;
}
.monitoring-software h2 {
font-size: 35px;
line-height: 38px;
}
.services-content-left h2 {
width: 100%;
}
.services-img,
.services-img-left {
width: 310px;
height: 310px;
}
.services-img {
margin-left: -30px !important;
}
.services-img-left {
margin-right: -55px !important;
}
.services-img::before,
.services-img-left::before {
width: 310px !important;
height: 310px !important;
}
.services-grid .offset-md-1 {
margin-left: 2%;
}
.services-grid .container {
max-width: 100%;
}
.services-content-right h2,
.services-content-left h2 {
font-size: 30px;
line-height: 35px;
}
.services-content-right p,
.services-content-left p {
font-size: 18px;
line-height: 26px;
}
.services-grid .container .justify-content-center {
justify-content: space-evenly !important;
}
.power-auto h2 {
font-size: 40px;
line-height: 50px;
}
.power-content h2 {
font-size: 35px;
line-height: 40px;
}
.power-content {
padding: 50px 20px 50px 30px;
}
.power-active-gradientbg-color {
background-position: inherit;
}
.padding-sapce {
padding-left: 15px;
padding-right: 15px;
}
.outreach h2 {
font-size: 45px;
}
.resources .col-md-3 {
width: 40%;
}
.experts .col-md-3 {
width: 40%;
}
/*=====Privacy Policy====*/
.privacy-policy {
padding-top: 1px;
margin-bottom: 0px;
}
.privacy-border-title {
width: 320px;
margin-bottom: -20px;
}
.privacy-border-title h2 {
font-size: 40px;
line-height: 45px;
}
.privacy-policy p {
font-size: 20px;
line-height: 35px;
padding-right: 5px;
}
.privacy-policy-box {
padding: 15px 18px;
margin-right: 10px;
}
/*====L3 page===*/
.enhance-border-title {
width: 621px;
margin-top: 121px;
}
.enhance-border-title h2 {
font-size: 40px;
line-height: 50px;
}
.enhance p {
font-size: 20px;
line-height: 30px;
margin-top: 35px;
}
.enhance-list li {
font-size: 20px;
line-height: 35px;
}
.ehnance-service .services-img::before,
.ehnance-service .services-img-left::before {
width: 320px;
height: 320px;
margin-top: 10px;
}
.ehnance-service .services-img-left {
margin-top: 0px;
float: left;
}
.ehnance-service {
padding-top: 75px;
}
.power-auto h2 {
font-size: 40px;
line-height: 40px;
}
.efficiently .power-active-bg-white-color::before {
display: none;
}
.efficiently-border-title {
width: 650px;
}
.efficiently-border-title img {
width: 650px !important;
margin-bottom: 50px;
}
.small-business .col-md-6 {
width: 90%;
margin: 20px;
height: 100%;
}
.contact-new {
height: 800px;
}
.slider-video-container-2 {
height: 850px;
}
.Venue-details {
font-size: 20px;
line-height: 26px;
background: #53535399;
width: fit-content;
padding: 5px 25px;
border-radius: 25px;
margin-right: 25px;
}
}
/*
====================================
min width 992px to max width 1280px
=====================================
*/
@media (min-width: 992px) and (max-width: 1280px) {
.submenu-indicator {
margin-top: 3px !important;
}
.submenu-indicator-chevron {
height: 6px !important;
width: 6px !important;
}
.align-left-move > li > a {
padding: 30px 05px !important;
font-size: 14px !important;
}
.header-btn {
font-size: 12px;
}
.blacktopmenu .wpml-ls-statics-shortcode_actions li a {
font-size: 10px;
}
.left-80 {
position: relative;
left: 55px;
}
.button {
font-size: 16px !important;
}
.contact-title-sub h1 {
font-size: 50px !important;
line-height: 55px;
}
.home .slider-content .title {
width: 510px;
}
.home .slider-content .title h1 {
font-style: normal;
font-weight: 600;
font-size: 40px;
line-height: 50px;
}
.home .slider-content .title img {
width: 512px;
}
.home .slider-content p {
font-size: 20px;
left: 55px;
}
.button {
font-size: 15px;
}
.home .carousel-indicators {
margin-left: 45% !important;
}
.reliable h2 {
font-size: 40px;
line-height: 35px;
}
.boxwithicon {
background-color: #1e1e1e;
height: auto;
}
.box {
/* height: 260px; */
padding-top: 30px;
height: auto;
}
.box img {
padding-bottom: 25px;
width: 110px;
height: 110px;
object-fit: contain;
}
.box p {
font-size: 20px !important;
line-height: 30px !important;
}
.full-stack-title-border {
width: 600px;
margin-top: 40px !important;
}
.full-stack-title {
font-size: 40px;
line-height: 43px;
}
.stack .offset-md-3 {
margin-left: 12%;
width: 100%;
}
.stack img {
top: 10px;
left: auto !important;
margin-bottom: 0;
}
.stack .padcols {
padding-right: 0px !important;
padding-bottom: 50px;
}
.stack .accordion-button:not(.collapsed) {
font-size: 20px;
}
.stack .accordion-button {
font-size: 20px;
line-height: 28px;
}
.stack .accordion-body {
font-size: 18px;
}
.business-border-title {
width: 550px;
}
.business-title {
font-size: 40px;
line-height: 43px;
}
.business .padcols {
margin-left: 15%;
width: 85%;
}
.button-row {
width: 100%;
text-align: center;
}
.button-row a:nth-child(2), .button-row a:nth-child(3) {
margin-left: 15px;
}
.business-border-title {
width: 530px;
}
.business-title {
font-size: 40px;
line-height: 43px;
}
.business-box-white,
.business-box {
padding-left: 20px;
}
.circlenumber {
width: 50px;
height: 50px;
font-size: 30px;
}
.business-box-white .circlenumber {
width: 50px;
height: 50px;
font-size: 30px;
}
.business-box h3 p,
.business-box-white h3 p {
font-size: 22px;
line-height: 25px;
}
.business-box p,
.business-box-white p {
font-size: 20px;
line-height: 24px;
}
.business-box,
.business-box-white {
/* height: 270px; */
padding-top: 23px;
}
.deliver-title {
font-size: 40px;
line-height: 43px;
}
.deliver-title-border {
width: 560px;
}
.deliver-border {
left: 1px;
}
.deliver .splide__slide {
width: calc(60%) !important;
padding-right: 10px;
padding-left: 10px;
}
.deliver .splide__slide img {
width: 50px;
}
.deliver .card {
padding-left: 5px;
padding-right: 0px;
}
.deliver .card-title h5 {
font-size: 24px;
margin-top: 2px;
}
.deliver label {
font-size: 22px;
line-height: 30px !important;
margin-bottom: 15px;
}
.deliver p {
font-size: 20px;
line-height: 25px;
padding-bottom: 12px;
margin-bottom: 7px;
}
.buttonbottom {
margin-top: 20px;
margin-bottom: 10px;
}
.cloud-title {
font-size: 40px;
line-height: 45px;
}
.cloud-title-border {
width: 530px;
}
.cloud .ptop-180 {
position: relative;
top: 85px;
}
.cloud .pad-col-md-4 {
width: 33%;
}
.cloud .offset-md-2 {
margin-left: 6px;
}
.cloud .card-body .para {
padding: 35px 33px 25px 23px;
display: flex;
justify-content: center;
height: 182px;
}
.cloud .card-body .para p {
font-size: 20px;
}
.business-use-exotel-title-border h2 {
font-size: 40px;
line-height: 42px;
}
.business-use-exotel-title-border {
width: 500px;
}
.thumbnail_splide_business_use_exotel
.splide__track
> .splide__list
> .splide__slide.is-active::after {
left: 23px;
}
.business-use-exotel p {
font-size: 20px;
}
.business-use-exotel .logo-designation label {
font-size: 20px;
}
.business-use-exotel .explain-box::before {
top: 70px;
}
.business-use-exotel .explain-box {
width: 90%;
}
.communicate .bgbox h2 {
font-size: 40px;
line-height: 54px;
width: 600px;
margin-bottom: 50px;
}
.communicate .carousel-control-next {
right: 12px;
top: 457px;
position: absolute;
}
.business-use-exotel::before {
height: 15%;
width: 33%;
left: 67%;
}
.communicate .carousel-control-next,
.carousel-control-prev {
width: 10% !important;
}
.communicate .bgbox {
width: 98%;
margin-left: 10px;
}
.industry {
min-width: 257px !important;
min-height: 391px !important;
}
.industry-heading {
font-size: 45px !important;
line-height: 40px !important;
padding-top: 48px !important;
}
.industry div {
display: block !important;
text-align: center;
}
.industry img {
padding-left: 10px;
padding-right: 10px;
width: 300px;
}
.industry img:nth-child(2){
width: 150px;
}
.footer {
min-width: 257px !important;
}
.footer-logo1 {
top: 30px !important;
}
.footer-logo1 img {
width: 150px;
}
.footer-social-icons {
display: flex;
margin-top: -90px;
}
.footer-menu li {
text-align: left !important;
font-size: 18px;
margin-left: 0px !important;
padding-right: 2rem;
}
/*=== Banner====*/
.banner-col-md-6 {
width: 44% !important;
position: relative;
margin-left: 58px;
}
.bannerhome .slider-content {
width: 500px;
}
.bannerhome .slider-content img {
width: 100%;
}
.bannerhome .slider-content a {
width: auto;
}
.bannerhome .extol-gradient img {
width: 184px;
}
.bannerhome .banner-title br {
display: none;
}
.bannerhome .banner-title h1 {
font-style: normal;
font-weight: 500;
font-size: 42px !important;
line-height: 47px;
color: #000000;
margin-right: 30px;
}
/* ----- */
.bannerhome1 .slider-content {
width: 500px;
}
.bannerhome1 .slider-content img {
width: 100%;
}
.bannerhome1 .slider-content .client_logo_img{
width: 50%;
}
.bannerhome1 .slider-content a {
width: auto;
}
.bannerhome1 .extol-gradient img {
width: 184px;
}
.bannerhome1 .banner-title br {
display: none;
}
.bannerhome1 .banner-title h1 {
font-style: normal;
font-weight: 500;
font-size: 40px;
line-height: 47px;
color: #000000;
margin-right: 30px;
}
.banner-col-md-6 .slider-bg img {
height: 600px !important;
object-fit: cover;
}
.bannerhome .slider-content p {
font-size: 20px;
line-height: 33px;
width: 453px;
}
.bannerhome1 .slider-content p {
font-size: 20px;
line-height: 33px;
width: 453px;
}
/*===About Us ===*/
.pleft-80 {
padding-left: 45px;
}
.exotelstory-border-title h2 {
font-size: 40px;
line-height: 50px;
}
.exotelstory-border-title {
width: 420px;
}
.exo-story p {
font-size: 20px;
line-height: 33px;
color: #668877;
margin-right: 20px;
}
.shelfoffame-border-title h2 {
font-size: 40px;
line-height: 45px;
}
.shelfoffame-border-title {
width: 580px;
}
.shelfoffame h2 {
font-size: 30px;
line-height: 35px;
width: 100%;
}
.shelfofame-back::before {
display: none;
}
.shelfofame-back img {
width: 80%;
}
.shelfoffame .circle-icon-black {
width: 50px;
height: 50px;
font-size: 25px;
}
.exoteldna-border-title h2 {
font-size: 40px;
line-height: 42px;
}
.exoteldna-border-title {
width: 560px;
}
.exoteldna {
padding: 25px;
margin-top: -10px;
}
.exoteldna .exoteldna-box label {
font-size: 18px;
line-height: 22px;
}
.exoteldna .exoteldna-box p {
font-size: 18px;
line-height: 25px;
}
.exoteldna .exoteldna-box h3 {
line-height: 40px;
margin-bottom: 8px;
}
.exoteldna .exoteldna-box {
height: auto;
}
.col-sm-ipad-6 {
width: 45%;
}
.team {
padding-top: 50px;
padding-bottom: 50px;
}
.team .team-title-para h2 {
font-size: 40px;
line-height: 25px;
margin-bottom: 20px;
}
.drm-tab-leftcontent-rightimage-section .chaltaboption ul li {
width: 30%!important;
}
section.bannerhome1.custm_gradient_bg {
padding-left: 4%;
padding-right: 4%;
}
.team .team-title-para p {
font-size: 20px;
line-height: 26px;
width: auto;
}
.team-box .flip-footer h2 {
font-size: 24px;
line-height: 30px;
}
.team-box .flip-footer label {
font-size: 25px;
line-height: 30px;
}
.team-box .flip-footer {
height: 125px;
}
.team .container {
max-width: 100%;
}
.part-of-exotel-team-img {
top: 0px !important;
}
section.center-text-image-section .part-of-exotel-team-img {
top: 0px !important;
}
.part-of-exotel-team p {
font-size: 20px !important;
padding-bottom: 30px;
}
.part-of-exotel-team::before {
background-size: 250px 250px;
left: 40% !important;
bottom: 13%;
}
.part-of-exotel-team h2 {
font-size: 40px;
line-height: 40px;
color: #000000;
margin-bottom: 15px;
}
section.center-text-image-section.part-of-exotel-team h2 {
color: #232323;
}
.bg-color {
height: 40px;
}
/*=======Request Demo=====*/
.request .left-80 {
left: 0px;
}
.request p {
font-size: 20px;
line-height: 28px;
width: 470px;
}
.reques-power-text h2 {
font-size: 40px;
}
.request .request-list label {
font-size: 20px;
line-height: 26px;
height: 60px;
}
.business-countries .carousel .testimonial {
padding: 100px 86px;
}
.business-countries .carousel .testimonial h3,
.business-countries .carousel .testimonial h3 p {
font-size: 35px;
line-height: 50px;
color: #585858;
width: 765px !important;
}
.sms-delivery h4 {
padding-top: 0px;
}
.request-card {
width: 487px;
}
.request .nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
width: 167px;
font-size: 18px;
}
.request .nav-pills .nav-link {
width: 167px;
font-size: 18px;
}
.request .persional-details label {
font-size: 18px;
margin-bottom: 15px;
}
/*=========Contact Us=========*/
.col_6 {
padding-left: 0px;
}
.conatct .col-md-5 {
padding-right: 20px !important;
}
.conatct .contact-body {
width: 560px;
}
.conatct p {
font-size: 20px;
}
.conatct .left-60 {
margin-left: 38px;
}
/*====l2 page====*/
.takecomplete h2 {
font-size: 40px;
line-height: 42px;
}
.takecomplete label {
font-size: 22px;
line-height: 30px;
}
.monitoring-software label {
margin-bottom: 0px;
}
.takecomplete p {
font-size: 20px;
line-height: 25px;
padding-top: 20px;
}
.takecomplete {
background-size: cover;
margin-top: 0px;
}
.monitoring-software {
height: 100%;
margin-top: 0px !important;
}
.monitoring-software .col-md-4 {
width: 50%;
margin-bottom: 30px;
}
.monitoring-software h2 {
font-size: 35px;
line-height: 38px;
}
.services-content-left h2 {
width: 100%;
}
.power-auto h2 {
font-size: 50px;
line-height: 57px;
}
.power-active-gradientbg-color {
background-position: inherit;
}
.outreach h2 {
font-size: 50px;
line-height: 60px;
}
.resoure-card .resouce-body h4 {
font-size: 20px;
}
.resources h2 {
font-size: 50px;
line-height: 20px;
}
/*=====Privacy Policy====*/
.privacy-policy {
padding-top: 1px;
margin-bottom: 0px;
}
.privacy-border-title {
width: 320px;
margin-bottom: -20px;
}
.privacy-border-title h2 {
font-size: 40px;
line-height: 45px;
}
.privacy-policy p,
.privacy-policy ul li {
font-size: 20px;
line-height: 35px;
padding-right: 5px;
}
.privacy-policy-box {
padding: 15px 18px;
margin-right: 10px;
}
/*====L3 page===*/
.enhance-border-title {
width: 621px;
margin-top: 121px;
}
.enhance-border-title h2 {
font-size: 40px;
line-height: 50px;
}
.enhance p {
font-size: 20px;
line-height: 30px;
margin-top: 35px;
}
.enhance-list li {
font-size: 20px;
line-height: 35px;
}
.ehnance-service .services-img::before,
.ehnance-service .services-img-left::before {
width: 320px;
height: 320px;
margin-top: 10px;
}
.ehnance-service .services-img-left {
margin-top: 0px;
float: left;
}
.ehnance-service {
padding-top: 75px;
}
.power-auto h2 {
font-size: 40px;
line-height: 40px;
}
.efficiently .power-active-bg-white-color::before {
display: none;
}
.efficiently-border-title {
width: 650px;
}
.efficiently-border-title img {
width: 650px !important;
margin-bottom: 50px;
}
.small-business .col-md-6 {
width: 45%;
margin: 20px;
}
}
/*=========
Addtional Css Code
=========*/
/*===Mobile Desktop View Menu===*/
@media (min-width: 991px) and (max-width: 992px) {
.header_area.fixed-top,
.header_white_background {
background-color: #fff;
padding-bottom: 5px;
margin-top: 0px;
height: 56px !important;
padding-top: 0px !important;
}
.header_area,
.header_white_background {
background-color: #fff;
padding-bottom: 5px;
margin-top: 0px;
height: 78px !important;
padding-top: 0px !important;
}
.header-btn {
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 11px;
padding: 10px 16px 10px 20px;
}
.header-button-cols {
width: 93%;
top: 88px !important;
display: flex;
position: absolute;
left: 55px;
left: 55px;
justify-content: flex-end;
}
.communicate .imgagebox {
top: 40%;
left: 66%;
}
.thumbnail_splide_business_use_exotel.splide--ttb
> .splide__arrows
.splide__arrow--next {
bottom: -43em;
}
.business-use-exotel .explain-box {
width: 90%;
}
.business-use-exotel-para p {
width: 505px;
}
.business-use-exotel .reorder-slider-mobile1 {
top: 15px;
}
}
@media (min-width: 1280px) and (max-width: 1340px) {
/*=== Banner====*/
.banner-col-md-6 {
width: 45% !important;
position: relative;
margin-left: 62px;
}
.bannerhome .slider-content {
width: 500px;
}
.bannerhome .slider-content img {
width: 100%;
}
.bannerhome .slider-content a {
width: auto;
}
.bannerhome .extol-gradient img {
width: 184px;
}
.bannerhome .banner-title br {
display: none;
}
.bannerhome .banner-title h1 {
font-style: normal;
font-weight: 500;
font-size: 40px;
line-height: 47px;
color: #000000;
margin-right: 30px;
}
.banner-col-md-6 .slider-bg img {
height: 600px !important;
object-fit: cover;
}
.bannerhome .slider-content p {
font-size: 20px;
line-height: 33px;
width: 550px;
}
.menu-img1 img {
width: 65%;
}
}
@media (min-width: 481px) and (max-width: 591px) {
.business-use-exotel .explain-box {
width: 90%;
}
.reorder-slider-mobile1 {
position: relative;
top: -552px;
}
.business-use-exotel .explain-box::before {
top: 85px;
}
.thumbnail_splide_business_use_exotel .splide__arrows {
width: 16%;
}
.thumbnail_splide_business_use_exotel .splide__arrows {
left: 352px;
}
.communicate .bgbox {
height: 547px;
}
.communicate .imgagebox img {
width: 175px !important;
}
.communicate .imgagebox {
top: 282px;
left: 222px;
}
.business-use-exotel-para {
width: 100%;
}
}
@media (min-width: 1000px) and (max-width: 1280px) {
.banner-col-md-6 {
margin-left: 60px;
}
.business-use-exotel .explain-box {
width: 90%;
}
.business-use-exotel p {
font-size: 20px;
max-width: 580px;
}
.business-use-exotel .explain-box::before {
top: 84px;
}
.thumbnail_splide_business_use_exotel
.splide__track
> .splide__list
> .splide__slide.is-active::after {
left: 4%;
}
.communicate .imgagebox img {
width: 370px !important;
}
.communicate .imgagebox {
right: 0px;
top: -80px;
}
/* Shafi 11th apr start */
.pricing-box ul li {
font-size: 16px;
line-height: 20px;
}
.pricing-box ul li .list-warning {
float: right;
width: 18px;
}
.pricing-box-list-call .para-box p {
font-size: 16px;
line-height: 22px;
}
.pricing-faq .accordion .accordion-button {
font-size: 20px;
line-height: 24px;
}
.pricing-faq .accordion-button::after {
background-size: 30px;
}
.pricing-faq .accordion-body p {
font-size: 16px;
line-height: 24px;
padding-right: 125px;
}
.services-content-left h2 {
width: 100%;
}
.services-img,
.services-img-left {
width: 320px;
height: 320px;
}
.services-img {
margin-left: -30px !important;
}
.services-img-left {
margin-right: -55px !important;
}
.services-img::before,
.services-img-left::before {
width: 320px;
height: 320px;
}
.services-grid .offset-md-1 {
margin-left: 2%;
}
.services-grid .container {
max-width: 100%;
}
.services-content-right h2,
.services-content-left h2 {
font-size: 30px;
line-height: 42px;
}
.services-content-right p,
.services-content-left p {
font-size: 18px;
line-height: 26px;
}
.services-grid .container .justify-content-center {
justify-content: space-evenly !important;
}
.resources .col-md-3 {
width: 30%;
}
.experts .col-md-3 {
width: 30%;
}
.case-card-text {
font-size: 20px;
}
}
@media (max-width: 1400px) {
.footer-menu li {
margin-right: 6%;
padding: 0;
}
.nav-link.text-white {
padding: 0;
margin-right: 20px;
font-size: 14px;
}
.footer-social-icons {
display: flex;
margin-top: 0;
}
.footer-menu li {
margin-right: 6%;
padding: 0;
font-size: 15px;
}
.footer-social-icons a {
margin-right: 18px;
}
.resources-plan-feature-border-title {
width: 50%;
float: left;
margin-left: 0px;
}
.somemoreyoubox {
width: 40%;
float: left;
margin: 5%;
}
section#newsroominner.webinar .newsbannersec.textbox {
width: 45%;
background: none;
margin-left: 5%;
}
section#newsroominner.webinar .newsbannersec p{
margin: 10px 0;
}
.podaudsuggbox {
float: right;
width: 86%;
}
.reviewlistimg img{
width: auto;
max-width: 100%;
}
}
@media (max-width: 1200px) {
.blogs-text {
width: 100%;
margin: 0 auto;
}
.bolgs-title h1 {
font-weight: 700;
font-size: 40px;
line-height: 55px;
}
.footer-social-icons {
display: flex;
margin-top: 0;
}
.button.five {
font-size: 14px !important;
}
.exoteldna .exoteldna-box h3 {
line-height: 32px;
margin-bottom: 8px;
font-size: 22px;
}
.pricing-border-title h1 {
font-size: 40px;
line-height: 55px;
color: #ffffff;
/* left: 80px; */
left: 0;
}
.footercallsec a {
padding: 0;
color: #000;
}
#okCookie p {
margin: 0 0 10px 3%;
}
.exo-story p, .bannerhome .slider-content p, .bannerhome .slider-content li,
.exoteldna .exoteldna-box label, .exoteldna .exoteldna-box p,
.team-box .flip-footer label, .part-of-exotel-team p, .pricing-text,
.our-plan-feature-box p, .power-content p, .power-content li,
.advantage p, .resources-box h3, .blog-text-sec p, ul.datetime li,
.blog-text-sec li, .fw-normal, .outreach p, .exotel-phone-system .circleno-with-text .head-desc p,
.restextsec p, .chaltabsec p, .casesliderbox p, section#whocanuse p, .caseaboutus p,
section#whocanuse .whocanusebelow h5, section#whatsappchart .chaltaboption ul li a,
section#competitionsec p, section#competitionsec p, .say-about-exotel .card p,
.blog-text-sec .tablecontent ul li a, .blogtagsaut h3, .blogtagsaut ul li a, .blogtagsaut h4,
.firstblogbox h3, .firstblogbox h3 a, .webinartext h5, .webinartext a.liveon, .webinartext ul li,
.resources-box a.toptags,
.webinarsec .formrighttext p, .webinarsec p, .webinarsec ul li p, .webinarsec ul li, .thankgreentextbox p,
section#newsroominner.webinar .newsbannersec.downloadtext p, .advantagebox .iconwithtext p, .reviewlist h5 a, .afbebox h4, section#awardsrec .webinarsugg h3 a, .webinarsugg .reso-dtl ul li.dateday, .webinarsec .podkey li span, .webinarsec .podkey li p {
font-size: 20px;
line-height: 24px;
}
.bannerhome .banner-title h1, .exotelstory-border-title h2,
.shelfoffame-border-title h2, .exoteldna-border-title h2,
.part-of-exotel-team h2, .industry-heading, .pricing-border-title h1,
.our-plan-feature-border-title h2, .reques-power-text h2, .pricing-faq.mt-70 h2,
.power-auto h2, .special-plans-border-title h2, .power-auto-border-title h2,
.resources-plan-feature-border-title h2, .bolgs-title h1,
.services-grid .top-header, .outreach h2, .outreach h2, .takecomplete h2, .experts h2, .conatct h1,
.exotel-phone-system h2, .restextsec h1.slider-head, #caseslider.blackslider h1,
section#whocanuse h2, .freetrailblockbox h1.slider-head, .challsec h1,
#somemoreyou h1, .bannertextsec h1, section#roadmaps h1, section#competitionsec h1,
#webinarteam h2, #webinarblackbg.downformsec .formrighttext h3, .webinartitle h1, .impactbox h2, .reviewtext h1, section#suggreading h2, #analyst h1, .business-title, .costomeraisec h1 {
font-size: 46px;
line-height: 56px;
}
.shelfoffame h2, .display-4 , .casevidetext h2, .casetagssec h1, section#whocanuse h4,
.casesliderbox h2, .formrighttext h3, .challengtitle h1, .afbebox h3, .podcastsaudiosec h1 {
font-size: 32px;
line-height: 40px;
}
.exoteldna .exoteldna-box h3, .team-box .flip-footer h2,
.pricing-border-title h3, .our-plan-feature-box .full-function-subtitle,
.pricing-faq .accordion .accordion-button, .power-content h2, .power-content li, .advantage .iconwithtext .title h3,
.services-content-right h2, .freetrailblockbox h5, .challengbelowtext p, section#roadmaps h4,
.services-content-left h2, .exotel-phone-system .circleno-with-text .head-desc h3, .chaltaboption li a,
.challboxtext, .caseaboutus h5, .bannertextsec h5, .singlescrollsec li, .reviewtext h3, .solutiontext p, .singlescrollsec p, .bolgs-title h5, #ourawards .casesliderbox h3, .webinartext h1, .tabstowsec h3, section#newsroominner.webinar .newsbannersec p, #webinarblackbg p.formtitle, .webinarsec h6, .webinarsec h4, .podcastsaudiosec h3, .podcastsaudiosec h2, .podaudsugglist h3{
font-size: 24px;
line-height: 32px;
}
.say-about-exotel .card p, .pricing-faq .accordion-body p, .takecomplete label, .webinartext a.greenbutton,
.webinarsugg.suggboxs .resources-box a.toptags, section#newsroominner.webinar .newsbannersec ul li{
font-size: 16px;
line-height: 22px;
}
.pricing-faq .accordion .accordion-button, .casevidetext p, .chaltabsec h3, section#whatsappchart .whatsapptext h3,
.casetagfiles a, .blog-text-sec h2, .teamtext h3, .newsroombox h5, .reviewlist h3, .newsroombox h3{
font-size: 22px;
line-height: 28px;
}
.costomeraibox p{
font-size: 20px;
}
.singlescrollsec h1{
font-size: 44px;
}
.costomeraibox h3 {
font-size: 60px;
font-weight: 800;
}
.newsroombox .newsroomrightdate h4{
font-size: 28px;
}
.resources-box h6{
font-size: 12px;
}
.resources-box h5{
font-size: 10px;
}
.webinarsugg .reso-dtl ul li.dateday, section#awardsrec .webinarsugg h6{
font-size: 14px;
}
.teamtext p{
font-size: 16px;
line-height: 22px;
}
.button.five {
font-size: 12px !important;
}
.topmenu li a {
font-size: 18px;
}
.resources-plan-feature-border-title {
width: 50%;
float: left;
}
.small-business .col-md-6 {
height: auto;
}
.chaltaboption li {
width: 25%;
padding: 46px 0;
text-align: center;
}
.somemoreyoutext {
width: 54%;
float: right;
}
.blogs-banner {
text-align: center;
}
#newsroominner .power-auto-border-title {
width: 90%;
}
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: 18px;
}
section#newsroominner .topmenu{
padding: 12px 20px;
}
.owl-carousel .owl-item .downloadtext .newsinnerbaneer {
width: 50%;
}
#webinarteam .somemoreyousec {
width: 500px;
margin: 0 auto;
}
.webinartext {
margin-top: 40px;
}
#blogvideosec .main-container {
position: relative;
width: 670px;
margin: 0 auto;
}
#blogvideosec .full-width-video-sec embed,
#blogvideosec .full-width-video-sec iframe,
#blogvideosec img.poster-image {
width: 670px;
min-height: 360px;
}
#blogvideosec::before {
background-repeat: no-repeat;
padding-bottom: 20px;
height: 20rem;
background-size: cover;
}
#control-icon img {
width: 100px;
}
.resources-box img.reso-img {
height: auto;
}
.newsroombox img.reso-img {
height: auto;
}
.blacktopmenu li a {
font-size: 10px;
}
.dropdown dt a span {
font-size: 10px;
}
.toolfree p {
font-size: 10px;
}
.dropdown dt::after{
margin: -18px -6px;
}
.integratingwidth {
width: 50%;
display: revert;
margin-left: 2%;
}
.industry img {
padding-left: 10px;
padding-right: 10px;
width: 300px;
}
.industry img:nth-child(2){
width: 150px;
}
section#whatsappchart .chaltaboption ul li a{
font-size: 18px;
}
}
@media (max-width: 1100px) {
#resources-sec .dropdown {
position: relative;
display: flow-root;
width: 90%;
height: 140px;
float: none;
margin: 0 auto;
}
ul.datetime li {
font-size: 14px;
line-height: 29px;
color: #000;
}
ul.datetime li img {
margin-right: 10px;
width: 26px;
}
.customers h2 {
font-size: 40px;
line-height: 43px;
}
.pricing-box a {
width: 185px;
height: 49px;
font-weight: 500;
font-size: 16px;
margin: 0 auto;
}
.nav-link.text-white {
padding: 0;
margin-right: 20px;
font-size: 14px;
}
.footer-menu li {
margin-right: 6%;
padding: 0;
font-size: 14px;
}
.footercallsec a span {
color: #fff;
font-size: 16px;
}
.footercallsec p {
font-style: normal;
font-weight: 300;
font-size: 14px;
}
.footercallsec h2 {
font-size: 28px;
}
.footercallsec {
/* width: 260px; */
width: auto;
float: left;
}
.exoteldna .exoteldna-box h3 {
line-height: 32px;
margin-bottom: 8px;
font-size: 22px;
}
.footercallsec a {
padding: 0;
color: #000;
}
.challengboxbg {
width: 100%;
background: rgba(217, 231, 231, 0.4);
padding: 8% 5%;
}
.webinartext a.liveon {
font-size: 16px;
padding: 5px 20px;
}
.webinartext ul li{
font-size: 16px;
}
a.back-but {
padding: 8px 30px;
font-size: 16px;
}
#ourawards .business-border, section#awardsrec .business-border {
width: 700px;
}
.row-cols-5>* {
flex: 0 0 auto;
width: 25%;
}
.customers.container-fluid .col.text-center:nth-child(4n+0) {
border-right:0px;
}
.customers.container-fluid .col.text-center:nth-child(5n+0) {
border-right: 1px solid #d1d1d1;
}
.business-use-exotel .logo-designation img {
width: 110px!important;
float: right;
}
section#whatsappchart .chaltaboption {
width: 100%;
}
.owl-nav {
display: none;
}
.webinarsec .empowertextsec .webwhitebg {
color: #000;
margin: 10px;
float: left;
width: 47%;
}
}
@media (max-width: 1025px) {
ul#menu {
margin: 0 auto;
width: 250px;
}
.advantage .col-md-6 {
width: 100%;
margin-left: 0;
margin-right: 0;
}
section.advantage.container-fluid .ml-110 {
margin-left: 0;
width: 95%;
margin: 0 auto;
}
section.industry.container-fluid .justify-content-center.align-items-center {
display: block !important;
}
section.industry.container-fluid {
height: auto;
padding-bottom: 30px;
}
#resources-sec .dropdown {
position: relative;
display: flow-root;
width: 90%;
height: 140px;
margin: 0 auto;
float: none;
}
.full-width-video-sec embed, .full-width-video-sec iframe, img.poster-image,
#casestudyvideobg .full-width-video-sec embed, #casestudyvideobg .full-width-video-sec iframe, #casestudyvideobg img.poster-image{
width: 900px;
min-height: 470px;
}
#inner-banne-video .text11 .video-height, #casestudyvideobg .text11 .video-height {
height: 100%;
width: 900px;
margin: 0 auto;
}
.casevidetext{
margin-top: -27%;
}
#pricetable .pricetablesec {
width: 750px;
}
#pricetable td, #pricetable th{
font-size: 16px;
}
#pricetable tbody::after {
width: 200px;
}
#pricetable tbody::before {
width: 200px;
}
#pricetable td h3 {
font-size: 24px;
margin-bottom: 20px;
}
.case3slider h1.slider-head.rightspace {
text-align: center;
margin-top: 10px;
margin-bottom: 30px;
}
.somemoreyousec {
width: 500px;
margin: 0 auto;
}
.somemoreyoubox {
width: 100%;
float: left;
margin: 5% auto;
}
.compebox {
background: #ebf6f0;
float: left;
/* width: 30%; */
width: 100%;
margin: 2% 2%;
height: 350px;
}
.freetrailblockbox{
/* width: 50%; */
width: 100%;
}
.webinartext {
margin-top: 30px;
}
.webinarsec h6 {
margin-bottom: 20px;
}
#thankyoupage h1 {
font-style: normal;
font-weight: 700;
font-size: 80px;
margin: 30px 0;
}
.thankgreentextbox .slider-button{
width: auto;
}
.downebooksec .somemoreyoubox {
margin: 6% 0;
width: 100%;
}
section#newsroominner .topmenu {
padding: 12px 20px;
float: left;
margin: 0 5% 30px;
width: auto;
clear: both;
}
#webinarblackbg .webinarformsec {
width: 100%;
margin: 2% auto;
}
.afbebox {
padding: 40px 8%;
margin: 20px 0;
}
.afbebox img.afbemainimg {
width: auto;
height: 200px;
}
.awardscontiner {
width: 80%;
margin: 0 auto;
}
}
@media (max-width:768px){
.banner-title .left-80 {
position: relative;
left: 0%!important;
}
div#testimonial2 .custtestslider04 .div-flex{
display: flex;
flex-direction: column;
}
#testimonial2 .testimonial-content label img {
width: 100% !important;
margin-top: 20px;
padding-bottom: 10px;
}
#testimonial2 .testimonial-image {
width: auto !important;
position: relative;
display: inline-block;
}
section.small-business.pricing-page.pricing-center-boxes .col-md-6.box {
width: 90%!important;
margin: 20px auto!important;
}
}
@media (max-width: 991px) {
#okCookie #okClose, #okCookie #okCprivacy {
padding: 5px 20px;
float: none;
}
#okCookie{
text-align: center;
}
#okCookie p {
margin: 0 0 10px 0%;
float: left;
padding: 5px;
width: 100%;
}
.business-box h3 p,
.business-box-white h3 p {
font-size: 16px;
line-height: 22px;
}
.business-box p,
.business-box-white p {
font-size: 16px;
line-height: 22px;
}
section#splide02 {
min-height: 760px;
}
.business-use-exotel p {
font-size: 18px;
line-height: 24px;
}
.business-use-exotel .explain-box::before {
top: -12px;
left: 5px;
}
.business-use-exotel .explain-box {
width: 80%;
position: relative;
margin: 40px auto;
float:none;
}
.pricing .most-popular-box {
position: relative;
top: 0;
}
.business-use-exotel .explain-box{
height: auto;
}
.pricing-box {
margin-bottom: 30px;
}
.pricing-border-title.mt-70 .w-100 {
width: 67% !important;
}
.pricing-text {
color: #fff;
font-size: 16px;
margin-bottom: 50px;
line-height: 24px;
}
.customerslogo .owl-nav {
display: none;
}
.header_area {
margin-bottom: 0px;
}
.pricing-bottom {
margin-top: 20px;
}
#accordionExample h2.accordion-header {
width: 100%;
padding: 0;
}
.pricing-border-title h1,
.our-plan-feature-border-title h2,
.pricing-faq h2,
.special-plans-border-title h2,
.industry-heading {
display: inline-block;
font-size: 32px;
/* width: 90%; */
width: 75%;
line-height: 40px;
text-align: center;
}
.resources-plan-feature-border-title h2 {
display: inline-block;
font-size: 32px;
width: 100%;
/* width: 75%; */
line-height: 40px;
text-align: center;
margin-left:0px;
}
.pricing-border-title h3 {
display: table-cell;
font-size: 16px;
}
.our-plan-feature::before {
margin-left: 74%;
}
.our-plan-feature .ml-110 {
margin-left: 0;
}
.pricing-faq .accordion .accordion-button {
font-size: 20px;
line-height: 28px;
font-weight: 400;
padding-bottom: 10px;
}
.pricing-faq .accordion-button::after {
background-size: 30px;
}
.pricing-faq .accordion-body p {
font-size: 16px;
line-height: 24px;
padding-right: 25px;
}
section.industry.container-fluid .justify-content-center.align-items-center {
display: block !important;
margin: 0 auto;
width: 650px;
max-width: 650px;
text-align: center;
}
.industry img {
padding-left: 0;
padding-right: 0;
width: auto;
padding: 20px 0;
}
.footer-logo1 {
position: relative;
top: 80px;
text-align: center;
}
section.footer.container-fluid .left-80 {
position: relative;
left: 0;
text-align: center;
margin-bottom: 30px;
padding: 0;
}
.footercallsec p {
margin: 5px 0;
}
.footer-menu {
display: block;
flex-direction: row;
padding: 0;
width: 100%;
text-align: center;
}
.footer-menu li {
font-size: 20px;
line-height: 23px;
margin-left: 0;
margin-bottom: 20px;
}
section.footer.container-fluid .mb-160 {
margin-bottom: 100px;
}
.footer {
background-color: #000000;
padding-bottom: 30px;
}
.topmenu li a {
margin: 0px 10px 0px;
font-size: 16px;
width: auto;
text-align: center;
}
.blog-text-sec p {
font-size: 18px;
line-height: 28px;
margin-bottom: 30px;
}
.blog-text-sec li {
font-size: 18px;
line-height: 28px;
margin-bottom: 10px;
}
.blog-text-sec ul {
width: 100%;
}
.blog-text-sec h3 {
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 26px;
color: #000;
margin-bottom: 12px;
}
ul.social-icon li img {
margin-right: 20px;
width: 22px;
}
section#bloginner-banner {
width: 100%;
}
.footer-menu li {
font-size: 14px;
line-height: 23px;
margin-left: 0;
margin-bottom: 20px;
width: auto;
text-align: center !important;
padding: 0;
}
.footer-menu {
display: block;
flex-direction: row;
padding: 0;
width: 85%;
text-align: center;
margin: 0 auto;
}
#footer-sec {
padding-top: 50px;
padding-bottom: 50px;
}
.footercallsec {
/* width: 260px; */
width: auto;
float: none;
margin: 0 auto;
text-align: center;
}
.footer header .nav {
width: 300px;
margin: 0 auto;
text-align: center;
}
footer header .nav li.nav-item {
float: left;
}
.footer header .nav {
width: 100%;
margin: 20px auto;
text-align: center;
}
#footer-sec .mt-80 {
margin-top: 40px;
}
.nav-link.text-white {
padding: 0;
margin-right: 0;
font-size: 14px;
margin-bottom: 16px;
}
section.footer.container-fluid
.footer-social-icons.footer-social-icons-desktop.left-80 {
position: relative;
left: 0;
text-align: center;
margin-bottom: 30px;
width: 164px;
margin: 10px auto 20px;
padding: 0;
float: none;
}
section.footer.container-fluid .mb-160 {
margin-bottom: 30px;
}
.industry img {
padding-left: 0;
padding-right: 0;
width: 220px;
padding: 20px 0;
}
.industry img:nth-child(2){
width: 100px;
}
header.submenuadded.py-3 {
display: block;
}
.footer header .nav {
display: flex;
flex-direction: column;
}
.button-row a:nth-child(2),
.button-row a:nth-child(3) {
margin-left: 0px;
}
.button.five {
font-size: 14px !important;
}
.bannerhome {
height: 600px;
position: relative;
top: 0;
margin-bottom: 0px;
}
.monitoring-software h2 {
font-size: 24px;
line-height: 30px;
}
.takecomplete p {
font-size: 18px;
line-height: 24px;
padding: 20px 0;
}
.resources h2 {
font-style: normal;
font-weight: 500;
font-size: 45px;
}
.maintitle {
font-size: 40px;
line-height: 42px;
}
.home .slider-content p{
display: none;
/* display: block; */
}
.footercallsec a {
padding: 0;
color: #000;
}
#exomindform .container-fluid .power-auto {
width: 100%;
margin-top: 20px;
text-align: center;
}
#exomindform.conatct .left-60 {
margin-left: 0px;
}
#exomindform.conatct h1 {
font-size: 24px;
line-height: 32px;
padding-left: 6px;
}
.full-width-video-sec embed, .full-width-video-sec iframe, img.poster-image,
#casestudyvideobg .full-width-video-sec embed, #casestudyvideobg .full-width-video-sec iframe, #casestudyvideobg img.poster-image{
width: 700px;
min-height: 366px;
}
#inner-banne-video .text11 .video-height, #casestudyvideobg .text11 .video-height {
height: 100%;
width: 700px;
margin: 0 auto;
}
#casestudyvideobg #control-icon img {
width: 50%;
}
#casestudyvideobg button#play-pause-button {
position: absolute;
top: 40%;
left: 35%;
}
.say-about-exotel .carousel-inner {
height: auto;
padding-bottom: 40px;
}
.say-about-exotel .carousel-control-next-icon {
margin-top: 196%;
margin-left: 54%;
}
.advantage p{
padding-right: 20px;
}
.youTube-video-section .video-play-button {
position: absolute;
z-index: 10;
transform: translateX(86px) translateY(44%);
}
.youTube-video-section .full-width-video-sec embed, .youTube-video-section .full-width-video-sec iframe, .youTube-video-section img.poster-image {
/* width: 700px; */
width: 100%;
height: 500px;
}
.youTube-video-section img.poster-image {
width: 100%;
height: 100%;
object-fit: cover;
}
.full-width-video-sec {
/* width: 700px; */
width: 100%;
margin: 0 auto;
}
.fixed-top {
transform: inherit;
z-index: 99999 !important;
}
.header-row {
display: block;
}
.request-card.requestdemo {
width: 100%;
}
.header_area {
height: 53px !important;
padding-top: 0px !important;
}
.header_area .nav-brand {
line-height: 50px;
}
.header_area .align-left-move > li > a {
padding: 16px 18px !important;
}
.header_area .megamenu-panel {
width: 100%;
top: 52px;
}
.fixed-top.header_white_background, .header_area.fixed-top {
height: 55px !important;
}
.small-business .iconwithtext .title {
display: flex;
align-items: center;
height: auto;
}
.topmenu li a {
font-size: 16px;
}
.resources-plan-feature-border-title{
margin-bottom: 30px;
}
.poster-contentimage {
width: 100%;
text-align: center;
}
.business-countries .carousel-control-next{
display: none;
}
.business-countries .carousel .testimonial h3 p {
font-size: 32px;
line-height: 48px;
color: #585858;
width: 100%;
}
.pricing-faq.mt-70 h2 {
margin-bottom: 20px;
}
.exotel-phone-system .circleno-with-text .number {
width: 76px;
height: 76px;
font-size: 40px;
line-height: 76px;
}
.header-button-cols {
width: 88%;
top: 10px !important;
display: flex;
position: absolute;
left: initial;
right: 50px;
}
.fixed-top .header-button-cols {
width: 83%;
top: 10px !important;
right: 50px;
left: initial;
}
.nav-header {
float: left;
width: 100%;
}
.blacktopmenu{
display: none;
}
.nav-brand {
position: relative;
z-index: 9999999;
}
ul.mobilemenu {
padding: 0;
width: 100%;
border-top: 1px solid #000;
margin-top: 30px;
display: block;
padding-top: 30px;
}
ul.mobilemenu li {
width: 92%;
margin: 0 auto;
float: none;
}
ul.mobilemenu li img{
float: left;
width: 20px;
margin-right: 20px;
}
ul.mobilemenu li img.unactive {
float: left;
width: 34px;
margin-right: 20px;
border: 1px solid #ccc;
border-radius: 6px;
}
.header-button-cols-region {
width: 100%;
top: -3px;
}
.wpml-ls-legacy-dropdown {
width: 100%;
max-width: 100%;
}
ul.mobilemenu li {
width: 90%;
margin: 0 auto;
float: none;
}
.header_area .wpml-ls-legacy-dropdown li a {
display: block;
border: 0px solid #aed2e7;
background-color: #fff0;
font-size: 12px;
border-radius: 0;
}
.header_area .wpml-ls-legacy-dropdown li a {
padding: 6px 10px;
font-size: 16px;
}
a.mobilelogin {
float: left;
width: 100%;
color: #fff;
text-transform: capitalize;
text-decoration: none;
text-align: center;
padding: 20px;
margin-top: 10px;
display: block;
}
a.mobilelogin span{
float: none;
width: auto;
background: #4db960;
color: #fff;
text-transform: capitalize;
text-decoration: none;
text-align: center;
padding: 14px 60px;
border-radius: 50px;
font-size: 18px !important;
margin: 0 auto;
font-weight: 300;
}
a.mobilelogin span:hover{
background: #6bb679;
}
.nav-dropdown {
box-shadow: none;
}
.navigation-portrait .submenu-indicator {
width: 54px;
height: 39px;
}
.navigation-portrait .nav-dropdown > li > ul > li > a {
min-height: 39px !important;
}
.header_area .wpml-ls-legacy-dropdown li a {
padding: 6px 10px;
font-size: 16px;
}
.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a, .wpml-ls-legacy-dropdown a:focus, .wpml-ls-legacy-dropdown a:hover {
color: #000;
background: #eee0;
}
.conatct img.contact-line {
margin-bottom: 0;
}
.contact-sec .contact-line {
width: 70%;
}
.bannerhome .slider-bg img {
height: auto;
object-fit: cover;
}
.resimgsec {
float: none;
width: 350px;
margin-left: 0;
margin: 0 auto;
}
.restextsec {
width: 100%;
float: right;
text-align: center;
color: #fff;
margin-top: 5%;
}
.restextsec img {
width: 100%;
display: none;
}
.restextsec h1.slider-head {
text-align: center;
margin: 0;
margin-bottom: 20px;
}
.restextsec .rightspace{
margin: 0;
}
.restextsec p.rightspace{
text-align: center;
margin: 0;
margin-bottom: 40px;
width: 70%;
margin: 0 auto 20px;
float: none;
}
#freetrail{
background-position: right;
}
.restextsec .slider-button {
float: none;
margin-bottom: 50px;
}
.bannertextsec {
margin-top: 4%;
color: #fff;
margin-bottom: 30px;
}
#casestudybanner .bannertext {
position: absolute;
top: 0;
left: 0;
width: 100%;
margin: 0 auto;
text-align: left;
padding: 20px;
float: right;
}
.case3slider h1.slider-head.rightspace {
margin-top: 0;
margin-left: 60px;
align-items: center;
display: grid;
min-height: auto;
}
.challengtitle {
width: 100%;
float: left;
border-bottom: 1px solid #fff;
border-right: 0px solid #fff;
min-height: auto;
}
.chaltaboption {
width: 100%;
float: left;
border-bottom: 0px solid #fff;
padding: 0px 0;
float: left;
min-height: auto;
border-left: 0px solid #fff;
}
.chaltaboption .nav-tabs {
position: inherit;
}
#casestudybanner a.back-but{
margin-top: 0;
}
.caseaboutus p{
width: 100%;
}
.caselogosec {
position: relative;
width: 300px;
float: none;
margin: 0px auto 40px;
display: flex;
justify-content: center;
}
.caseaboutus img.caselogo {
left: 30%;
}
.casetagfiles {
text-align: center;
width: 670px;
margin: 0 auto;
}
.casetagfiles a{
margin: 34px 4%;
}
.challboxtext {
width: 100%;
float: left;
padding: 30px 20px;
}
.challengbox {
width: 46%;
float: left;
margin: 2%;
}
#challengtab .container {
max-width: 90%;
}
.chaltaboption li a{
font-size: 22px;
}
#challengtab .container{
width: 90%;
}
#challengtab .tab-content {
padding: 0px;
}
.caseabouttext, .bannertextsec, .challengtitle h1,
.case3slider h1.slider-head.rightspace{
margin-left: 0%;
}
.chaltableftbox:last-child {
padding-left: 0%;
}
.case3slider h1.slider-head.rightspace span.text-gradient-color {
margin-top: 0px;
}
.center-text-image-section .w-auto {
width: 100% !important;
}
section#whatsappchart .chaltaboption {
width: 100%;
}
section#whatsappchart .chaltaboption ul {
margin: 0 auto;
width: 100%;
}
section#whatsappchart .whatsapptext {
width: 100%;
float: right;
margin-bottom: 10px;
}
section#roadmaps img.roadmapslap {
width: 100%;
position: relative;
z-index: 9;
margin-top: 0;
}
section#roadmaps img.roadmapslap {
width: 100%;
position: relative;
z-index: 9;
margin-top: 0;
}
section#whatsappchart .whatsappimgsec{
margin-bottom: 0px;
}
.card-body img{
width: 100%;
}
.special-plans-border-title {
width: 90%;
}
.say-about-exotel::before{
margin-left: 0;
}
.power-auto-border-title {
width: 90%;
}
.banner-title .left-80 {
position: relative;
left: 8%;
}
.innrebanner1 .banner-title .left-80 {
position: relative;
left: 0px!important;
margin-left:5%!important;
margin-right:5%!important;
}
.bannerhome1 .slider-content p, .bannerhome1 .slider-content li{
top:0px!important;
margin-left:5%!important;
left: 0px!important;
padding-right: 5%!important;
}
.bannerhome1 .slider-content a{
margin-left: 0%!important;
top: 0px!important;
/* left: 0px!important; */
}
.slider-para{
padding: 5px 20px 5px 5px!important;
}
.left-80 {
position: relative;
left: 0%;
padding-left: 5px;
margin-left: 10%;
}
.thankgreentextbox p{
margin-bottom: 20px;
width: 100%;
}
#thankyoupage h1 {
font-style: normal;
font-weight: 700;
font-size: 50px;
margin: 30px 0;
line-height: 50px;
}
section#newsroominner .topmenu ul li a, section#newsroominner .topmenu li a:hover, section#newsroominner.topmenu li:hover a {
width: auto;
}
#webinarblackbg .webinarformsec {
width: 500px;
margin: 2% auto;
}
#webinarblackbg .request-card.requestdemo {
width: 100%;
margin-top: 30px;
float: left;
}
#webinarblackbg .webinarformsec {
width: 100%;
margin: 2% auto;
}
.webinardivcenter {
width: 60%;
}
.webinarsec p{
width: 100%;
}
button#play-pause-button {
position: absolute;
top: 34%;
left: 34%;
}
.resources-box h3 {
min-height: 70px;
}
section#newsroominner.webinar .newsbannersec {
width: 100%!important;
}
.blog-text-sec img {
width: 100%;
padding: 20px 18px 40px;
}
.newsroombox img.arrowblack {
height: 50px;
width: 50px;
padding: 16px;
}
section#newsroominner.webinar .bolgs-title {
width: 100%;
float: left;
margin: 0px 0 0;
}
.campaignimg {
width: 100%;
text-align: center;
border-right: #000 0px dotted;
padding: 40px 0;
}
.campaigntext {
width: 100%;
padding-left: 0px;
position: relative;
text-align: center;
}
.campaigntext::before{
display: none;
}
.campaigntext::after{
display: none;
}
.rightside .campaigntext::before{
display: none;
}
.rightside .campaigntext::after{
display: none;
}
.rightside .campaignimg {
width: 100%;
text-align: center;
border-right: #000 0px dotted;
border-left: #000 0px dotted;
padding: 40px 0;
}
.campaignbox {
padding: 0;
display: grid;
align-items: center;
}
.rightside .campaigntext {
padding-left: 0%;
padding-right: 0%;
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
}
.campaignbox .number{
margin: 0 auto;
}
.integratingbox img {
display: none;
}
.integratingwidth {
width: 600px;
display: revert;
margin-left: 0%;
margin: 0 auto;
}
.tabsoption {
width: 100%;
margin: 0 auto;
}
.tabsoption li {
width: 100%;
text-align: center;
display: grid;
align-content: center;
height: 51px;
}
.tabstow {
display: block;
align-items: center;
}
.tabstowsec {
width: 100%;
float: left;
text-align: center;
}
.tabstowsec:last-child {
margin-left: 0;
width: 100%;
color: #000;
float: right;
}
.tabstowsec img {
width: 60%;
margin: 0 auto;
float: none;
}
.tab-content {
padding: 0px;
}
.tabsoption ul {
padding: 0;
column-count: 2;
display: block;
}
.tabsoption {
width: 100%;
margin: 0 auto;
background: none;
}
.howotptabssec {
display: block;
width: 90%;
margin: 0 auto;
padding: 0px 0;
}
.owl-carousel.owl-loaded {
display: block;
width: 99%;
margin: 0 auto;
}
.loop.owl-carousel.caseslider06.owl-loaded.owl-drag{
width: 92%;
}
.howotptabssec {
display: block;
}
.howotptabs {
width: 100%;
margin-right: 7%;
margin-left: 0%;
}
.howtabtext {
width: 100%;
text-align: center;
}
#podcastsaudio {
padding: 4% 0;
width: 700px;
float: none;
margin: 0 auto;
clear: both;
}
.podaudsuggbox {
float: right;
width: 86%;
}
.podaudsuggbox {
float: none;
width: 600px;
margin: 0 auto;
}
.podaudsugglist {
float: left;
margin: 30px 0;
color: #fff;
width: 100%;
}
.podaudsugglist img {
float: left;
margin-right: 0px;
width: 120px;
}
.podaudsugglist span.podtags {
background: #FFDD00;
padding: 2px 13px;
}
.podcastsaudiosec h2{
margin-left: 0;
}
.analystbox {
display: block;
width: 600px;
margin: 0 auto;
}
.analystlist img{
margin-top: 50px;
}
#analyst {
padding: 40px 0;
background: #d1e9f6;
}
#ourawards {
padding: 4% 0;
background: #FFDD000D;
}
.analystlist {
width: 100%;
margin: 0;
}
.business-use-exotel .owl-item.active.center p.slidertitle {
display: block;
margin-left: 0;
margin-top: 0px;
}
.customers.container-fluid .col.text-center:nth-child(3n+0) {
border-right:0px;
}
.mainbanner {
float: right;
width: 100%;
}
.textbanner {
width: 100%;
float: left;
position: relative;
}
.reviewlisttext {
width: 100%;
float: left;
margin-bottom: 20px;
}
.reviewlist {
display: block;
width: 100%;
float: left;
}
.reviewlistimg {
width: 300px;
float: none;
text-align: center;
margin: 0 auto;
}
.customers.container-fluid .col.text-center:nth-child(4n+0) {
border-right: 1px solid #d1d1d1;
}
.small-business .col-md-6 {
min-height: auto !important;
}
.webinarsec .empowertextsec .webwhitebg {
color: #000;
margin: 10px 0;
float: left;
width: 100%;
}
.costomeraibox .webinardivcenter{
border-right: 0px solid #000;
/* border-bottom: 1px solid #000; */
}
.outreach .iconwithtext {
display: flex;
padding: 30px 30px 0 30px;
align-items: center;
}
.pvtltd {
margin: 0px;
padding: 10px;
float: none;
text-align: center;
}
.design-credit {
text-align: center;
margin: 0px;
padding: 10px;
float: none;
}
.flex-center {
display: flex;
justify-content: space-around;
flex-direction: column;
align-items: center;
}
.w-45{
width:100%;
}
.page-id-457263 .green-btn {
background: #fff;
color: #00D464;
border: 1px solid #232323;
margin-right: 20px;
}
.page-id-461515 .green-btn {
background: transparent!important;
color: #000 !important;
border: 1px solid #000000!important;
margin-right: 20px;
}
.page-id-457263 .green-btn , .page-id-461515 .green-btn{
background: transparent!important;
/* color: #00D464; */
color: #000 !important;
border: 1px solid #000000!important;
margin-right: 20px;
}
.left-30 {
position: relative;
left: 00px;
}
.left-50 {
position: relative;
left: 00px;
}
.left-80 {
position: relative;
left: 00px;
}
/* .page-id-457647 .green-btn, .page-id-461515 .green-btn, .page-id-457745 .green-btn {
background: #fff !important;
color: #51B584;
border: 1px solid #51B584;
margin-right: 20px;
}
.page-id-457647 .fixed-top .green-btn, .page-id-461515 .fixed-top .green-btn,
.page-id-457745 .fixed-top .green-btn {
background: #fff !important;
color: #51B584;
border: 1px solid #51B584;
margin-right: 20px;
} */
.green-btn{
background: #fff !important;
color: #51B584!important;
border: 1px solid #51B584!important;
margin-right: 20px;
}
.fixed-top .green-btn {
background: #fff !important;
color: #51B584!important;
border: 1px solid #51B584!important;
margin-right: 20px;
}
.pricing-faq .accordion .accordion-button {
padding-left: 30px;
padding-right: 70px;
}
.pricing-faq .accordion-body p {
padding-right: 0px;
padding-left: 30px;
}
}
@media (max-width: 767px) {
#box-menu {
display: block;
margin: 50px auto 0;
width: 88%;
padding: 0;
}
#unlocaksec .power-auto p {
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 28px;
}
#box-menu .menu-img {
overflow: revert;
width: 100%;
float: left;
position: relative;
padding: 0;
}
ul#menu {
margin: 0 auto;
width: 100%;
padding: 0;
list-style: none;
margin-top: 40px;
float: left;
margin-bottom: 40px;
}
.thumbnail_splide_business_use_exotel .splide__track > .splide__list > .splide__slide.is-active img {
top: -250px;
}
.cloud .card-body .para {
height: auto;
}
.maintitle {
font-size: 30px;
line-height: 35px;
}
.button.five {
font-size: 14px !important;
}
.business-countries .carousel .testimonial h3 p,
.sms-delivery h4 {
width: 100%;
font-size: 22px;
line-height: 33px;
}
.say-about-exotel .carousel-control-next-icon {
margin-top: 196%;
margin-left: 0;
}
.pricing-border-title {
width: 100%;
}
.say-about-exotel .carousel-inner {
height: auto;
padding-bottom: 40px;
}
.pricing-padding {
padding-left: 0px;
padding-right: 0px;
width: 85%;
margin: 0 auto;
}
.customerslogo .grey-color {
margin: 10px;
}
.our-plan-feature::before {
margin-left: 66%;
margin-right: 10%;
}
section.pricing-faq .mt-60 {
margin-top: 60px;
margin: 60px auto 0;
width: 90%;
}
.pricing-border-title h1 br,
.our-plan-feature-border-title h2 br,
.power-auto-border-title h2 br,
.our-plan-feature-border-title h2 br {
display: none;
}
.power-content {
padding: 30px 0 30px 0;
}
.advantage p {
font-size: 18px;
line-height: 20px;
}
.advantage .iconwithtext .title h3 {
font-size: 22px;
line-height: 34px;
}
section.advantage.container-fluid .gx-5 {
--bs-gutter-x: 0rem;
}
.say-about-exotel .card-group {
padding-left: 20px;
padding-right: 20px;
gap: 30px;
}
.topmenu li a {
margin: 0px 10px 0px;
font-size: 14px;
width: 92%;
text-align: center;
padding: 10px;
}
.topmenu li {
border-right: 0px solid #8e8e8e;
width: 100%;
}
.topmenu ul {
padding: 0;
width: 100%;
}
.topmenu {
width: 100%;
margin-top: 20px;
border-radius: 12px;
margin-bottom: 20px;
}
#resources-sec .dropbtn,
#resources-sec #myInput {
width: 100%;
max-width: 100%;
margin-bottom: 20px;
float: left;
}
.topmenu li:last-child a {
border: none;
}
.blogs-banner {
text-align: center;
}
ul.social-icon li {
float: left;
margin-top: 20px;
}
ul.social-icon {
float: right;
width: 100%;
}
ul.social-icon li img {
margin-right: 20px;
width: 20px;
}
.bannerhome .slider-content p {
color: #fff;
}
.outreach .iconwithtext {
flex-direction: column;
padding: 30px 0 0 0;
}
.outreach .iconwithtext .title h3 {
margin: 20px 0;
padding: 0;
}
.services-grid {
margin: 0 !important;
}
.services-content-right h2 {
margin-top: 20px;
}
.monitoring-software {
margin: 0 !important;
}
.reorder-slider-mobile1 {
position: relative;
top: -20px;
}
.reorder-slider-mobile2 {
position: relative;
top: 0px;
width: 100%;
}
section#splide02 {
min-height: auto;
}
.customers h2 {
font-size: 30px;
line-height: 38px;
}
.cloud .card-body .para p {
font-size: 16px;
line-height: 20px;
}
.business-box h3 p,
.business-box-white h3 p {
font-size: 14px;
line-height: 20px;
font-weight: 600;
}
.business-box p,
.business-box-white p {
font-size: 14px;
line-height: 20px;
}
.home .slider-content .title {
width: 90% !important;
}
.footer-menu {
display: block;
flex-direction: row;
padding: 0;
width: 100%;
text-align: center;
margin: 0 auto;
}
.footer-menu li {
margin-left: 0;
margin-bottom: 20px;
width: 100%;
}
header.submenuadded.py-3 {
display: block;
padding: 0 !important;
}
#footer-sec .mt-80 {
margin-top: 10px;
}
.pricing-faq .faq-sec {
width: 100%;
margin: 0 auto;
}
.thumbnail_splide_business_use_exotel
.splide__track
> .splide__list
> .splide__slide.is-active::after {
display: none;
}
.slider-button {
font-size: 14px !important;
width: auto;
}
.conatct .form-card .form-control,
.form-card .form-control,
.conatct .form-card select,
#country_saperate input {
font-size: 14px;
}
.conatct .blueButton {
font-size: 16px;
}
.privacy-policy p,
.privacy-policy ul li,
.privacy-policy strong {
margin: 10px 0;
}
.privacy-policy-box {
padding: 15px 18px;
margin-right: 10px;
margin-bottom: 0px;
}
.order-2 {
order: 1 !important;
}
.services-content-right {
text-align: left;
margin-top: 20px;
float: left;
width: 100%;
}
.services-content-left h2,
.services-content-right h2 {
width: 100%;
text-align: center;
}
.services-content-right p,
.services-content-left p {
padding-top: 20px;
text-align: center;
}
.services-img,
.services-img-left {
width: 320px;
height: 320px;
margin: 0 auto;
float: none;
}
.services-content-left {
float: left;
width: 100%;
margin-top: 30px;
margin-bottom: 10px;
}
.services-content-right {
margin-top: 30px;
margin-bottom: 15px;
width: 100%;
float: none;
}
.services-content-left {
width: 100%;
}
.services-grid {
background-color: #1e1e1e;
z-index: 1;
position: relative;
}
.outreach p {
color: #000;
}
.pricing-faq .accordion .accordion-button {
font-size: 18px;
line-height: 24px;
font-weight: 400;
padding-top: 10px;
}
.bannerhome {
position: relative;
top: 0;
height: 600px;
margin-bottom: 0px;
}
.power-content p {
font-size: 16px;
line-height: 20px;
}
.outreach p {
font-size: 16px !important;
line-height: 20px;
text-align: center;
padding: 0 10px;
}
.outreach .iconwithtext .title h3 {
line-height: 24px;
font-size: 20px;
text-align: center;
}
.services-content-left h2,
.services-content-right h2 {
font-size: 20px;
line-height: 30px;
width: 100%;
}
.services-content-right p,
.services-content-left p {
font-size: 16px;
line-height: 20px;
}
.exoteldna .exoteldna-box {
height: auto;
}
.exoteldna .exoteldna-box h3 {
font-size: 22px;
}
.resources h2 {
font-size: 30px;
line-height: 5px;
padding: 0;
margin: 0;
}
.l4-box {
padding: 25px 14px 0px 14px;
height: auto;
}
.monitoring-software h2 {
font-size: 20px;
line-height: 30px;
}
.takecomplete p {
font-size: 18px;
line-height: 1.5em;
padding: 20px 0;
}
.box p {
font-size: 20px !important;
line-height: 24x !important;
padding: 0 20px;
}
.services-content-right .text-end {
text-align: center !important;
margin-bottom: 50px;
margin-top: 30px;
display: none;
}
.services-content-left .resbut {
margin-top: 20px;
text-align: center !important;
margin-bottom: 10px;
}
.resbut a.button.five {
width: auto;
}
.services-content-right a.button.mtb-30.hoverbtn.five.services-btn-border,
.services-content-right
.resbut
a.button.mtb-30.hoverbtn.five.services-btn-border {
width: auto;
margin: 0 auto;
float: none;
text-align: center;
}
.pricing-text {
color: #fff;
font-size: 18px;
margin-bottom: 60px;
line-height: 24px;
font-weight: 300;
font-style: normal;
}
.bannerhome .slider-content p, .bannerhome .slider-content ul{
/* display: none; */
display: block;
}
#whatsappchart .pricing-border-title {
width: 90%;
margin: 0 auto;
}
#whatsappchart .pricing-border-title img {
display: none;
}
.power-auto h4{
font-weight: 600;
font-size: 18px;
line-height: 24px;
color: #FFFFFF;
margin-bottom: 20px;
}
.full-width-video-sec embed, .full-width-video-sec iframe, img.poster-image,
#casestudyvideobg .full-width-video-sec embed, #casestudyvideobg .full-width-video-sec iframe, #casestudyvideobg img.poster-image{
width: 400px;
min-height: 210px;
}
#inner-banne-video .text11 .video-height, #casestudyvideobg .text11 .video-height {
height: 100%;
width: 400px;
margin: 0 auto;
}
.video-play-button {
transform: translateX(0px) translateY(-20px);
padding: 30px 14px 18px 28px;
}
.video-play-button:after, .video-play-button:before {
width: 60px;
height: 60px;
}
.video-play-button span {
border-left: 24px solid #ffffff;
border-top: 16px solid transparent;
border-bottom: 16px solid transparent;
}
.outreach h2 {
font-size: 24px;
line-height: 34px;
}
.outreach h2 {
font-size: 24px;
line-height: 34px;
padding: 0;
text-align: center;
}
.exo-story p, .bannerhome .slider-content p, .bannerhome .slider-content li,
.exoteldna .exoteldna-box label, .exoteldna .exoteldna-box p,
.team-box .flip-footer label, .part-of-exotel-team p, .pricing-text,
.our-plan-feature-box p, .power-content p, .power-content li,
.advantage p, .resources-box h3, .blog-text-sec p, ul.datetime li,
.blog-text-sec li, .fw-normal, .outreach p, .takecomplete label, .expert-body label,
.exotel-phone-system .circleno-with-text .head-desc p, .restextsec p, .chaltabsec p,
section#whocanuse p, .casesliderbox p, .caseaboutus p, section#whocanuse .whocanusebelow h5,
.somemoreyoutext p, section#whatsappchart .chaltaboption ul li a, section#competitionsec p,
section#competitionsec p, .say-about-exotel .card p, .blog-text-sec .tablecontent ul li a,
.blogtagsaut h3, .blogtagsaut ul li a, .blogtagsaut h4, .firstblogbox h3, .firstblogbox h3 a,
.webinartext h5, .webinartext a.liveon, .webinartext ul li, .resources-box a.toptags,
section#newsroominner.webinar .newsbannersec ul li, .webinarsec .formrighttext p, .webinarsec p,
.webinarsec ul li p, .webinarsec ul li, .thankgreentextbox p, .impactbox h4, .advantagebox .iconwithtext p, .reviewlist h5 a, .impactbox p, .integratingwidth .integlist p, .webinarsugg .reso-dtl ul li.dateday, section#newsroominner.webinar .newsbannersec.downloadtext p, .afbebox h4, .webinarsec .podkey li span, .webinarsec .podkey li p{
font-size: 16px;
line-height: 22px;
}
.bannerhome .banner-title h1, .exotelstory-border-title h2,
.shelfoffame-border-title h2, .exoteldna-border-title h2,
.part-of-exotel-team h2, .industry-heading, .pricing-border-title h1,
.our-plan-feature-border-title h2, .reques-power-text h2, .pricing-faq.mt-70 h2,
.power-auto h2, .special-plans-border-title h2, .power-auto-border-title h2,
.resources-plan-feature-border-title h2, .bolgs-title h1, .services-grid .top-header,
.outreach h2, .takecomplete h2, .experts h2, .conatct h1, .exotel-phone-system h2,
.restextsec h1.slider-head, .freetrailblockbox h1.slider-head,
section#whocanuse h2, #caseslider.blackslider h1, .challsec h1, .bannertextsec h1, #somemoreyou h1,
section#competitionsec h1, section#roadmaps h1, #webinarteam h2,
#webinarblackbg.downformsec .formrighttext h3, section#suggreading h2, .webinartitle h1, .reviewtext h1, .impactbox h2, .singlescrollsec h1, .business-title, #analyst h1, .costomeraisec h1 {
font-size: 38px;
line-height: 46px;
}
.shelfoffame h2, .display-4, .casevidetext h2, .challengbelowtext p, .casetagssec h1,
section#whocanuse h4, .casesliderbox h2, .formrighttext h3, .challengtitle h1, .afbebox h3, #campaignsolution h1, .podcastsaudiosec h1 {
font-size: 28px;
line-height: 36px;
}
.exoteldna .exoteldna-box h3, .team-box .flip-footer h2,
.pricing-border-title h3, .our-plan-feature-box .full-function-subtitle,
.pricing-faq .accordion .accordion-button, .power-content h2, .power-content li, .advantage .iconwithtext .title h3,
.services-content-right h2, .freetrailblockbox h5, .services-content-left h2, .somemoreyoutext h4, .somemoreyoutext h4 a,
.exotel-phone-system .circleno-with-text .head-desc h3, .chaltaboption li a, .challboxtext,
.caseaboutus h5, .bannertextsec h5, .bolgs-title h5, .webinartext h1,
section#newsroominner.webinar .newsbannersec p, .integratingwidth .reviewlist h3, .integlist h4, .reviewtext h3, .singlescrollsec p, .singlescrollsec li, .analystlist h3, #webinarblackbg p.formtitle, #ourawards .casesliderbox h3, .webinarsec h6, .tabstowsec h3, .webinarsec h4, .podcastsaudiosec h3, .podcastsaudiosec h2, .podaudsugglist h3 {
font-size: 20px;
line-height: 28px;
}
.say-about-exotel .card p, .pricing-faq .accordion-body p, .analystlist p, .webinartext a.greenbutton{
font-size: 16px;
line-height: 22px;
}
.pricing-faq .accordion .accordion-button, .casevidetext p, section#roadmaps h4, .chaltabsec h3, section#whatsappchart .whatsapptext h3,
.casetagfiles a, .blog-text-sec h2, .teamtext h3, .newsroombox h5, .newsroombox h3{
font-size: 20px;
line-height: 26px;
}
.solutiontext p, .advantagebox .iconwithtext h3{
font-size: 22px;
line-height: 30px;
}
.costomeraibox p{
font-size: 18px;
}
section#footer-sec a.hytext{
font-size: 44px;
text-align: center;
}
.costomeraibox h3 {
font-size: 50px;
font-weight: 800;
}
.newsroombox .newsroomrightdate h4{
font-size: 24px;
}
.webinarsugg.suggboxs .resources-box a.toptags, .afbebox p, .tabstowsec p, section#newsroominner.webinar .newsbannersec a.greenbutton, .podaudsugglist p{
font-size: 14px;
}
.resources-box h6, .webinarsugg .reso-dtl ul li span{
font-size: 12px;
}
.resources-box h5{
font-size: 10px;
}
.teamtext p{
font-size: 16px;
line-height: 22px;
}
.youTube-video-section .video-play-button {
position: absolute;
z-index: 10;
transform: translateX(64px) translateY(0%);
}
.youTube-video-section .full-width-video-sec embed, .youTube-video-section .full-width-video-sec iframe, .youTube-video-section img.poster-image {
/* width: 400px; */
width: 100%;
height: 400px;
}
.youTube-video-section img.poster-image {
width: 100%;
height: 100%;
object-fit: cover;
}
.full-width-video-sec {
/* width: 400px; */
width: 100%;
position: relative;
margin: 0 auto;
}
.blacktopmenu .container {
max-width: 100%;
}
.tabstowsec p{
line-height: normal;
}
.innrebanner {
height: 600px;
}
.innrebanner1 {
height: auto;
}
a.back-but {
padding: 8px 20px;
font-size: 12px;
}
.industry-heading {
font-size: 30px !important;
line-height: 40px !important;
padding-top: 8px !important;
}
.industry {
min-width: 257px !important;
min-height: 320px !important;
}
.business-countries .carousel .testimonial label, .testimonial label a {
font-size: 18px;
line-height: 24px;
}
.request .request-list .circlenumber {
width: 50px;
height: 50px;
font-size: 22px !important;
}
.request p, .request .request-list label {
font-size: 16px;
line-height: 24px;
width: auto;
}
.request img {
margin-bottom: -10px;
display: none;
}
.request .clientlogo img {
display: block;
}
section.exo-story.container-fluid h3{
font-size: 22px;
}
.services-grid .top-header{
margin-bottom: 20px;
}
.pricing-faq .accordion-button:not(.collapsed), .pricing-faq .accordion .accordion-button{
padding-bottom: 10px;
height: auto;
padding-top: 22px;
}
.bannerhome .slider-content, .exotelstory-border-title {
width: 95%;
}
.bannerhome .slider-bg img {
height: auto;
object-fit: cover;
}
.img-wrap {
text-align: center;
}
.contact-sec {
float: left;
width: 98%;
padding-right: 15px;
}
.contact-sec .contact-line {
width: auto;
}
.freetrailsec {
position: relative;
top: 15%;
left: 7%;
width: 89%;
right: 5%;
}
.mt-70 {
margin-top: 40px;
}
.table-horizontal-container {
float: left;
/* width: 600px; */
width: 100%;
position: relative;
}
#pricetable .pricetablesec {
width: 100%;
}
#pricetable tbody::before, #pricetable tbody::after {
width: 153px;
}
#pricetable tbody::before{
right: 14px;
}
#pricetable tbody::after{
right: 31%;
}
#pricetable td, #pricetable th {
font-size: 14px;
padding: 14px 0;
}
#pricetable td img.list-tick {
width: 16px;
}
#pricetable td{
width:33%;
/* min-width: 175px; */
}
#pricetable th {
width: 33%;
/* min-width: 75px; */
}
#pricetable tr:first-child th {
width: 33%;
}
#pricetable img.pricinglogo {
width: 85px;
margin: 10px 0;
}
#pricetable tbody::before ,#pricetable tbody::after {
content: ' ';
position: absolute;
top: 0;
width: auto;
height: 100%;
background: transparent;
border:none;
border-radius: 10px;
right: 19%;
z-index: 1;
}
#pricetable tr > :first-child {
position: -webkit-sticky;
/* position: sticky; */
position: relative;
left: 0;
}
.pricingbelowsec{
font-size: 16px;
}
.our-plan-feature-border-title {
width:100%;
}
.our-plan-feature-border-title .left-80 {
position: relative;
left: 0%;
}
.challengboxbg {
width: 100%;
background: rgba(217, 231, 231, 0.4);
padding: 8% 20%;
}
.casetagfiles {
text-align: center;
width: 470px;
margin: 0 auto;
}
.casetagfiles a{
padding: 8px 30px;
margin: 34px 2%;
}
.challengbox {
width: 100%;
float: left;
margin: 20px 0;
}
.challengbox:nth-child(2) {
margin-top: 20px;
background-color: #d8ebf2;
}
.challengbox:nth-child(3) {
margin-top: 20px;
background-color: #e1f2ec;
}
.container {
max-width: 100%;
padding: 1.5em;
}
.challengtitle {
width: 100%;
float: left;
border-bottom: 1px solid #fff;
border-right: 0px solid #fff;
text-align: center;
}
.challengtitle h1{
margin-top: 0;
}
.chaltaboption {
width: 100%;
}
.chaltabsec .tab-content {
padding: 0px;
}
.chaltabsec p {
color: #FFFFFF;
width: 100%;
margin-right: 0;
}
.challengbelowtext {
width: 90%;
}
.challengbelowtext p::before {
left: -20px;
top: -50px;
background-size: 52px;
}
.challengbelowtext p::after{
background-size: 52px;
bottom: -80px;
}
#casestudyvideobg #control-icon img {
width: 100px;
}
#casestudyvideobg button#play-pause-button {
position: absolute;
top: 30%;
left: 35%;
}
.casevidetext {
margin-top: -11%;
height: 340px;
}
.casevidetext p{
width: 90%;
}
.whocanusetext {
width: 100%;
float: left;
}
.somemoreyoubox {
width: 100%;
float: left;
margin: 5% auto;
text-align: center;
padding: 20px;
}
.somemoreyoubox img {
position: relative;
left: 0;
bottom: 0;
box-shadow: 8px 8px 3px #b6b6b6;
border-radius: 10px;
top: 0;
transform: translate(0%, 0%);
}
.somemoreyousec {
width: 350px;
margin: 0 auto;
}
#webinarteam .somemoreyousec {
width: 350px;
margin: 0 auto;
}
.somemoreyoutext {
width: 100%;
float: right;
}
.telecomimgsec {
display: none;
}
.telecomeimg {
width: 100%;
}
.telecomsec{
display: block;
}
.telecomeimg img {
width: 44%;
margin: 3%;
float: right;
}
.pricing-title.left-80 {
padding: 0;
}
.freetrailblockbox {
/* width: 350px; */
width: auto;
}
#roadmaps img.title-border.slider-borderimg{
display: none;
}
section#roadmaps h1{
position: relative;
z-index: 9;
}
.compebox {
background: #ebf6f0;
float: left;
width: 100%;
margin: 20px 0;
height: auto;
}
.compeboxsec {
width: 350px;
margin: 0 auto;
}
section#competitionsec h1, section#competitionsec p {
width: 100%;
text-align: center;
}
section#roadmaps .compebox {
float: left;
width: 100%;
margin: 10px 0;
}
.firstblogbox {
border-right: 0px solid;
padding: 20px 0;
float: left;
border-bottom: 1px solid #000;
width: 100%;
}
.fistlastblog {
width: 90%;
margin: 20px auto;
padding: 0;
}
.firstblogbox h3 {
width: 70%;
align-items: center;
display: grid;
min-height: 60px;
}
.blogtagsaut {
width: 90%;
margin: 2% AUTO;
}
ul.datetime {
float: none;
width: 300px;
text-align: center;
margin: 0 auto;
}
ul.social-icon {
float: none;
width: 124px;
text-align: center;
margin: 0 auto;
}
.blog-text-sec {
margin-top: 30px;
width: 100%;
float: left;
margin-bottom: 30px;
}
.blogtagsaut ul li a {
width: auto;
padding: 10px 30px;
}
.blogtagsaut img {
float: left;
margin-top: -20px;
width: 56px;
margin-left: 30px;
}
.blogtagsaut h4{
margin-left: 0;
}
.firstblogbox img {
width: 40px;
height: 40px;
padding: 10px;
margin-right: 30px;
margin-top: 12px;
}
.bolgs-title h1{
margin-top: 20px;
}
.blogs-title-sec {
width: 100%;
margin: 0 auto;
}
.blog-text-sec img {
width: 100%;
padding: 0px 20px 20px;
}
.reso-dtl ul li.dateday span {
margin-top: 4px;
float: right;
}
.formrighttext {
margin: 0px 0 0;
}
.webinarformsec{
width: 80%;
margin: 0 auto;
}
#webinarblackbg .request-card.requestdemo{
width: 100%;
}
.webinarsec ul li::before {
height: 0.55rem;
width: 0.55rem;
margin-right: 1rem;
margin-top: 5px;
}
.webinarteambox {
width: 100%;
position: relative;
}
.teamtext {
position: relative;
bottom: 0;
padding: 10px;
text-align: left;
min-height: 80px;
}
section#newsroominner.webinar .newsbannersec.floright {
width: 100%;
background: none;
position: relative !important;
z-index: 9;
text-align: center;
}
section#newsroominner.webinar .newsbannersec.textbox {
width: 92%;
background: none;
margin-left: 4%;
}
.newsinnerbaneer {
width: 100%;
float: none;
margin: 0 auto;
}
section#newsroominner.webinar::before {
width: 700px;
height: 572px;
margin-left: 0;
top: initial;
right: 0%;
bottom: 0;
}
.empowertextsec, .webinarblackbox {
width: 100%;
float: left;
}
.webinardivcenter {
width: 49%;
float: none;
display: inline-block;
}
.thankpagebanner img {
width: 350px;
float: none;
margin: 0 auto;
}
.team-box .flip-box {
background-color: transparent;
perspective: 1000px;
height: 850px;
}
.downebooksec .somemoreyoubox {
margin: 6% 0%;
width: 100%;
}
.owl-carousel .owl-item .downloadtext .newsinnerbaneer {
width: 250px;
}
section#newsroominner .topmenu ul li a, section#newsroominner .topmenu li a:hover, section#newsroominner.topmenu li:hover a {
width: 96%;
}
section#newsroominner .topmenu {
width: 90%;
clear: both;
border-radius: 16px;
}
section#newsroominner.webinar .downloadtext.newsbannersec.textbox {
margin-left: 5%;
width: 90%;
}
.mtb-30 {
margin-top: 10px;
margin-bottom: 10px;
}
#newsroominner .power-auto-border-title {
width: 94%;
}
.resources-cont .owl-nav{
display: none;
}
.resources-plan-feature-border-title {
width: 100%;
float: left;
}
.blog-text-sec iframe{
/* width: 300px; */
width: 100%;
/* height: 200px; */
height:revert-layer;
}
#blogvideosec .full-width-video-sec {
width: 100%;
margin: 0 auto;
}
#blogvideosec .full-width-video-sec embed, #blogvideosec .full-width-video-sec iframe, #blogvideosec img.poster-image {
width: 450px;
min-height: 280px;
}
#blogvideosec .full-width-video-sec {
width: 450px;
margin: 0 auto;
}
#blogvideosec .main-container {
position: relative;
width: 450px;
margin: 0 auto;
}
#blogvideosec::before {
background-repeat: no-repeat;
padding-bottom: 20px;
background-size: cover;
height: 18rem;
}
#blogvideosec #control-icon img {
width: 100px;
}
#bloginner-sec.bloginner-plan-feature{
height: 400px;
}
section#bloginner-banner {
margin-top: -25rem;
}
a.back-but {
padding: 8px 20px;
font-size: 12px;
margin-top: 30px;
}
.topmenu{
margin-bottom: 30px;
}
.bottomimg {
width: 300px;
margin: 0 auto;
}
.costomeraibox .webinardivcenter {
width: 33%;
float: none;
display: inline-block;
text-align: center;
}
.campaignbox .number {
width: 76px;
height: 76px;
font-size: 40px;
line-height: 50px;
}
#ourawards .business-border, section#awardsrec .business-border {
width: 400px;
}
.podsugg img {
width: 40%;
margin-right: 6%;
margin-top: 20px;
}
.integratingbox .integlist {
border-right: 0px solid #232323;
border-bottom: 1px solid #232323;
}
#ourawards .owl-carousel.caseslider08 .owl-nav .owl-prev,
#ourawards .owl-carousel.caseslider08 .owl-nav .owl-next{
display: none;
}
.owl-carousel.owl-loaded {
display: block;
width: 92%;
margin: 0 auto;
}
.howotptabs ul li a:before{
display: none;
}
section.industry.container-fluid .justify-content-center.align-items-center {
display: block !important;
margin: 0 auto;
/* width: 350px; */
width: auto;
max-width: 350px;
text-align: center;
}
.industry img:nth-child(2){
width: 100px;
}
.industry img {
padding-left: 0;
padding-right: 0;
width: 230px;
padding: 12px 0;
}
#newsroomtextsec .blog-text-sec p {
padding: 0 20px;
}
.mobilehide{
display: none;
}
.mobileshow{
display: block;
list-style: none;
}
.col-md-12.mobileshow {
width: 60%;
margin: 0 auto;
}
section#footer-sec .mobileshow ul {
margin: 0;
border-bottom: 1px solid #fff;
padding: 20px 0;
text-align: center;
height: auto;
overflow: auto;
max-height: 300px;
}
section#footer-sec .mobileshow h3 {
margin-top: 0px;
margin-bottom: 10px;
float: left;
width: 100%;
}
section#footer-sec .mobileshow ul li{
margin: 5px 0;
display: none;
}
section#footer-sec .mobileshow ul.active li{
display: block;
}
.alltabssec {
width: 100%;
margin: 0px auto;
}
.alltabslist {
border-radius: 20px;
}
.alltabslist li {
float: left;
border-right: 0px solid #9C9C9C;
width: 100%;
text-align: center;
border-bottom: 1px solid #9c9c9c;
padding: 16px;
}
.challengebox p {
width: 100%;
float: right;
}
.solutiontext {
padding: 50px 20px 20px;
}
.solutiontext p::before {
width: 30px;
height: 30px;
left: -10px;
top: -30px;
}
.solutiontext p::after {
width: 30px;
height: 30px;
right: -10px;
bottom: -80px;
}
.impactbox {
padding: 0px 0 20px;
float: none;
width: 300px;
margin: 0px auto;
text-align: center;
}
.impactbox p {
width: 100%;
padding-bottom: 20px;
border-bottom: 1px solid #9c9c9c;
margin-bottom: 20px;
}
.impactbox .col-md-4 {
width: 100%;
float: left;
margin: 20px 0;
}
.fotadr {
width: 50%;
float: left;
padding: 0 4%;
}
section#footer-sec p{
text-align: center;
}
.casrtagbox {
width: 100%;
}
.casetagfiles p{
padding: 10px 50px;
}
.casetagfiles a {
padding: 2px 30px;
margin: 0px;
width: 100%;
}
.case3slider h1.slider-head.rightspace{
display: block;
min-height:inline;
}
.reviewtext {
position: absolute;
top: 20%;
left: 20px;
}
.reviewbox {
padding: 20px;
}
.customers.container-fluid .col.text-center:nth-child(3n+0) {
border-right: 1px solid #d1d1d1;
}
section#whatsappchart .whatsappimgsec {
margin-bottom: 20px;
}
#box-menu .menu-img img{
margin-bottom: 20px;
}
.pricing-border-title h3{
width: 85%;
float: left;
padding: 0;
}
#submenu {
padding-top: 2px;
background: #00000087;
display: none;
}
section#newsroominner.webinar .bolgs-title{
min-height: auto;
}
.somemoreyoutext h4 a{
min-height: auto;
}
.somemoreyoutext h4{
margin-top: 10px;
}
#newsroomsec .graybg {
padding: 20px;
}
.newsroombox{
margin: 10px 0;
}
#newsroomsec .dropbtn.greenbg {
background: #4DB961;
color: #fff;
cursor: auto;
max-width: 100%;
}
#newsroomsec .dropbtn{
width: 100%;
margin-left: 0;
}
#newsroomsec input#myInput{
width: 100%;
}
.newsroombox .col-1 {
flex: 0 0 auto;
width: 100%;
}
.newsroombox h3{
margin-bottom: 0;
}
.shelfoffame h2 {
margin-bottom: 0px;
text-align: center;
margin-right: 0;
width: 100%;
}
.shelfoffame p {
text-align: center;
margin-right: 0;
width: 100%;
}
.exoteldna .exoteldna-box img {
margin-bottom: 20px;
width: 100%;
max-width: 80px;
}
.call-to{
font-size: 24px;
}
.footer-logo{
text-align: center;
}
.footer-social-icons.footer-social-icons-desktop.left-80{
display: flex;
align-items: center;
justify-content: center;
}
.Form-Heading{
display: block;
}
.extra-width{
width: 100%;
padding: 0;
}
.pricing-faq .accordion .accordion-button {
padding-left: 20px;
padding-right: 50px;
}
.pricing-faq .accordion-button::after {
scale: .75;
}
.pricing-faq .accordion-body p {
padding-right: 0px;
padding-left: 25px;
}
}
@media (max-width: 660px) {
.bannerhome .slider-bg img {
height: 600px;
object-fit: cover;
}
.owl-carousel.caseslider04 .owl-nav {
display: none;
}
#exomindform .container-fluid img {
position: relative;
left: 0;
margin-bottom: 0;
width: 100%;
}
#exomindform.conatct h1 {
font-size: 24px;
line-height: 32px;
padding-left: 4%;
float: left;
}
#unlocaksec .left-80, #whatsappchart .left-80, #buildgenersec .left-80 {
position: relative;
left: 0px;
padding-left: 4%;
}
section.customers.container-fluid .mt-50 {
margin-top: 0px;
}
.blog-text-sec .tablecontent ul {
width: 100%;
}
.blogtagsaut ul {
padding: 0;
margin: 20px 0 40px;
list-style: none;
float: left;
width: 100%;
}
.tablecontent {
background: rgba(255, 221, 0, 0.1);
padding: 20px;
}
.firstblogbox h3 {
width: 80%;
float: left;
margin-left: 0px;
}
.firstblogbox h3 a{
width: 100%;
}
.webinardivcenter {
width: 300px;
float: none;
display: inline-block;
}
.costomeraibox .webinardivcenter {
width: 300px;
float: none;
display: inline-block;
text-align: center;
margin: 0;
}
.costomeraibox .webinarteambox {
border-left: 0px solid #232323;
border-bottom: 0px solid #232323;
padding: 20px 0;
}
#webinarblackbg .webinarformsec {
width: 100%;
margin: 2% auto;
}
#newsroominner .power-auto-border-title {
width: 98%;
}
.integratingwidth {
width: 300px;
display: revert;
margin-left: 0%;
margin: 0 auto;
}
.integratingbox ul li {
float: left;
width: 100%;
border-right: 0px solid #232323;
border-bottom: 0px solid #232323;
padding: 20px;
}
.integratingwidth {
width: 90%;
display: revert;
margin-left: 0%;
margin: 0 auto;
}
.integratingbox ul li:nth-last-child(2){
border-bottom: 0px solid;
}
.tabsoption li a{
font-size: 12px;
}
#podcastsaudio {
padding: 4% 0;
width: 92%;
float: none;
margin: 0 auto;
clear: both;
}
.podaudsuggbox {
float: none;
width: 92%;
margin: 0 auto;
}
.audiosec{
display: block;
text-align: center;
}
.analystbox {
display: block;
width: 92%;
margin: 0 auto;
}
.analystlist img {
background: #f7fbf7;
padding: 50px;
}
.customers .row-cols-xs-3 .col {
width: 45%;
margin-left: 0;
}
.newsimglogosec img {
width: 100%;
position: relative;
}
.newsimglogosec .newslogo {
position: relative;
width: 100%;
float: right;
}
.customers.container-fluid .col.text-center:nth-child(2n+0) {
border-right:0px;
}
#ourawards .casesliderbox{
display: block;
}
#ourawards .casesliderbox h3{
width: 100%;
}
section#whatsappchart .chaltaboption ul li {
width: 100%;
float: left;
margin: 10px 2%;
}
.drm-tab-leftcontent-rightimage-section .chaltaboption ul li {
width: 80%!important;
margin: 0px 1% 20px!important;
}
.team-box .flip-box {
background-color: transparent;
perspective: 1000px;
height: 500px;
}
.webinarsec .empowertextsec p {
color: #000;
float: left;
width: 100%;
margin-top: 16px;
}
.webinarsec .empowertextsec .webiboxtex {
display: block;
align-items: center;
text-align: center;
}
.webinarsec .empowertextsec .circlenumber {
float: none;
margin: 0 auto;
}
.howotptabssec {
padding: 0px 0;
}
.howotptabs ul li p {
margin: 0px 0px 0px 20px;
}
.howotptabs ul li a {
padding: 20px 0 5px 0px;
}
.howotptabssec {
width: 100%;
}
}
@media (max-width: 480px) {
.freetrailblockbox {
width: auto!important;
}
.freetrailsec a.button.mtb-30.hoverbtn.five.slider-button{
width: 100%!important;
font-size: 16px !important;
}
.pricing-text {
color: #fff;
font-size: 16px;
margin-bottom: 60px;
line-height: 24px;
font-weight: 300;
font-style: normal;
margin-left: 10px;
}
.bannerhome .slider-content {
position: relative;
top: 155px;
/* top: 0px; */
width: 98%;
}
.bannerhome1 .slider-content {
position: relative;
top: 0px;
margin-top: 10px;
width: 100%;
display: flex;
flex-direction: column;
}
.takecomplete label {
font-size: 16px;
line-height: 22px;
}
.video-container .caption {
padding-left: 0;
padding-top: 200px;
}
.reques-power-text h2,
.business-countries .carousel .testimonial h3,
.sms-delivery h4 {
font-size: 20px;
line-height: 24px;
width: 100%;
}
.conatct .blueButton {
font-size: 16px;
width: 100%;
}
.button.five {
font-size: 14px !important;
}
.reques-power-text h2 {
width: 95%;
margin: 0 auto;
}
.business-countries .carousel .testimonial h3 p,
.sms-delivery h4 {
width: 100%;
font-size: 20px;
line-height: 28px;
}
.home .slider-bg img {
object-fit: contain;
}
.footer-menu li {
width: 100%;
text-align: center !important;
padding: 0;
margin-right: 0;
}
.footer header {
text-align: left !important;
justify-content: left !important;
padding-left: 0px;
}
.stack .accordion-button:not(.collapsed) {
font-size: 16px;
line-height: 20px;
padding-right: 10px;
}
.cloud .card-body .link {
margin-top: 40px;
}
.cloud .card-body .para {
height: 111px;
}
.five {
font-size: 10px !important;
}
.button-row a:nth-child(2),
.button-row a:nth-child(3) {
margin-left: 0px;
}
.stack .accordion-button:not(.collapsed) {
font-size: 18px;
}
.stack .accordion-button {
font-size: 18px;
line-height: 20px;
padding-right: 10px;
}
.stack .accordion-body {
font-size: 14px;
}
.customers {
padding-top: 8px;
}
.footer header {
text-align: left !important;
justify-content: left !important;
padding-left: 0px;
}
.customerslogo {
margin-top: 0;
margin-bottom: 0px;
}
.cloud .card-body .para p {
font-size: 16px;
line-height: 20px;
}
.footer header .nav {
display: flex;
flex-direction: column;
width: 100%;
margin: 0 auto;
text-align: center;
padding: 0;
}
.row.row-cols-5.row-cols-xs-3.mt-50 {
width: 89%;
margin: 50px auto;
}
.pricing-border-title h1 {
display: inline-block;
font-size: 46px;
width: 85%;
}
.customerslogo .grey-color {
margin: 10px;
width: 70%;
}
.pricing-border-title h1,
.our-plan-feature-border-title h2,
.power-auto-border-title h2,
.our-plan-feature-border-title h2,
.pricing-faq h2,
.special-plans-border-title h2,
.industry-heading,
.resources-plan-feature-border-title h2 {
display: inline-block;
font-size: 30px;
line-height: 38px;
}
.our-plan-feature-box p {
font-size: 18px;
line-height: 23px;
padding-left: 20px;
padding-right: 20px;
}
.our-plan-feature::before {
margin-left: 50%;
margin-right: 10%;
}
.pricing-faq .accordion .accordion-button {
font-size: 16px;
line-height: 20px;
}
.pleft-80 {
padding-left: 8%;
}
.advantage p {
font-size: 18px;
line-height: 20px;
padding: 20px;
}
.resources-box h3 {
font-size: 18px;
}
.reso-dtl ul li p {
font-size: 16px;
}
.blog-text-sec p {
font-size: 14px;
line-height: 20px;
margin-bottom: 20px;
}
.blog-text-sec li {
font-size: 14px;
line-height: 20px;
margin-bottom: 10px;
}
.blog-text-sec ul {
width: 100%;
}
.blog-text-sec h3 {
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 20px;
color: #000;
margin-bottom: 12px;
}
.blog-text-sec {
margin-top: 30px;
width: 100%;
float: left;
margin-bottom: 40px;
}
a.back-but {
padding: 10px 20px;
border-radius: 50px;
margin-top: 30px;
font-size: 12px;
}
.casebanner a.back-but
{
display: none;
}
.casebanner .bannertextsec h5 {
font-size: 16px;
margin-bottom: 5px;
}
ul.datetime li img {
margin-right: 10px;
width: 20px;
}
.exoteldna .col-sm-ipad-6 {
margin: 15px;
}
.exoteldna {
padding: 20px 30px;
}
.row.row-cols-5.row-cols-xs-3.mt-50 {
width: 100%;
margin: 50px auto;
margin-left: 0px;
}
.customers .row-cols-xs-3 .col {
width: 50%;
margin-left: 0;
}
.thumbnail_splide_business_use_exotel.splide--nav
> .splide__track
> .splide__list
> .splide__slide
img {
width: 70px;
}
.business-box,
.business-box-white {
height: auto;
padding-top: 23px;
padding-bottom: 23px;
}
.home .slider-content a {
background: #000000;
border-radius: 55px;
top: -30px;
border: 1px solid #ffff;
}
.communicate .bgbox {
height: auto;
}
.industry-heading {
font-size: 30px !important;
line-height: 40px !important;
padding-top: 8px !important;
margin-top: 30px;
}
section.industry.container-fluid {
height: auto;
padding-bottom: 40px;
min-height: 220px !important;
}
.pricing-border-title h1 {
display: inline-block;
width: 80%;
font-size: 26px;
line-height: 35px;
left: 0px;
}
#unlocaksec .left-80,
#whatsappchart .left-80,
#buildgenersec .left-80{
position: relative;
left: 0px;
}
#whatsappchart .row {
--bs-gutter-x: 0rem;
--bs-gutter-y: 0;
}
.full-width-video-sec embed, .full-width-video-sec iframe, img.poster-image,
#casestudyvideobg .full-width-video-sec embed, #casestudyvideobg .full-width-video-sec iframe, #casestudyvideobg img.poster-image{
width: 350px;
min-height: 180px;
}
#inner-banne-video .text11 .video-height, #casestudyvideobg .text11 .video-height {
height: 100%;
width: 350px;
margin: 0 auto;
}
.exo-story p, .bannerhome .slider-content p, .bannerhome .slider-content li,.bannerhome1 .slider-content p, .bannerhome1 .slider-content li,
.exoteldna .exoteldna-box label, .exoteldna .exoteldna-box p,
.team-box .flip-footer label, .part-of-exotel-team p, .pricing-text,
.our-plan-feature-box p, .power-content p, .power-content li,
.advantage p, .resources-box h3, .blog-text-sec p, ul.datetime li,
.blog-text-sec li, .outreach p, .fw-normal, .expert-body label,
.exotel-phone-system .circleno-with-text .head-desc p, .restextsec p, .chaltabsec p,
section#whocanuse p, .casesliderbox p, .caseaboutus p, section#whocanuse .whocanusebelow h5,
section#whatsappchart .chaltaboption ul li a, section#competitionsec p,
.say-about-exotel .card p, section#competitionsec p, .blog-text-sec .tablecontent ul li a, .blogtagsaut h3,
.blogtagsaut ul li a, .blogtagsaut h4, .firstblogbox h3, .firstblogbox h3 a, .webinartext h5, .webinartext a.liveon,
.webinartext ul li, .resources-box a.toptags, section#newsroominner.webinar .newsbannersec ul li,
.webinarsec .formrighttext p, .webinarsec p, .webinarsec ul li p, .webinarsec ul li, .thankgreentextbox p,
section#newsroominner.webinar .newsbannersec.downloadtext p, .afbebox h4, .webinarsugg .reso-dtl ul li.dateday, .webinarsec .podkey li span, .webinarsec .podkey li p{
font-size: 18px;
line-height: 26px;
}
.bannerhome .banner-title h1, .bannerhome1 .banner-title h1, .exotelstory-border-title h2,
.shelfoffame-border-title h2, .exoteldna-border-title h2,
.part-of-exotel-team h2, .industry-heading, .pricing-border-title h1,
.our-plan-feature-border-title h2, .reques-power-text h2, .pricing-faq.mt-70 h2,
.power-auto h2, .special-plans-border-title h2, .power-auto-border-title h2,
.resources-plan-feature-border-title h2, .bolgs-title h1, .services-grid .top-header,
.outreach h2, .outreach h2, .takecomplete h2, .experts h2, .conatct h1, .exotel-phone-system h2,
.restextsec h1.slider-head, .freetrailblockbox h1.slider-head, #caseslider.blackslider h1,
section#whocanuse h2, .challsec h1, .bannertextsec h1, #somemoreyou h1,
section#competitionsec h1, section#roadmaps h1, #webinarteam h2,
#webinarblackbg.downformsec .formrighttext h3, section#suggreading h2, .singlescrollsec h1, .costomeraisec h1, #analyst h1, .business-title, .afbebox h3{
font-size: 32px;
line-height: 40px;
}
.shelfoffame h2, .display-4, .casevidetext h2, .casetagssec h1,
section#whocanuse h4, .casesliderbox h2, .formrighttext h3, .challengtitle h1, .podcastsaudiosec h1 {
font-size: 24px;
line-height: 34px;
}
.exoteldna .exoteldna-box h3, .team-box .flip-footer h2,
.pricing-border-title h3, .our-plan-feature-box .full-function-subtitle,
.pricing-faq .accordion .accordion-button, .power-content h2, .power-content li, .advantage .iconwithtext .title h3,
.services-content-right h2, .freetrailblockbox h5, .challengbelowtext p, .services-content-left h2,
.exotel-phone-system .circleno-with-text .head-desc h3, .chaltaboption li a, .challboxtext,
.caseaboutus h5, .bannertextsec h5, .bolgs-title h5, .webinartext h1, .singlescrollsec p, .singlescrollsec li, .newsroombox h3, #ourawards .casesliderbox h3, section#newsroominner.webinar .newsbannersec p, #webinarblackbg p.formtitle, .webinarsec h6, .webinarsec h4, .podcastsaudiosec h3, .podcastsaudiosec h2, .podaudsugglist h3 {
font-size: 20px;
line-height: 28px;
}
.say-about-exotel .card p, .pricing-faq .accordion-body p, .takecomplete label, .webinartext a.greenbutton{
font-size: 16px;
line-height: 22px;
}
.pricing-faq .accordion .accordion-button, .casevidetext p, section#roadmaps h4, .chaltabsec h3, section#whatsappchart .whatsapptext h3,
.casetagfiles a, .blog-text-sec h2, .teamtext h3, .newsroombox h5{
font-size: 20px;
line-height: 26px;
}
.costomeraibox p{
font-size: 18px;
}
.costomeraibox h3 {
font-size: 45px;
font-weight: 800;
}
.webinarsugg.suggboxs .resources-box a.toptags, section#newsroominner.webinar .newsbannersec a.greenbutton{
font-size: 14px;
}
.teamtext p, .webinarsugg .reso-dtl ul li span{
font-size: 14px;
line-height: 20px;
}
.newsroombox .newsroomrightdate h4{
font-size: 22px;
}
.bannerhome {
margin-bottom: 0px;
}
.youTube-video-section .video-play-button {
position: absolute;
z-index: 10;
transform: translateX(43px) translateY(0%);
}
.youTube-video-section .full-width-video-sec embed, .youTube-video-section .full-width-video-sec iframe, .youTube-video-section img.poster-image {
width: 100%;
height: 300px;
}
.youTube-video-section img.poster-image {
width: 100%;
height: 100%;
object-fit: cover;
}
.full-width-video-sec {
width: 100%;
margin: 0 auto;
}
section.exo-story.container-fluid h3{
font-size: 20px;
}
.exotel-phone-system .circleno-with-text .number {
width: 56px;
height: 56px;
font-size: 30px;
line-height: 76px;
}
.navigation-portrait .nav-menus-wrapper {
width: 100%;
}
.header-button-cols {
width: 88%;
top: 12px !important;
right: 40px;
z-index: 999999;
}
.navigation-portrait .nav-dropdown {
width: 82%;
}
.nav-dropdown .submenu-indicator {
right: 7px !important;
}
.fixed-top .header-button-cols {
width: 88%;
top: 12px !important;
right: 40px;
left: initial;
}
.nav-toggle {
margin-top: -12px;
}
.nav-menus-wrapper.nav-menus-wrapper-open {
width: 100% !important;
}
.navigation-portrait .submenu-indicator {
width: 54px;
height: 40px;
}
.img-wrap img{
width: 100%;
}
h4.thanktitle br {
display: none;
}
h4.thanktitle {
font-size: 14px;
font-weight: 200;
line-height: 24px;
padding: 0;
}
.thanksec{
margin-top: 50px;
}
.resimgsec {
float: none;
width: 300px;
margin-left: 0;
margin: 0 auto;
}
.casetagfiles {
text-align: center;
width: 90%;
margin: 0 auto;
}
.casetagfiles a{
padding: 20px 30px;
margin: 11px 2%;
width: 100%;
}
.challengboxbg {
width: 100%;
background: rgba(217, 231, 231, 0.4);
padding: 8% 5%;
}
.chaltaboption li {
width: 25%;
padding: 15px 0;
text-align: center;
}
.chaltaboption li a {
font-size: 16px;
}
.telecomeimg img {
width: 100%;
float: none;
margin: 0 auto;
}
section#roadmaps .compebox {
background: #fefce7;
float: left;
width: 100%;
}
#customerlogosec .owl-carousel .owl-item img {
/* padding: 20px; */
padding: 0px;
width:100px!important;
}
.small-business .col-md-6 {
min-height: auto !important;
}
#exomindform .container-fluid img {
position: relative;
left: 0;
margin-bottom: 0;
width: 100%;
}
.conatct img {
position: relative;
left: 0px;
margin-bottom: -45px;
width: 92%;
}
#unlocaksec .left-80, #whatsappchart .left-80, #buildgenersec .left-80 {
position: relative;
left: 0px;
padding-left: 4%;
}
#blogvideosec .full-width-video-sec embed, #blogvideosec .full-width-video-sec iframe, #blogvideosec img.poster-image {
width: 350px;
min-height: 240px;
}
#blogvideosec .full-width-video-sec {
width: 350px;
margin: 0 auto;
}
#blogvideosec .main-container {
position: relative;
width: 350px;
margin: 0 auto;
}
#blogvideosec::before {
background-repeat: no-repeat;
padding-bottom: 20px;
background-size: cover;
height: 13rem;
}
#blogvideosec #control-icon img {
width: 70px;
}
.campaignimg img{
width: 100%;
}
#ourawards .business-border, section#awardsrec .business-border {
width: 80%;
}
.fotadr {
width: 100%;
float: left;
padding: 0 4%;
}
}
@media (min-width: 1110px) and (max-width: 1180px) {
.banner-col-md-6 {
margin-left: 68px;
}
}
@media (min-width: 300px) and (max-width: 380px) {
.table_outer {
max-width: 350px;
overflow: scroll;
margin-left: -20px;
}
}
/* Gokul Page 404 page */
@media (min-width: 200px) and (max-width: 480px) {
.error-body {
width: 226px !important;
margin-left: -30px;
}
.error-body p {
margin-top: 13px !important;
text-align: center;
font-size: 14px !important;
line-height: 17px !important;
}
.error-body .error-header {
font-size: 32px !important;
line-height: 30px !important;
text-align: center !important;
}
.error-body .button {
font-size: 10px !important;
}
.error-body a {
margin-top: 0px;
margin-left: 8px;
}
.bannerhome .slider-content p,
.bannerhome .slider-content li {
font-style: normal;
font-weight: 300;
font-size: 16px;
line-height: 24px;
/* color: #668877; */
color: #fff;
position: relative;
width:90%;
top: 0px;
text-align: left;
}
.analystlist1{
width: 100%!important;
}
.cs-box1{
max-width:100%!important;
}
.freetrailblockbox h5
{color:#fff !important;}
.contact-new{
height: 950px;
}
.slider-video-container-2{
height: 975px;
}
#background-video{
height: 975px;
}
.flex{
flex-direction: column;
}
.Venue-details {
font-size: 14px;
line-height: 22px;
}
.logo-flex-1 {
gap: 30px;
flex-wrap: wrap;
}
}
/*
====================================
min width 481px to max width 767px
=====================================
*/
@media (min-width: 481px) and (max-width: 767px) {
.error-body {
width: 400px !important;
margin-left: -14px;
}
.error-body p {
margin-top: 13px !important;
text-align: center;
font-size: 14px !important;
line-height: 17px !important;
}
.error-body .error-header {
font-size: 32px !important;
line-height: 30px !important;
text-align: center !important;
padding-left: 50px;
}
.error-body .button {
font-size: 12px !important;
}
.error-body a {
margin-top: 0px;
margin-left: 90px;
}
.analystlist1{
width: 100%!important;
}
.cs-box1{
max-width:100%!important;
}
.logo-flex-1 {
gap: 30px;
flex-wrap: wrap;
}
}
@media (min-width:1281px) {
.stack .padcols {
padding-right: 0px !important;
padding-bottom: 50px;
}
}
@media (max-width:768px) {
h1
{
font-style: normal;
font-weight: 600;
font-size: 48px;
line-height: 60px;
}
h2{
font-style: normal;
font-weight: 600;
font-size: 36px;
line-height: 48px;
}
.banner-bg{
background-image: url(/wp-content/uploads/2024/01/pricing-banner-06-scaled.jpg);
height:auto;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.banner-title{
font-size: 24px;
line-height: 32px;
}
.bannertextsec h1, .bannertextsec1 h1 {
font-style: normal;
font-weight: 500;
font-size: 32px;
line-height: 38px;
}
.case-card{
display: flex;flex-direction: column;color:#fff;margin:1em 0 1em;
}
.case-card-text{
font-size: 20px;
line-height: 30px;
}
}
@media (max-width:768px){
section{
padding-left: 20px!important;
padding-right: 20px!important;
}
.l4-box{
min-height:auto;
padding: 25px 14px 14px 14px!important;
margin-bottom: 25px;
}
.casebanner1 img{
height: auto;
}
.heading1 {
font-size: 38px!important;
line-height: 42px!important;
}
.left-text-right-image-section h2,.exo-ksa-registration-form h2,.center-text-image-section h2{
line-height: 48px;
font-size:36px;
}
}
@media (max-width:991px){
.float img {
display: block!important;
}
#allincall-popup-wrapper.bottom-right-position-wrapper {
display: none!important;
}
}
@media (min-width:992px){
.float img {
display: none!important;
}
#allincall-popup-wrapper.bottom-right-position-wrapper {
display: block!important;
}
.fixed-top .green-btn {
background: #fff !important;
color: #51B584!important;
border: 1px solid #51B584!important;
margin-right: 20px;
}
}
@media (min-width:768px) and (max-width:991px){
.l4-box{
/* min-height:450px; */
min-height: auto;
padding: 25px 14px 14px 14px!important;
margin-bottom: 20px;
max-height: 100%;
}
.analystlist1{
width: 100%!important;
}
section.stack {
padding-bottom: 2rem;
}
.cs-box1{
max-width:100%!important;
}
.integratingwidth .integlist p
{
font-size: 18px;
}
.outreach .iconwithtext {
display: flex;
padding: 30px 30px 0 30px;
align-items:center!important;
}
.logo-flex-1 {
gap: 30px;
flex-wrap: wrap;
}
}
@media (min-width:992px) and (max-width:1280px){
.l4-box{
/* min-height:390px; */
min-height: auto;
padding: 25px 14px 14px 14px!important;
margin-bottom: 30px;
}
.reviewbox {
padding: 0px;
}
.reviewboxsec {
padding: 3%;
}
}
@media (min-width:1281px){
.l4-box{
max-height: 100%;
height: 215px;
padding: 25px 14px 0px 14px!important;
}
}
@media (min-width:992px) and (max-width:1100px){
.podaudsuggbox {
float: none;
width: 100%;
margin: auto;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
}
@media (min-width:992px) and (max-width:1180px){
.bannerhome1 .slider-content p{
max-width: 450px;
}
}
@media (min-width:1181px) and (max-width:1480px){
.bannerhome1 .slider-content p{
max-width: 525px;
}
}
@media (min-width:1101px){
.podaudsuggbox {
float: none;
width: 100%;
margin: auto;
display: flex;
flex-wrap: nowrap;
justify-content: center;
}
}
@media (max-width: 1700px)
{
.exoteldna {
padding: 30px 30px;
}
}
/* blog */
@media (max-width:1180px){
.blog-cta-flex {
background-color: #fff;
padding: 10px 30px;
border-radius: 50px;
}
}
@media (max-width:1080px){
.blog-new-strip-banner{
display: flex;
align-items: center;
flex-direction: column;
}
.blog-strip-head {
max-width: 480px;
color: #fff !important;
text-align: center;
}
.datetime-catgy{
flex-direction: column;
}
}
@media (min-width:769px) and (max-width:991px) {
.blogs-banner {
text-align: center;
position: relative;
top: 0px;
}
.blog-post-content {
height: 160px;
padding: 0px 10px;
}
.blog-new-strip-section-with-center-heading-bg,.blog-new-strip-section-with-center-heading-bg-1 {
display: flex;
flex-direction: column;
background-size: cover;
}
#bloginner-sec.bloginner-plan-feature{
height: auto;
}
.banner-row{
display:flex;
flex-direction: column;
}
.banner-row .banner-col-1,.banner-row .banner-col-2{
width: 100%;
}
}
@media (max-width:768px) {
.blog-post-content {
height: auto!important;
padding: 0px 10px!important;
}
.blog-new-strip-section-with-center-heading-bg,.blog-new-strip-section-with-center-heading-bg-1 {
display: flex;
flex-direction: column;
background-size: cover;
}
}