*/
.search-sec .form-control {
position: relative;
padding: 6px 6px 6px 12px;
height: 72px;
border-radius: 0;
border-top: none;
border-color: #f1f1f1;
border-left: none;
width: 95.5%;
}
.search-sec .form-control:focus {
box-shadow: none;
}
.search-sec .search-icon img {
position: absolute;
top: 26px;
width: 20px;
left: 2px;
}
.mid-components .dropdown-menu.show {
position: relative !important;
width: 90%;
transform: translate3d(0px, 0px, 0px) !important;
border: none;
left: 25px !important;
border-radius: 0;
margin-bottom: 10px;
}
.mid-components img {
width: 20px;
}
.mid-components span {
/* font-size: 11px; */
font-size: 14px !important;
color: 333333 !important;
font-weight: 500;
font-family: "sf_ui_textregular" !important;
}
.mid-components .list-unstyled li a {
font-size: 14px !important;
/* font-weight: 500; */
color: 222222 !important;
}
.mid-components .show .dropdown-toggle::after {
transform: rotateX(192deg);
}
.mid-nav-inner {
border: none; /*border: 1px solid #cdcaca;*/
border-left: none; /*height: calc(100vh - 72px);*/
/* height: calc(100vh - 69px); */
height: calc(100vh - 70px);
position: relative;
overflow-y: auto;
border-top: 2px solid #e5e5e5;
}
.mid-nav-inner .toggle-inner .switch {
margin-bottom: 10px !important;
}
.mid-nav-inner p {
/* position: absolute; */
/* bottom: 0px;
right: 27px; */
position: fixed;
bottom: 3%;
right: auto;
font-size: 39px;
color: #f17c2b;
border: 1px solid #ddd;
border-radius: 100%;
width: 40px;
height: 40px;
line-height: 30px;
text-align: center;
background: #f17c2b;
box-shadow: 1px 11px 17px rgba(0, 0, 0, 0.1);
top: auto;
left: 24%;
margin-bottom: 0;
}
.mid-nav-inner p img {
width: 20px;
margin-top: 10px;
}
.mid-components .dropdown-menu a {
padding: 11px 13px 11px 5px;
border-right: 4px solid transparent;
}
.mid-components .dropdown-item:hover {
border-right: 4px solid #f17c2b;
background: #ddd;
}
.mid-components .dropdown-menu.show {
width: 99%;
margin-left: 2px;
background: #ddd;
margin: 0px 0px 0px 2px;
padding: 0;
}
.mid-sidebar .mid-components a {
display: block;
}
.mid-nav-inner .list-unstyled.show a {
background: transparent;
padding: 4px 8px 4px 20px !important; /*padding: 4px 8px 4px 56px !important;*/
}
.mid-nav-inner .list-unstyled.show a:hover {
background: #ddd;
border-right: 3px solid #f17c2b;
}
.mid-nav-inner .list-unstyled.show a.active {
background: #ddd;
border-right: 3px solid #f17c2b;
}
.mid-nav ul {
/* padding: 5px 0px; */
padding: 8px 0px;
}
.mid-nav li {
padding: 2px 0px;
}
.mid-nav .mid-components li ul.collapse li a,
h5.pl-4 {
/* padding: 4px 8px 4px 56px !important; */
/* padding: 6px 8px 6px 45px !important; */
padding: 8px 8px 8px 45px !important;
font-family: "sf_ui_textmedium";
color: #222222 !important;
}
.mid-nav-inner .mid-nav h5.pl-4 {
padding: 6px 8px 6px 20px !important;
}
.mid-nav .mid-components li ul.collapsing li a {
/* padding: 4px 8px 4px 56px !important; */
/* padding: 6px 8px 6px 45px !important; */
padding: 8px 8px 8px 45px !important;
font-family: "sf_ui_textmedium" !important;
}
.progress-sec .progress {
border-radius: 67px;
width: 100%;
height: 9px;
}
.mid-nav ul.direct-messge-ul li {
padding: 3px 10px;
}
.mid-nav ul.direct-messge-ul .direct-messge-list {
background: #fff;
padding: 10px 0px;
border-radius: 4px;
/* margin-bottom: 5px; */
}
.mid-nav ul.direct-messge-ul .direct-messge-list.active-message {
border-right: 3px solid #f17c2b;
border-radius: 0;
background: #ddd;
}
.mid-nav ul.direct-messge-ul .direct-messge-list img {
width: 35px;
height: 35px;
border-radius: 5px;
vertical-align: top;
}
.mid-nav ul.direct-messge-ul .row.direct-messge-list-row {
margin: auto;
}
.mid-nav ul.direct-messge-ul h3 {
font-size: 14px;
display: inline-block;
color: #222222 !important;
margin-left: 5px;
margin-bottom: 0px;
/* font-family: "sf_ui_textregular" !important; */
font-family: sf_ui_textmedium !important;
font-weight: 500;
}
.mid-nav ul.direct-messge-ul .fa-circle {
position: absolute;
bottom: 0;
top: -5%;
}
.mid-nav ul.direct-messge-ul span {
font-size: 13px;
}
.haeder {
background: #30353d;
}
.modal-title-size {
font-size: 16px !important;
}
.haeder .navbar .navbar-toggler {
background: #fff;
padding: 5px 10px;
width: 45px;
}
.haeder .navbar .navbar-toggler-icon {
width: 23px;
height: 3px;
background: #000;
margin-top: 2px;
margin-bottom: 5px;
padding: 0;
}
.haeder .navbar-brand {
color: #fff;
font-weight: 600;
}
.header-sec .input-group-text {
border-radius: 12px !important;
background: #d3dff7;
position: relative;
z-index: 99;
}
.header-sec .input-group-text i {
color: #6672fb;
}
.header-sec .form-control {
border-radius: 8px;
left: -6px;
z-index: 2;
background: #eff3fb;
border: none;
height: 38px;
padding-left: 17px;
}
.form-control {
/* color: #333; */
font-size: 15px;
min-height: 46px;
padding: 6px 15px;
color: #6f8ba4;
border: 1px solid #6f8ba4;
border-radius: 12px;
}
.header-sec h5 {
font-weight: bold;
width: 100%;
font-size: 18px;
text-align: end;
margin-right: 17px;
margin-bottom: 0;
}
.header-input {
display: flex;
align-items: center;
}
.header-sec {
width: 100%;
}
.header-sec a {
color: #363565;
}
.header-sec a span {
color: #b5bdcf;
}
.header-sec a:hover {
color: #fff;
}
.header-sec .btn-primary {
background: #ffcd30;
border-radius: 10px;
color: #333333;
}
.header-sec .btn-primary:hover {
background: #f5c321;
color: #333333;
}
.header-sec img {
width: 45px;
border-radius: 5px;
height: 35px;
}
.navigation li a {
color: #fff;
}
/* .side-btn {
position: absolute;
left: -38px;
background: #fff;
color: #000;
top: 72px;
border-radius: 100%;
} */
.side-bar-toggal.side-btn:hover {
background: #fff;
}
.side-bar-toggal.side-btn:focus {
outline: none;
}
.side-btn:hover {
background: #fff;
}
.progress-sec {
padding-top: 25px;
}
#sidebar.active .progress-sec {
/* padding-top: 29px; */
padding-top: 23px;
}
.badge-light {
top: 20px;
left: 1128px;
height: 14px;
min-width: 14px;
border-radius: 25px;
position: fixed;
color: #fff;
background: #f17c2b;
}
.lower-sec {
padding: 20px;
background: #fff;
border-radius: 0 0px 0 15px;
}
/* mk css start */
/* width */
::-webkit-scrollbar {
/* width: 3px;
height: 3px; */
width: 5px;
height: 5px;
}
/* Track */
::-webkit-scrollbar-track {
/* background: #cccccc; */
background: #fff;
border: 1px solid #c4c4c4;
}
/* Handle */
::-webkit-scrollbar-thumb {
/* background: #f17c2b; */
background: #c4c4c4;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
/* background: #000000; */
background: #cccccc;
}
.bg-info-light {
background-color: rgba(2, 182, 179, 0.12) !important;
color: #1db9aa !important;
}
.bg-primary-light {
background-color: rgba(17, 148, 247, 0.12) !important;
color: #2196f3 !important;
}
.bg-danger-light {
background-color: rgba(242, 17, 54, 0.12) !important;
color: #e63c3c !important;
}
.bg-warning-light {
background-color: rgba(255, 152, 0, 0.12) !important;
color: #f39c12 !important;
}
.bg-success-light {
background-color: rgba(15, 183, 107, 0.12) !important;
color: #26af48 !important;
}
.bg-purple-light {
background-color: rgba(197, 128, 255, 0.12) !important;
color: #c580ff !important;
}
.bg-default-light {
background-color: rgba(40, 52, 71, 0.12) !important;
color: #283447 !important;
}
header .navbar-expand-lg .navbar-nav .nav-link {
font-family: "sf_ui_textmedium";
font-weight: normal;
}
.nav-tabs.nav-tabs-bottom > li > a.active,
.nav-tabs.nav-tabs-bottom > li > a.active:hover,
.nav-tabs.nav-tabs-bottom > li > a.active:focus {
/* border-bottom-width: 2px; */
border-bottom-width: 3px;
border-color: transparent;
border-bottom-color: #f17c2b;
color: #f17c2b;
background-color: transparent;
transition: none 0s ease 0s;
-moz-transition: none 0s ease 0s;
-o-transition: none 0s ease 0s;
-ms-transition: none 0s ease 0s;
-webkit-transition: none 0s ease 0s;
}
.nav-tabs.nav-tabs-solid {
background-color: #fafafa;
border: 0;
}
.nav-tabs.nav-tabs-solid > li {
margin-bottom: 0;
}
.nav-tabs.nav-tabs-solid > li > a {
border-color: transparent;
}
.nav-tabs.nav-tabs-solid > li > a:hover,
.nav-tabs.nav-tabs-solid > li > a:focus {
background-color: #f5f5f5;
}
.nav-tabs.nav-tabs-solid > .open:not(.active) > a {
background-color: #f5f5f5;
border-color: transparent;
}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
background-color: transparent;
border-color: transparent;
color: #f17c2b;
}
table {
border-collapse: separate;
/* border-spacing: 5px 20px;
padding: 5px; */
border-spacing: 0px 10px;
padding: 0px;
}
.table tr {
border-radius: 10px;
/* box-shadow: 0px 2px 8px rgb(136, 136, 136, 0.1); */
/* box-shadow: 0px 3.68734px 12.4963px rgba(0, 0, 0, 0.06); */
box-shadow: 0px 3px 14px rgb(14 0 0 / 7%);
/* padding: 20px 10px; */
padding: 10px 10px;
background: #fff;
}
.table tr:hover {
border-radius: 10px;
/* box-shadow:0 4px 10px 4px rgb(0, 0, 0, 0.1); */
box-shadow: 0px 3px 14px rgb(14 0 0 / 7%);
}
.table thead {
background-color: #f8f9fa;
}
.table td,
.table th {
/* padding: 20px 10px; */
padding: 10px 10px;
}
.table thead th {
vertical-align: bottom;
/* border-bottom: 1px solid #fbfbfb; */
border-bottom: none !important;
font-weight: 600;
/* background-color: #fbfbfb; */
background-color: #fff;
color: #3b566e;
font-size: 14px;
}
.table td {
/* vertical-align: top; */
vertical-align: middle;
color: #3b566e;
font-size: 14px;
}
.table td:first-child {
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.table td:last-child {
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
.table tbody td {
border-top: none !important;
}
.table-hover tbody tr:hover {
/* background-color: rgba(0, 0, 0, .025); */
/* background-color: #fbfbfb; */
background-color: #ffffff;
}
.appointment-tab .tab-content {
/* height: calc(100vh - 72px);
overflow-y: auto; */
height: auto;
overflow-y: hidden;
overflow: hidden;
}
.appointment-tab .tab-content {
height: auto;
overflow-y: auto;
overflow: visible;
}
.appointment-tab.allrecent .tab-content .mid-sidebar {
/* height: calc(100vh - 72px); */
height: calc(100vh - 155px);
overflow-y: auto;
}
.nexa-header .btn-yellow {
border-radius: 7px;
font-size: 14px;
font-weight: 600;
background: #ffe34a;
border: none;
color: #333333;
}
.nexa-header .nav-item i {
color: #363565;
}
.nexa-header .nav-item i.fa-bell {
margin-top: 15px;
}
.nexa-header .btn-yellow span {
font-weight: 600;
font-size: 18px;
padding: 0px 0px 0 6px;
vertical-align: middle;
}
.nexa-header .fa-bars {
color: #d8d8d8 !important;
font-size: 17px;
}
.nexa-header.navbar {
margin-bottom: 0px;
/* padding: 0px 10px; */
/* padding: 5px 10px; */
padding: 0px 0px;
/* border-bottom: 1px solid #f7f7f7; */
border-radius: 30px 0 0 0px;
background: #eeeeee;
}
.nexa-header.navbar a.navbar-brand {
background: #fff;
padding: 12px 15px;
width: 100%;
position: relative;
max-width: 23.88%;
}
.header-cal-md {
padding: 0px 0px;
}
.nexa-header.navbar .navbar-nav li {
padding: 5px 4px;
line-height: 43px;
}
.nexa-header.navbar .navbar-nav li .company-name {
font-size: 14px;
margin-top: 18px;
color: #19191b !important;
font-weight: 700;
}
.nexa-header.navbar .navbar-nav li.header-new-btn a.btn {
padding: 5px 12px;
min-width: auto;
font-size: 16px;
}
.nexa-header.navbar .navbar-nav li.header-new-btn a.btn i {
color: #fff;
font-size: 12px;
}
.nexa-header.navbar .navbar-nav li .nav-link {
font-size: 14px;
font-weight: 500;
color: #19191b !important;
}
.nexa-header.navbar .profile-menu-li img {
height: 45px;
width: 45px;
/* border-radius: 15%; */
border-radius: 50px;
border: 3px solid #f3f3f3;
margin-right: 3px;
}
.nexa-header.navbar .profile-menu-li .dropdown-toggle::after {
right: 0;
display: none;
}
.nexa-header.navbar .profile-menu-li .dropdown-menu {
border: none;
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
position: absolute;
/* right: 0; */
left: auto;
right: 10px;
min-width: 300px;
border-radius: 15px;
padding-top: 0px;
/* overflow: hidden; */
}
.nexa-header.navbar .profile-menu-li .sub-profile-drop .status-search-bar {
padding: 12px 12px;
/* margin-top: 10px; */
position: relative;
padding-bottom: 0px;
}
.nexa-header.navbar
.profile-menu-li
.sub-profile-drop
.status-search-bar
.form-control {
padding-top: 6px;
padding-left: 35px;
min-height: 40px;
border: 1px solid #e7eaff;
}
.nexa-header.navbar
.profile-menu-li
.sub-profile-drop
.status-search-bar
.fa-smile {
position: absolute;
top: 23px;
left: 21px;
font-size: 20px;
cursor: pointer;
color: #7589a4;
}
.nexa-header.navbar .profile-menu-li .sub-profile-drop .status-btn-div {
padding: 2px 12px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.nexa-header.navbar
.profile-menu-li
.sub-profile-drop
.status-btn-div
.cancel-status {
padding: 6px 18px !important;
background: #f7caab;
line-height: 27px;
border-radius: 50px;
color: #fff;
margin: 5px;
}
.nexa-header.navbar
.profile-menu-li
.sub-profile-drop
.status-btn-div
.save-status {
padding: 6px 18px !important;
background: #f17c2b;
line-height: 27px;
border-radius: 50px;
color: #fff;
margin: 5px;
}
/* new drop profile */
.nexa-header.navbar .drop-profile-div {
display: flex;
align-items: center;
justify-content: flex-start;
background: #e0e0e0;
padding: 15px 15px;
border-radius: 15px 15px 0px 0px;
}
.nexa-header.navbar .drop-profile-left {
margin-right: 10px;
height: 45px;
width: 45px;
/* border: 3px solid #f3f3f3; */
border: 1px solid #f3f3f3;
background: #fff;
position: relative;
border-radius: 50px;
display: flex;
align-items: center;
justify-content: center;
/* overflow: hidden;
object-fit: cover; */
position: relative;
}
.nexa-header.navbar .drop-profile-left img {
height: 43px;
width: 43px;
border: none;
overflow: hidden;
object-fit: cover;
margin: 0 auto;
border-radius: 50px;
}
.nexa-header.navbar .drop-profile-left .status-img-profile {
position: absolute;
width: 13px;
right: -7px;
top: 20px;
height: 13px;
}
.nexa-header.navbar .drop-profile-left .status-img-profile img {
width: 13px;
overflow: unset;
object-fit: unset;
height: 13px;
}
.nexa-header.navbar .profile-menu-li .sub-profile-drop .sub-profile-drop-link {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
}
.status-li-img img {
width: 13px;
}
.nexa-header.navbar
.profile-menu-li
.dropdown-menu
.dropdown-item
.menu-span-arrow-right {
position: absolute;
right: 0;
top: 14px;
}
.nexa-header.navbar
.profile-menu-li
.dropdown-menu
.dropdown-item
.menu-span-arrow-right
img {
width: 8px;
}
.nexa-header.navbar .profile-menu-li .dropdown-menu .dropdown-item {
position: relative;
}
.nexa-header.navbar .drop-profile-right h3 {
font-size: 16px;
margin-bottom: 0px;
}
.nexa-header.navbar .drop-profile-right h5 {
font-size: 13px;
font-weight: normal;
margin-bottom: 5px;
}
.nexa-header.navbar .drop-profile-right a {
font-size: 13px;
font-weight: normal;
line-height: 15px;
color: #1f64ff;
cursor: pointer;
}
.nexa-header.navbar .drop-profile-right a:hover {
background-color: transparent;
}
.nexa-header.navbar .dropdown-toggle.active-dropdown::after {
transform: rotate(-90deg);
}
.nexa-header.navbar .navbar-nav li.profile-menu-li li {
padding: 0px 4px;
line-height: 40px;
/* margin: 4px;
margin-top: 0px; */
}
.nexa-header.navbar .profile-menu-li .dropdown-menu .dropdown-item {
padding: 6px 12px !important;
}
/* .nexa-header.navbar .profile-menu-li .dropdown-menu .dropdown-item {
padding: 5px 12px;
line-height: 23px;
} */
.nexa-header.navbar .profile-menu-li .dropdown-menu .dropdown-item img {
border: none;
width: 15px;
height: auto;
border-radius: 0px;
margin-right: 8px;
}
.nexa-header.navbar .profile-menu-li .dropdown-menu .dropdown-item:hover {
background-color: transparent;
}
.nexa-header.navbar .profile-menu-li .dropdown-menu .dropdown-item:focus {
background-color: transparent;
}
.nexa-header.navbar ul ul a {
padding-left: 15px !important;
}
.nexa-header.navbar .profile-menu-li .sub-profile-drop {
box-shadow: 0px 2px 5px rgb(0 0 0 / 10%);
border-radius: 5px;
margin: 5px;
margin-top: 0px;
}
.nexa-header.navbar .profile-menu-li .sub-profile-drop a:hover {
background-color: transparent;
}
.nexa-header.navbar .profile-menu-li .sub-profile-drop a:focus {
background-color: transparent;
}
/* new profile drop end */
.nexa-header.navbar .profile-menu-li .dropdown-menu .dropdown-item {
padding: 8px 12px;
line-height: 27px;
}
.nexa-header.navbar .profile-menu-li .dropdown-menu .dropdown-item.active {
text-decoration: none;
background-color: #f2f2f2;
}
.side-bar-toggal.side-btn {
position: absolute;
left: -62px;
background: #fff;
color: #f17c2b;
top: 48%;
border-radius: 100%;
height: 45px;
width: 45px;
border: 2px solid #f17c2b;
font-size: 20px;
cursor: pointer;
}
.page-header {
padding: 0px 8px 0 15px;
background: #f7f7f7;
}
.page-header h2 {
padding: 10px 0px;
font-size: 22px;
text-align: left;
line-height: 35px;
}
.pull-right {
float: right !important;
}
.btn-orange {
background-color: #f17c2b;
color: #ffffff;
border: none;
}
.btn-grey {
color: #fff !important;
background: #6f8ba4;
border-color: #6f8ba4;
}
.right-side-wrapper {
padding: 20px 20px;
padding-left: 0px;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
background: #eeeeee;
padding-right: 0px;
}
.meeting-tabbing {
margin-left: -15px;
}
.right-side-wrapper .card {
position: relative;
/* background-color: #fff; */
background: #eeeeee;
/* box-shadow: 0 0px 10px 0px rgb(0, 0, 0, 0.1); */
border-radius: 4px;
/* margin-bottom: 30px; */
min-height: 300px;
border: none;
overflow: hidden;
/* padding-top: 5px; */
}
.right-side-wrapper .card .table .action-ico .table-action a {
margin-right: 5px;
}
.action-ico .audio-video-ico {
color: #fff;
border: 1px solid #f17c2b;
border-radius: 100%;
width: 25px;
height: 25px;
line-height: 25px;
text-align: center;
font-size: 13px;
background: #f17c2b;
}
/* <---why-nxatel -- > */
.why-nav-bg {
background: #e5e5e5;
}
.why-nxatel {
position: relative;
background: #f5f5f5;
padding: 83px 0px 50px 0px;
overflow: hidden;
}
.font-58 {
font-size: 58px !important;
}
.color-7C8087 {
color: #7c8087 !important;
}
.why-nxatel .nxa-banner-right img {
position: absolute;
left: 10px;
top: 122px;
}
.why-nxatel .nxa-banner-right img {
width: 350px;
}
.nxa-banner-righ {
position: relative;
}
.why-nxatel .why-nxa-banner h5 {
/* line-height: 35px; */
line-height: 31px;
font-size: 16px;
}
.about-sec-3-right h3 {
line-height: 31px;
font-size: 16px;
}
.home-page .about-sec-4 .sec-4-boxs h2 {
font-weight: 700;
font-size: 26px;
}
.home-page .about-sec-4 .sec-4-boxs p {
line-height: 31px;
font-size: 16px;
}
.why-nxatel .nxa-banner-right:before {
content: "";
width: 150px;
height: 150px;
position: absolute;
background: url(../images/Rectangle42.png) left top no-repeat;
/* right: -100px;
top: 56px; */
right: -215px;
top: 65px;
background-size: 100% 100%;
}
.why-nxatel .nxa-banner-right:after {
content: "";
width: 150px;
height: 150px;
position: absolute;
background: url(../images/Rectangle.png) left top no-repeat;
/* right: -25px;
top: -20px; */
right: -170px;
top: 0px;
background-size: 100% 100%;
}
.why-sec-2 {
padding: 60px 0 45px;
}
.why-nxa-box {
background: #f7f8fa;
border-radius: 10px;
padding: 30px 20px;
min-height: 345px;
}
.why-nxa-box img {
/* width: 100px;
height: 100px; */
width: 60px;
height: 60px;
/* margin-right: 20px; */
margin-right: 15px;
}
.about-sec-5 .Founding-Team h3 {
line-height: 31px;
font-size: 16px;
}
.about-sec-8 .Nxaies-box.sec-8-boxs p {
line-height: 31px;
font-size: 16px;
}
.home-page .why-nxa-box h6 {
line-height: 25px;
font-size: 18px;
}
.mt-30 {
margin-top: 30px;
}
.font-31 {
font-size: 31px !important;
}
.font-34 {
font-size: 31px !important;
}
.font-30 {
font-size: 30px !important;
}
/*----about-home-----*/
.bg-e5e5e5 {
background: #e5e5e5;
}
.about-home {
background: #f5f5f5;
padding: 125px 0px 50px 0px;
overflow: hidden;
}
.about-home .nxa-banner-right:before {
content: "";
width: 150px;
height: 150px;
position: absolute;
background: url(../images/Rectangle42.png) left top no-repeat;
right: -158px;
top: 199px;
background-size: 100% 100%;
}
.about-home .nxa-banner-right img {
width: 100%;
}
.about-home .nxa-banner-right:after {
content: "";
width: 117px;
height: 150px;
position: absolute;
background: url(../images/Rectangle.png) left top no-repeat;
right: -91px;
top: 120px;
background-size: 100% 100%;
}
.about-sec-2 {
background: #fff;
border-radius: 0 50px;
/* padding: 20px 0; */
padding: 60px 0;
min-height: auto;
}
.about-sec-2 .nxa-story h6 {
font-size: 36px;
line-height: 42px;
}
.about-sec-2 .nxa-story p {
font-size: 16px;
line-height: 32px;
}
.color-00 {
color: #000 !important;
}
h3 {
font-weight: 700;
color: #000;
}
.lh-35 {
line-height: 35px;
}
.lh-52 {
line-height: 52px;
}
.lh-32 {
line-height: 32px;
}
.lh-40 {
line-height: 40px;
}
.lh-24 {
line-height: 24px;
}
.lh-28 {
line-height: 28px;
}
.what-do img {
width: 100%;
}
.font-45 {
font-size: 45px;
}
.font-40 {
font-size: 40px;
}
.font-49 {
font-size: 49px;
}
.font-46 {
font-size: 46px;
}
.fw-400 {
font-weight: 400;
}
.about-sec3 {
padding: 60px 0;
}
.ml-40 {
margin-left: 40px;
}
.color-191b {
color: #19191b;
}
.font-28 {
font-size: 28px;
}
.sec-4-boxs {
padding: 40px;
}
.sec-4-boxs img {
/* width: 50px;
height: 50px;
margin-right: 20px; */
width: 50px;
margin-right: 15px;
}
.about-sec-4 {
padding: 60px 0;
}
.values-box {
border-radius: 10px;
padding: 40px;
}
.values-box img {
width: 56px;
height: 56px;
margin-right: 15px;
}
.values-bg-pink {
background: #feecec;
}
.values-bg-purple {
background: #eeeefb;
}
.values-bg-yellow {
background: #fffbef;
}
.values-bg-green {
background: #f1f9ec;
}
.values-bg-gray {
background: #e7e7ef;
}
.about-sec-5 {
padding: 160px 0;
position: relative;
}
.about-sec-5 .founding:before {
content: "";
width: 130px;
height: 150px;
position: absolute;
background: url(../images/footerRectangle.png) left top no-repeat;
left: 15px;
top: -35px;
background-size: 100% 100%;
z-index: 99;
}
.about-sec-5 .founding:after {
content: "";
width: 100px;
height: 100px;
position: absolute;
background: url(../images/Rectangle43.png) left top no-repeat;
left: -9px;
top: -72px;
background-size: 100% 100%;
z-index: 1;
}
.Founding-Team img {
width: 100%;
}
.mr-40 {
margin-right: 40px;
}
.Nxaies-box {
/* padding: 40px; */
padding: 20px;
background-color: #fff;
box-shadow: 0px 2px 4px rgba(14, 86, 124, 0.165308);
}
.Nxaies-box:hover {
box-shadow: 0px 32px 84px rgba(14, 86, 124, 0.165308);
}
.Nxaies-box img {
width: 100px;
height: 100px;
margin-right: 25px;
}
.about-sec-6 .child-row .common-child:nth-child(2) {
margin-top: -90px;
}
.about-sec-6 .child-row .common-child:nth-child(3) {
margin-top: 30px;
}
/* .about-sec-6 .child-row-2 .common-child:nth-child(2) {
margin-top: -90px;
} */
/* child-row-2:nth-child(3) {
margin-top: 50px;
} */
.about-sec-7 {
padding: 60px 0;
}
.our-teams img {
width: 100%;
}
.about-sec-8 {
padding: 60px 0;
}
.sec-8-boxs {
/* min-height: 230px; */
min-height: 190px;
}
.about-sec-9 {
padding: 60px 0;
position: relative;
min-height: 750px;
}
.sec-9-left {
padding-top: 120px;
}
.sec-9-right img {
width: 100%;
position: absolute;
/* left: 62px; */
left: auto;
right: -110px;
}
/*---- pricing-page----- */
/* step/css */
.step {
list-style: none;
margin: 0.2rem 0;
width: 100%;
}
.step .step-item {
-ms-flex: 1 1 0;
flex: 1 1 0;
margin-top: 0;
min-height: 1rem;
position: relative;
text-align: center;
}
.step .step-item:not(:first-child)::before {
/* background: #ea7414; */
background: #969faa;
content: "";
height: 2px;
left: -50%;
position: absolute;
top: 9px;
width: 100%;
}
.step .step-item a {
color: #969faa;
display: inline-block;
padding: 20px 10px 0;
text-decoration: none;
}
.step .step-item a::before {
background: #969faa;
/* background: #ea7414; */
border: 0.1rem solid #fff;
border-radius: 50%;
content: "";
display: block;
/* height: 0.9rem; */
height: 15px;
left: 50%;
position: absolute;
top: 0.2rem;
transform: translateX(-50%);
/* width: 0.9rem; */
width: 15px;
z-index: 1;
}
.step .step-item.active a::before {
background: #fff;
/* border: 0.1rem solid #ea7414; */
border: 0.1rem solid #969faa;
}
.step .step-item.active ~ .step-item::before {
/* background: #e7e9ed; */
background: #c9c9c9 !important;
}
.step .step-item.active ~ .step-item a::before {
/* background: #e7e9ed; */
background: #c9c9c9;
}
/* new */
/* .welcome-page-seteps {
margin-top: 30px;
}
.welcome-page-seteps .step .step-item.active a::before {
background: #738ded;
border: 0.1rem solid #738ded;
}
.welcome-page-seteps .step .step-item.active ~ .step-item a::before {
background: #c9c9c9;
border-color: #c9c9c9;
}
.welcome-page-seteps .step .step-item a {
padding: 25px 10px 0;
}
.welcome-page-seteps .step .step-item a::before {
background: #738ded;
border: 0.1rem solid #738ded;
content: "";
top: -4px;
width: 25px;
height: 25px;
}
.welcome-page-seteps .step .step-item:not(:first-child)::before {
background: #738ded;
}
.welcome-page-seteps .step .step-item:first-child a::before {
content: "1" !important;
color: #fff;
}
.welcome-page-seteps .step .step-item:nth-child(2) a::before {
content: "2" !important;
color: #fff;
}
.welcome-page-seteps .step .step-item:nth-child(3) a::before {
content: "3" !important;
color: #fff;
}
.welcome-page-seteps .step .step-item:nth-child(4) a::before {
content: "4" !important;
color: #fff;
}
.welcome-page-seteps .step .step-item:nth-child(5) a::before {
content: "5" !important;
color: #fff;
}
.welcome-page-video {
height: 340px;
width: 100%;
border-radius: 50px;
overflow: hidden;
object-fit: cover;
}
.welcome-page-video video {
overflow: hidden;
object-fit: cover;
}
.welcome-video-section {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.dashboard-inner-div-2.dashboard-inner-div {
padding: 15px 15px;
height: calc(100vh - 70px);
overflow-y: auto;
}
.dashboard-inner-div-2 .dash-board-img-div {
padding: 20px 0px 10px 0px;
}
.dashboard-inner-div-2.dashboard-inner-div h2 {
text-align: left;
margin-bottom: 15px;
font-size: 36px;
font-family: "sf_ui_textsemibold";
}
.welcome-video-section .video-sectin-list {
width: 460px;
margin-left: 30px;
}
.welcome-video-section .video-sectin-list ul {
list-style: none;
margin-bottom: 0px;
}
.welcome-video-section .video-sectin-list ul li {
display: flex;
align-items: flex-start;
justify-content: flex-start;
margin-bottom: 25px;
cursor: pointer;
}
.welcome-video-section .video-sectin-list ul li span {
background: #f17c2b;
height: 40px;
width: 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 8px;
margin-right: 15px;
}
.dash-board-img-div
.welcome-video-section
.video-sectin-list
ul
li
.dash-board-list-text
h4 {
font-size: 18px;
margin-bottom: 2px;
padding-left: 0px;
font-family: "sf_ui_textmedium";
}
.welcome-video-section .video-sectin-list ul li .dash-board-list-text p {
margin-bottom: 0px;
line-height: 19px;
color: #b3b6b6;
}
.dashboard-inner-div-2 .dash-board-img-div h4 {
font-size: 24px;
margin-bottom: 20px;
color: #3b566e;
font-family: "sf_ui_textsemibold";
padding-left: 25px;
}
.onboarding-process-div {
display: flex;
align-items: flex-start;
justify-content: flex-start;
background: #fff;
padding: 12px;
border-radius: 8px;
}
.onboarding-img-circle {
height: 40px;
width: 40px;
background: #1f64ff;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50px;
margin-right: 12px;
}
.onboarding-text h4 {
margin-bottom: 0px;
font-family: "sf_ui_textsemibold";
font-size: 19px;
}
.onboarding-text h4 a {
font-family: "sf_ui_textsemibold";
margin-left: 15px;
}
.onboarding-text p {
margin-bottom: 0px;
}
.dwn-app-div {
position: relative;
}
.dwn-app-div .skip-btn {
background: #f17c2b;
padding: 10px 35px;
display: inline-block;
position: absolute;
width: auto;
color: #fff;
right: 20px;
border-radius: 50px;
bottom: 0;
}
.side-bar-join-webinar {
border-top: 1px solid #cccccc;
padding: 15px 15px;
}
.mid-sidebar .side-bar-join-webinar h2 {
font-size: 17px;
text-align: left;
color: #000;
font-weight: 400;
font-family: "sf_ui_textmedium";
margin-bottom: 15px;
margin-top: 5px;
}
.side-bar-join-webinar-inner {
background: #eeeeee;
width: 80%;
border-radius: 25px;
}
.side-bar-join-webinar-inner .webinar-vector-image img {
width: 100%;
margin-bottom: 10px;
}
.side-bar-join-webinar-inner .webinar-text-box {
padding: 0px 10px;
}
.side-bar-join-webinar-inner .webinar-text-box .webinar-btn {
display: flex;
align-items: center;
justify-content: space-between;
padding: 5px 10px;
}
.side-bar-join-webinar-inner .webinar-text-box h3 {
text-align: left;
font-size: 17px;
margin: 0 auto;
font-weight: normal;
font-family: "sf_ui_textsemibold";
}
.side-bar-join-webinar-inner .webinar-text-box h6 {
margin: 10px auto;
line-height: 20px;
color: #000;
font-size: 12px;
}
.welcome-mid-side {
overflow-y: auto;
}
.side-bar-join-webinar-inner .webinar-text-box .no-thanks-webinar {
color: #9e9e9e;
}
.side-bar-join-webinar .get-app-side-btn {
text-align: center;
padding: 10px 10px;
background: #fff;
border-radius: 8px;
min-width: 80%;
display: inline-block;
color: #030235;
border: 1px solid #cdcdcd;
margin-top: 15px;
}
.side-bar-join-webinar .get-app-side-btn:hover {
color: #030235;
}
.side-bar-join-webinar .get-app-side-btn span img {
width: 15px;
} */
.mid-nav-inner .mid-nav .side-bar-bottom-list .side-bar-bottom-list-ul {
list-style: none;
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-direction: column;
margin-bottom: 0px;
}
.mid-nav-inner .mid-nav .side-bar-bottom-list-ul li {
margin-bottom: 10px;
width: 100%;
}
.mid-nav-inner .mid-nav .side-bar-bottom-list-ul li a {
color: #000;
width: 100%;
display: flex;
}
.mid-nav-inner .mid-nav .side-bar-bottom-list-ul li a .side-sp-ico-left img {
width: 20px;
margin-right: 8px;
}
.mid-nav-inner .mid-nav .side-bar-bottom-list-ul li a .side-sp-ico-right img {
width: 13px;
margin-left: 20px;
position: absolute;
top: 0;
right: 25px;
}
/* new setting pages css start */
.genral-page-form {
background: #fff;
border-radius: 8px;
padding: 15px 15px;
margin-top: 15px;
}
.account .genral-page-form .gernal-form-input .form-group {
position: relative;
}
.account .genral-page-form .gernal-form-input .form-control {
border: none;
padding: 7px;
border-bottom: 1px solid #ddd;
border-radius: 0px;
}
.account .genral-page-form .gernal-form-input .form-group img {
width: 18px;
position: absolute;
right: 5px;
top: auto;
bottom: 10px;
}
.account .genral-page-form .gernal-form-input .form-group label {
font-family: "sf_ui_textmedium" !important;
color: #8083a3;
padding-left: 7px;
}
.settings-page-tabs.meeting-page-tabs .nav-tabs .nav-item a.active {
color: #000 !important;
border-bottom: 2px solid #f17c2b;
}
.settings-page-tabs.meeting-page-tabs .nav-tabs .nav-item {
width: 15%;
}
.team-user-tab-header {
display: flex;
align-items: center;
justify-content: space-between;
}
.team-user-btn {
align-items: center;
display: flex;
justify-content: space-between;
}
.account .team-user-btn .form-control {
border-radius: 6px;
border: none;
width: 105px;
min-height: 36px;
font-family: "sf_ui_textmedium" !important;
color: #000;
}
.team-user-tab-header .team-user-btn a {
color: #8083a3;
padding: 10px 20px;
border-radius: 6px;
margin-left: 5px;
font-size: 14px;
font-family: "sf_ui_textmedium";
}
.team-user-tab-header .team-user-btn .team-user-add-ico {
color: #8083a3;
padding: 10px 15px;
background: #fff;
border-radius: 6px;
margin-left: 5px;
}
.team-user-tab-header .team-user-btn .team-user-select {
color: #1a1c1d;
padding: 10px 20px;
background: #fff;
border-radius: 6px;
margin-left: 5px;
font-size: 14px;
font-family: "sf_ui_textmedium";
}
.team-user-tab-header .team-user-search {
position: relative;
}
.team-user-tab-header .team-user-search img {
position: absolute;
top: 15px;
left: 12px;
width: 16px;
cursor: pointer;
}
.modal .add-modal-modal-footer .btn-meet-join {
margin-top: 0px;
border-radius: 6px;
border-color: #f17c2b;
font-size: 16px;
font-weight: normal;
color: #fff;
background: #f17c2b;
}
.modal .add-modal-modal-footer .btn-meet-join:hover {
color: #fff;
}
.modal .add-modal-modal-footer .add-member-cancel-btn {
margin-top: 0px;
background: #fff;
/* padding: 10px 35px; */
font-size: 16px;
border-radius: 6px;
color: #8083a3;
border: 1px solid #cdcdcd;
}
.modal .add-modal-modal-footer .add-member-cancel-btn:hover {
color: #8083a3;
}
.account .team-user-tab-header .team-user-search .form-control {
min-width: 310px;
padding-left: 40px;
background: #f4f2ff;
color: #6e6893;
border-color: #f4f2ff;
}
.team-user-add-div {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
min-height: 370px;
}
.add-data-vactor.team-user-add-div img {
width: 215px;
}
.add-data-vactor.team-user-add-div h4 {
margin-bottom: 20px;
font-weight: 400;
color: #000;
font-family: "sf_ui_textmedium";
}
.add-data-vactor .btn.btn-orange {
cursor: pointer;
padding: 10px 40px !important;
font-size: 16px !important;
cursor: pointer;
}
.team-user-add-div h4 {
font-size: 15px;
margin: 10px 0px;
}
.team-user-add-div .add-team-member {
cursor: pointer;
background: #1f64ff;
padding: 8px 20px;
border-radius: 6px;
color: #fff;
}
.team-user-add-div .add-team-member:hover {
color: #fff;
}
.add-member-modal-body .add-member-modal-heading h2 {
text-align: left;
font-size: 20px;
padding: 15px 0px;
color: #000;
font-family: "sf_ui_textmedium" !important;
font-weight: 400;
}
.add-member-modal-body .add-member-modal-heading img {
position: absolute;
right: 0;
top: 0;
width: 20px;
cursor: pointer;
}
.add-member-listing.member-listing-scroll {
height: calc(100vh - 294px);
overflow: hidden;
overflow-y: auto;
}
.add-member-listing .table .green-span {
color: #1da74e;
visibility: hidden;
}
.add-member-listing .table tr:hover .green-span {
color: #1da74e;
visibility: visible;
}
.add-member-listing .table .ext-light-purple {
background: #ece9ff;
color: #6b59cc;
padding: 6px 10px;
border-radius: 4px;
}
.member-list-row .member-img {
width: 50px;
height: 50px;
overflow: hidden;
object-fit: fill;
border-radius: 10px;
border: none;
background: #d6eefc;
border-radius: 50px;
margin-right: 10px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.member-list-row .member-img img {
width: 50px;
height: 50px;
overflow: hidden;
object-fit: fill;
border-radius: 10px;
border: none;
background: #d6eefc;
border-radius: 50px;
margin: 0px;
}
.meeting-page-tabs .member-list-row .member-list-name h3 {
font-size: 14px;
font-weight: 500;
margin-bottom: 0px;
color: #1e2022;
font-family: "sf_ui_textmedium";
margin-top: 0px;
}
.team-member-elipis-drop {
padding: 8px 13px;
border: 1px solid #eceef5;
border-radius: 6px;
color: #8083a3 !important;
}
.add-member-listing .table .ext-light-orange {
background: #fff1c7;
color: #eabf3e;
padding: 6px 10px;
border-radius: 4px;
}
.add-member-listing .table .form-control.member-type-control {
border: none;
color: #1a1c1d;
width: 163px;
}
.require-label:after {
content: "*";
font-size: 18px;
margin-left: 5px;
position: absolute;
}
.modal .modal-dialog.add-member-modal-dialog {
top: auto !important;
width: 42%;
}
.add-member-modal-body .add-member-modal-form {
height: 70vh;
overflow: hidden;
overflow-y: auto;
padding-right: 10px;
}
.form-group.form-group-switch {
/* min-height: 81px; */
display: flex;
align-items: flex-end;
}
.add-member-modal-form .form-group .PhoneInput select {
height: 46px;
}
.add-member-modal-form .form-group .btn-transprent {
font-size: 15px;
min-height: 46px;
color: #6f8ba4;
border: 1px solid #ddd;
/* padding: 7px; */
padding: 6px 15px;
border-radius: 12px;
min-width: auto;
width: 100%;
}
.add-member-modal-form .form-group .dropdown-menu .flag-img-span img {
width: 24px;
margin-right: 8px;
}
.add-member-modal-form .form-group.form-group-switch .col-form-label {
position: relative;
width: 100%;
}
.add-member-modal-form .form-group.form-group-switch label.switch {
position: absolute;
right: 0;
}
.add-member-modal-form .form-group .PhoneInput .PhoneInputCountryIcon {
width: 31px;
top: 43px;
}
.add-member-modal-form .form-group .PhoneInput input {
top: 36px;
width: 75%;
}
.gernal-form-buttons {
margin-top: 15px;
}
.gernal-form-buttons .update-genral-setting-btn {
background: #f17c2b;
padding: 10px 20px;
border-radius: 8px;
display: inline-block;
color: #fff;
}
.gernal-form-buttons .update-genral-setting-btn:hover {
color: #fff;
}
.gernal-form-buttons .cancel-genral-btn {
background: #fff;
padding: 10px 35px;
border-radius: 8px;
display: inline-block;
color: #8083a3;
border: 1px solid #cdcdcd;
}
.gernal-form-buttons .cancel-genral-btn:hover {
color: #8083a3;
}
.gernal-form-header {
display: flex;
align-items: flex-start;
justify-content: space-between;
margin-bottom: 20px;
}
.gernal-form-header .gernal-form-left img {
height: 85px;
width: 85px;
border-radius: 8px;
object-fit: cover;
}
.gernal-form-header .gernal-form-right {
display: flex;
align-items: center;
justify-content: flex-start;
background: #1f64ff;
padding: 12px 15px;
border-radius: 12px;
}
.gernal-form-header .gernal-form-right .complete-profile-btn {
background: #fff;
padding: 10px 15px;
border-radius: 8px;
display: inline-block;
}
.setting-page-tabs .progress-content h3 {
font-size: 20px;
font-weight: 500;
margin-top: 0px;
color: #fff;
}
.setting-page-tabs .progress-content h5 {
color: #fff;
display: flex;
width: 100%;
font-size: 14px;
}
.setting-page-tabs .gernal-form-left h2 {
font-size: 20px;
font-family: "sf_ui_textmedium";
font-weight: normal;
margin-top: 10px;
margin-bottom: 5px;
text-align: left;
}
/* .gernal-form-header .progress {
width: 100px;
height: 100px !important;
float: left;
line-height: 100px;
background: none;
margin: 0px;
box-shadow: none;
position: relative;
margin-right: 35px;
}
.gernal-form-header .progress-content {
min-width: 250px;
}
.gernal-form-header .progress:after {
content: "";
width: 100%;
height: 100%;
border-radius: 50%;
border: 12px solid #1f64ff;
position: absolute;
top: 0;
left: 0;
}
.gernal-form-header .progress > span {
width: 50%;
height: 100%;
overflow: hidden;
position: absolute;
top: 0;
z-index: 1;
}
.gernal-form-header .progress .progress-left {
left: 0;
}
.gernal-form-header .progress .progress-bar {
width: 100%;
height: 100%;
background: none;
border-width: 12px;
border-style: solid;
position: absolute;
top: 0;
}
.gernal-form-header .progress .progress-left .progress-bar {
left: 100%;
border-top-right-radius: 80px;
border-bottom-right-radius: 80px;
border-left: 0;
-webkit-transform-origin: center left;
transform-origin: center left;
}
.gernal-form-header .progress .progress-right {
right: 0;
}
.gernal-form-header .progress .progress-right .progress-bar {
left: -100%;
border-top-left-radius: 80px;
border-bottom-left-radius: 80px;
border-right: 0;
-webkit-transform-origin: center right;
transform-origin: center right;
animation: loading-1 1.8s linear forwards;
}
.gernal-form-header .progress .progress-value {
width: 90%;
height: 90%;
border-radius: 50%;
background: #1f64ff;
font-size: 24px;
color: #fff;
line-height: 100px;
text-align: center;
position: absolute;
top: 5%;
left: 5%;
z-index: 9;
}
.gernal-form-header .progress.white-progress .progress-bar {
border-color: #fff;
}
.gernal-form-header .progress.white-progress .progress-right .progress-bar {
animation: loading-2 1.5s linear forwards 1.8s;
}
.gernal-form-header .progress.white-progress .progress-left .progress-bar {
animation: none;
}
@keyframes loading-1 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
}
@keyframes loading-2 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(144deg);
transform: rotate(144deg);
}
}
@keyframes loading-3 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
} */
/* group chat history side bar */
.group-chat-history-title.member-slide-title {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 20px;
}
.group-chat-history-title.member-slide-title .form-control {
padding: 2px 10px;
min-height: 28px;
border: none;
width: 80px;
line-height: normal;
}
.group-chat-history-title.member-slide-title img.group-chat-history-title-ico {
position: relative;
width: 35px;
margin-right: 10px;
}
.group-chat-history-title.member-slide-title h5 {
margin-bottom: 0px;
}
.colud-storage-div-side .upgrade-cloud-div {
display: flex;
align-items: center;
justify-content: space-between;
margin: 15px 0px 10px 0px;
}
.colud-storage-div-side .upgrade-cloud-div h5 {
margin-bottom: 0px;
color: #3b566e;
}
.colud-storage-div-side .upgrade-cloud-div .cloud-upgrade-btn {
background: #ec4444;
padding: 5px 12px;
border-radius: 50px;
font-size: 14px;
color: #fff;
cursor: pointer;
}
.colud-storage-div-side .progress {
border-radius: 50px;
height: 8px;
background-color: #ffdee3;
}
.colud-storage-div-side .progress-bar {
background-color: #ff5b74 !important;
}
.add-file-share-div {
background: #f1f1f4;
padding: 10px 14px;
border-radius: 10px;
margin-bottom: 15px;
cursor: pointer;
width: 100%;
}
.add-file-share-btn {
display: flex;
align-items: center;
justify-content: space-between;
color: #909195 !important;
font-size: 16px;
}
.chat-data-div-side {
height: calc(101vh - 375px);
margin-bottom: 10px;
overflow-y: auto;
}
.chat-data-div-side .chat-list-data h4 {
font-size: 16px;
font-weight: 600;
margin-bottom: 5px;
color: #000;
}
.chat-data-div-side .chat-list-data h5 {
color: #7b7b7b;
font-size: 14px;
}
.chat-data-div-side .chat-list-data img {
width: 100%;
}
.chat-data-div-side .chat-list-data {
margin-bottom: 10px;
}
.chat-data-div-side .chat-content-data {
background: #fafafa;
padding: 12px 12px;
border-radius: 8px;
}
.chat-data-div-side .chat-content-data a {
color: #0c77f8;
margin: 5px 0px;
cursor: pointer;
}
.chat-data-div-side .chat-content-data p {
color: #7b7b7b;
margin: 5px 0px;
}
/* group chat history side bar end */
/* slide */
/* .manage-team-member-slide {
box-shadow: -5px 5px 15px rgb(0 0 0 / 10%);
background: #fff;
padding: 15px 15px;
border-radius: 8px;
width: 350px;
position: fixed;
z-index: 999;
top: 60px;
right: 15px;
height: 90vh;
transition: all 0.5s;
}
.manage-team-member-slide.manage-team-member-slide-close {
right: -400px;
transition: all 0.5s;
}
.member-slide-title {
position: relative;
border-bottom: 1px solid #000022;
padding-bottom: 5px;
}
.member-slide-img-name {
display: flex;
align-items: center;
justify-content: flex-start;
padding: 20px 0px;
}
.member-slide-title img {
position: absolute;
top: 0;
right: 0;
cursor: pointer;
}
.member-slide-img-name .member-slide-img {
height: 60px;
width: 60px;
background: #ececef;
border-radius: 50px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
object-fit: cover;
margin-right: 10px;
}
.member-slide-img-name .member-slide-img img {
height: 60px;
width: 60px;
background: #ececef;
border-radius: 50px;
overflow: hidden;
object-fit: cover;
}
.member-slide-img-name .member-slide-img h2 {
margin: 0px 0px;
font-size: 20px;
color: #fff;
}
.meeting-page-tabs .member-slide-img-name .member-slide-name h3 {
margin: 0px;
font-size: 20px;
font-family: "sf_ui_textmedium";
margin-bottom: 3px;
}
.member-slide-img-name .member-slide-name h5 {
font-size: 16px;
margin-bottom: 0px;
}
.account .form-group.form-group-role label {
font-size: 16px;
}
.account .form-group.form-group-role .form-control {
color: #000;
border-color: #000;
border-radius: 6px;
}
.manage-team-member-slide .save-new-role {
background: #ececef;
padding: 10px 15px;
display: block;
text-align: center;
border-radius: 6px;
color: #9b9ba8;
cursor: pointer;
}
.manage-team-member-slide .save-new-role:hover {
color: #9b9ba8;
}
.manage-team-member-slide .member-slide-ul {
margin-bottom: 0px;
list-style: none;
padding: 15px 0px;
}
.manage-team-member-slide .member-slide-ul li {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 10px;
}
.manage-team-member-slide .member-slide-ul li span {
color: #7b7b7b;
}
.manage-team-member-slide .send-reset-pass {
background: #fff;
padding: 10px 15px;
display: block;
text-align: center;
border-radius: 6px;
color: #000;
border: 1px solid #dadade;
margin-bottom: 10px;
font-family: "sf_ui_textmedium";
cursor: pointer;
}
.manage-team-member-slide .remove-from-nxa {
background: #ececef;
padding: 10px 15px;
display: block;
text-align: center;
border-radius: 6px;
color: #000000;
font-family: "sf_ui_textmedium";
cursor: pointer;
}
.remove-member.swal-modal {
border-radius: 25px;
}
.remove-member .swal-title {
font-family: "sf_ui_textmedium" !important;
font-weight: inherit;
font-size: 18px;
color: #000;
}
.remove-member .swal-content p {
background: #ffdd79;
padding: 10px 10px;
border-radius: 4px;
color: #000;
font-weight: normal;
}
.remove-member .swal-button.swal-button--cancel {
border-color: #dadade;
background: #fff;
color: #000;
box-shadow: none;
}
.remove-member .swal-button.swal-button--cancel:hover,
.remove-member .swal-button.swal-button--cancel:focus {
border-color: #dadade;
background: #fff;
color: #000;
box-shadow: none;
}
.remove-member .swal-button.swal-button--confirm {
background: #bf4428;
border-color: #bf4428;
box-shadow: none;
}
.remove-member .swal-button.swal-button--confirm:hover,
.remove-member .swal-button.swal-button--confirm:focus {
background: #bf4428;
border-color: #bf4428;
box-shadow: none;
} */
/* new setting pages css end here */
/* billing tab */
/* billing tab end */
/* billing choose plan */
/* ----- */
/* subscription modal */
/* new dashboard chnage */
/* new dashboard chnage end */
/* step css end */
/*pricing-sec-css start*/
body {
-webkit-font-smoothing: antialiased;
}
section {
padding: 2em 0 8em;
min-height: auto;
position: relative;
-webkit-font-smoothing: antialiased;
}
.d-flex {
display: flex;
}
.justify-content-around {
justify-content: space-around;
}
.m-0 {
margin: 0;
}
.pricing {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
justify-content: center;
width: 100%;
margin: 0 auto 3em;
transition: all 0.5s ease-out;
}
.pricing-item {
position: relative;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-align-items: stretch;
align-items: stretch;
text-align: center;
/* -webkit-flex: 0 1 330px;
flex: 0 1 330px; */
width: 100%;
/* max-width: 300px; */
max-width: 285px;
}
.pricing-action {
color: inherit;
border: none;
background: none;
}
.pricing-action:focus {
outline: none;
}
.pricing-feature-list {
text-align: left;
}
.pricing-palden .pricing-item {
/* font-family: "Open Sans", sans-serif; */
cursor: default;
color: #3b3b3b;
background: #fff;
/* box-shadow: 0 0 10px rgba(46, 59, 125, 0.23); */
/* border-radius: 20px 20px 10px 10px; */
border-radius: 10px 10px 10px 10px;
margin: 1em;
box-shadow: 0 0 20px rgb(46 59 125 / 3%);
}
.Steps-price.pricing-page {
background: transparent;
padding: 0;
overflow: unset;
position: relative;
}
.Size-team .MuiSlider-rail {
/* height: 4px;
border-radius: 4px; */
height: 8px;
border-radius: 25px;
color: #c9c9c9;
}
.Size-team .MuiSlider-thumb {
/* margin-top: -11px; */
margin-top: -7px;
border: 2px solid #e7ebf0;
background-color: #e7ebf0;
/* height: 20px; */
height: 24px;
}
.Size-team .MuiSlider-thumb::after {
width: 0px;
height: 0px;
}
.Size-team .MuiSlider-track {
/* color: #0069d9; */
color: #ea7414;
/* height: 4px;
border-radius: 4px; */
height: 8px;
border-radius: 25px;
}
.Size-team .MuiSlider-thumbColorPrimary {
/* color: #0069d9; */
color: #000000;
}
.Steps-price.pricing-page .btn-group-pricing.btn-group {
padding-right: 0px;
}
/* nxa call gird start */
.grid-view-contact {
padding-top: 15px;
height: calc(100vh - 295px);
overflow: hidden;
overflow-y: auto;
padding-right: 4px;
}
.nxa-call-gird-box {
margin-bottom: 30px;
}
.nxa-call-gird-box .nxa-call-gird-box-inner {
background: #fff;
text-align: center;
padding: 20px 12px;
border-radius: 16px;
min-height: 220px;
}
.nxa-call-gird-box .nxa-call-gird-box-inner .nxa-call-contact-img {
width: 85px;
height: 85px;
border-radius: 50px;
overflow: hidden;
object-fit: cover;
background: #42bc6d;
display: flex;
align-self: center;
justify-content: center;
margin: 0 auto;
}
.nxa-call-gird-box .nxa-call-gird-box-inner .nxa-call-contact-img h5 {
color: #222b45;
font-family: "sf_ui_textmedium";
font-size: 18px;
line-height: 21px;
margin-bottom: 0px;
display: flex;
align-items: center;
justify-content: center;
}
.nxa-call-gird-box .nxa-call-gird-box-inner .nxa-call-contact-img img {
width: 85px;
height: 85px;
border-radius: 50px;
overflow: hidden;
object-fit: cover;
}
.nxa-call-gird-box .nxa-call-gird-box-inner h4 {
color: #222b45;
font-family: "sf_ui_textmedium";
font-size: 18px;
line-height: 21px;
margin-top: 15px;
margin-bottom: 8px;
}
.nxa-call-gird-box .nxa-call-gird-box-inner p {
color: #6b779a;
font-family: "sf_ui_textmedium" !important;
font-size: 14px;
line-height: 19px;
margin-top: 0px;
margin-bottom: 12px;
display: inline-block;
}
.nxa-call-gird-box .nxa-call-gird-box-inner .nxa-call-grid-action {
display: flex;
align-items: center;
justify-content: center;
display: none;
}
.nxa-call-gird-box .nxa-call-gird-box-inner:hover .nxa-call-grid-action {
display: block;
}
.nxa-call-gird-box .nxa-call-gird-box-inner .nxa-call-grid-action a {
margin: 0px 5px;
cursor: pointer;
}
.nxa-call-gird-box .nxa-call-gird-box-inner .nxa-call-grid-action a img {
/* width: 18px; */
width: auto;
height: 18px;
margin-left: 5px;
}
.all-contacts-tabs .gird-list-ico {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
right: 20px;
bottom: 28px;
}
.all-contacts-tabs {
position: relative;
}
.all-contacts-tabs .gird-list-ico a {
cursor: pointer;
}
.all-contacts-tabs .gird-list-ico a img {
width: 20px;
margin-left: 15px;
}
/* nxa call grid end */
/* calls side bar */
.mid-sidebar .all-calls .calls-menu-ul ul {
/* padding: 4px 0px; */
padding: 0px 0px;
}
.mid-sidebar .all-calls .calls-menu-ul h5 {
color: #888888 !important;
text-transform: uppercase;
position: relative;
padding: 6px 10px;
font-size: 12px !important;
letter-spacing: 2.2px;
}
.mid-sidebar .all-calls .calls-menu-ul h5 .menu-img img {
width: 15px;
margin-right: 8px;
}
.mid-sidebar .all-calls .calls-menu-ul h5 .menu-img img.voice-mail-ico {
width: 20px;
}
.mid-sidebar .all-calls .calls-menu-ul h5 .menu-plus-ico {
position: absolute;
right: 25px;
}
.mid-sidebar .all-calls .calls-menu-ul h5 .menu-plus-ico img {
/* width: 16px; */
width: 14px;
/* margin-right: 0px; */
margin-right: 8px;
margin-top: -2px;
}
/* calls side bar end */
/* new home changes start */
.banner-main-div {
background-color: #fff;
}
.banner-main-div .banner-bottom-client {
padding: 15px 15px;
}
.banner-main-div .banner-bottom-client-inner {
display: flex;
align-items: center;
justify-content: space-around;
position: relative;
}
.banner-bottom-client-inner .fix-chat {
position: absolute;
right: 0;
top: -30px;
}
.banner-bottom-client-inner .fix-chat img {
width: 45px;
cursor: pointer;
}
.banner-bottom-client h3 {
text-align: center;
font-size: 20px;
margin-bottom: 0px;
color: #000 !important;
font-weight: normal;
}
.banner-bottom-client h4 {
text-align: center;
color: #5b6a7d;
margin-top: 30px;
font-weight: 700;
font-size: 18px;
}
.banner-main-div:after {
content: "";
width: 150px;
height: 150px;
position: absolute;
background: url(../images/Rectangle.png) left top no-repeat;
left: -60px;
bottom: 240px;
background-size: 100% 100%;
}
/* new home changes end */
.subscription-plan-range-slider {
width: 70%;
display: inline-block;
position: relative;
}
.subscription-plan-range-slider .Size-team .MuiSlider-marked {
position: unset;
right: unset;
top: unset;
margin: 15px 0px 30px 25px;
}
.subscription-plan-range-slider .Size-team .MuiSlider-markLabel {
top: 45px;
font-size: 16px !important;
}
@media screen and (min-width: 66.25em) {
.pricing-palden .pricing-item {
margin: 1em -0.5em;
}
.pricing-palden .pricing__item--featured {
margin: 0;
/* z-index: 10; */
z-index: 8;
box-shadow: 0 0 20px rgba(46, 59, 125, 0.23);
}
}
.pricing-palden .pricing-deco {
border-radius: 10px 10px 0 0;
/* background: rgba(76, 70, 101, 0.99); */
/* padding: 4em 0 4em; */
padding: 40px 20px 40px 20px;
position: relative;
}
.pricing-palden .pricing-deco-img {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 160px;
}
.pricing-palden-signup.pricing-palden .pricing-title {
font-style: normal;
letter-spacing: 1px;
}
.pricing-palden .pricing-title {
font-size: 13px;
margin: 0;
/* text-transform: uppercase; */
font-style: italic;
color: #666666;
letter-spacing: 3px;
/* color: #fff;
}
.pricing-palden .deco-layer {
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
}
.pricing-palden .pricing-item:hover .deco-layer--1 {
-webkit-transform: translate3d(15px, 0, 0);
transform: translate3d(15px, 0, 0);
}
.pricing-palden .pricing-item:hover .deco-layer--2 {
-webkit-transform: translate3d(-15px, 0, 0);
transform: translate3d(-15px, 0, 0);
}
.pricing-palden .icon {
font-size: 2.5em;
}
.pricing-palden .pricing-price {
font-size: 5em;
font-weight: bold;
padding: 0;
/* color: #fff; */
margin: 0 0 0.25em 0;
line-height: 0.75;
}
.pricing-palden .pricing-currency {
/* font-size: 30px; */
font-size: 24px;
vertical-align: top;
font-weight: normal;
padding-right: 5px;
color: #666666 !important;
}
.pricing-palden .pricing-period {
font-size: 0.15em;
padding: 0 0 0 0.5em;
font-style: italic;
}
.pricing-palden .pricing__sentence {
font-weight: bold;
margin: 0 0 1em 0;
padding: 0 0 0.5em;
}
.pricing-palden .pricing-feature-list {
margin: 0;
padding: 0.25em 0 2.5em;
list-style: none;
text-align: center;
}
.pricing-palden .pricing-feature {
padding: 14px 0;
line-height: 24px;
color: #666666;
/* font-size: 17px; */
font-size: 16px;
}
.pricing-palden .pricing-action {
font-weight: 600;
margin-bottom: 40px !important;
padding: 10px 13px;
color: #233aff;
border-radius: 5px;
background: transparent;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
border: 1px solid #233aff;
font-size: 17px;
min-width: 100px;
}
.pricing-palden .pricing-action:hover,
.pricing-palden .pricing-action:focus {
background-color: #233aff;
color: #fff;
}
.pricing-palden .pricing-item--featured .pricing-deco {
padding: 5em 0 8.885em 0;
}
/*pricing-sec-css end*/
.pricing-page {
background: #f5f5f5;
padding: 60px 0;
overflow: hidden;
position: relative;
}
.pricing-page .pricing-after:before {
content: "";
width: 150px;
height: 150px;
position: absolute;
background: url(../images/Rectangle42.png) left top no-repeat;
right: -94px;
top: 391px;
background-size: 100% 100%;
}
.pricing-page .pricing-after:after {
content: "";
width: 130px;
height: 130px;
position: absolute;
background: url(../images/Rectangle.png) left top no-repeat;
right: -25px;
top: 324px;
background-size: 100% 100%;
}
.home-page .pricing-price .start-up-head h6 {
line-height: 25px;
font-size: 18px !important;
}
.font-18 {
font-size: 18px !important;
}
.pricing-page .btn-secondary {
color: #1d293f;
background-color: #ffd166;
border-color: #ffd166;
padding: 10px 20px;
border-radius: 8px;
border: 2px solid #ffd166;
}
.pricing-page .btn-secondary.active {
background: #fff !important;
border: 2px solid #ffd166 !important;
color: #4e555b !important;
}
.btn-group-pricing.btn-group {
padding-right: 100px;
}
.pricing-page .btn-secondary:hover {
color: #1d293f;
background-color: #f8c859;
border-color: #f8c859;
}
.pricing-page .btn-secondary:not(:disabled):not(.disabled):active {
color: #1d293f;
background-color: #fff;
border-color: #ffd166;
}
.right-plan {
display: flex;
justify-content: space-between;
align-items: center;
}
.color-ABB7 {
color: #9dabb7;
}
.color-6666 {
color: #666666;
}
.color-7414 {
color: #ea7414 !important;
}
.color-7C2B {
color: #f17c2b !important;
}
.color-9C9C {
color: #9c9c9c;
}
.color-66 {
color: #666666 !important;
}
.color-8BA4 {
color: #6f8ba4 !important;
}
.color-7414 {
color: EA7414;
}
.mt-53 {
margin-top: 53px;
}
.notice-price {
font-size: 16px;
font-style: italic;
font-weight: 500;
color: #1d293f;
background: #ffeab8;
padding: 5px 20px;
border-radius: 28px;
}
.pricing-sec-1 {
padding: 60px 0;
background-color: #fff;
border-radius: 0 50px;
}
.pricing-sec-box {
background: #f7f8fa;
border-radius: 10px;
/* padding: 30px 20px; */
padding: 20px 15px;
margin: 15px 0;
min-height: 104px;
}
.pricing-sec-box .multi-collapse {
min-height: 220px;
}
.pricing-sec-box p {
padding-left: 60px;
}
.number-of-box h6 {
font-size: 28px !important;
background: #fff;
width: 45px;
height: 45px;
line-height: 45px !important;
/* font-size: 40px !important;
width: 60px;
height: 60px;
line-height: 60px !important; */
text-align: center;
border-radius: 50px;
/* margin-right: 17px; */
margin-right: 12px;
font-weight: 700;
color: #ea7414 !important;
}
.pricing-collapse-box {
display: flex;
align-items: center;
/* justify-content: end; */
justify-content: flex-start;
}
/* mk css end here */
/* incoming call modal */
.incoming-call-body {
min-height: 465px;
}
.caller-div {
padding: 30px 0px;
}
.calling-pad .caller-div p {
color: #8190a5;
}
.incoming-call-body-2 .caller-div {
padding: 30px 0px 15px 0px;
}
.caller-div a.profile-img-link {
height: 100px;
width: 100px;
border-radius: 50px;
background: #eeeeee;
display: flex;
align-items: center;
justify-content: center;
color: #62626a;
font-size: 20px;
font-weight: 700;
border: 5px solid #dadada;
}
.caller-div h2.in-caller-name {
font-size: 20px;
margin-bottom: 0px;
line-height: 21px;
margin-top: 10px;
color: #62626a;
}
.caller-div h2.in-caller-number {
font-size: 20px;
margin-bottom: 0px;
line-height: 21px;
color: #62626a;
}
.caller-div p {
margin-bottom: 0px;
color: #8190a5;
}
.caller-div a.profile-img-link img {
height: 100px;
width: 100px;
border-radius: 50px;
}
.incoming-btn-div {
padding: 30px 0px;
}
.dailer-key .incoming-btn-div .number span.in-call-circle {
margin: 6px 15px;
}
.dailer-key .incoming-btn-div .number span.in-call-circle span.incall-ico-text {
color: #5a6978;
font-size: 13px;
}
.dailer-key .incoming-btn-div .in-call-circle a.call-farword {
background: #ff9247;
border-color: #ff9247;
}
.dailer-key .incoming-btn-div .in-call-circle a.call-message {
background: #457afe;
border-color: #457afe;
}
.dailer-key .incoming-btn-div .in-call-circle .call-accept {
background: #5dd788;
border-color: #5dd788;
}
.dailer-key .incoming-btn-div .in-call-circle a.call-end {
background: #d0021b;
border-color: #d0021b;
}
.dailer-key .incoming-btn-div .in-call-circle .in-call-ico {
position: relative;
}
.dailer-key .incoming-btn-div .in-call-circle .in-call-ico img {
width: 22px;
}
.calling-pad .incoming-btn-div-2 .number a {
width: 50px;
height: 50px;
line-height: 50px;
}
.dailer-top-bar img {
height: 25px;
width: 25px;
display: flex;
border-radius: 50px;
overflow: hidden;
object-fit: cover;
}
/* incoming call modal end */
/* transfer call modal start */
.tranfer-call-body .caller-div-transfer {
background: #b1d4ff;
/* border-radius: 45px; */
border-radius: 45px 45px 35px 35px;
/* min-height: 177px; */
padding-top: 0px;
padding-bottom: 6px;
}
.tranfer-call-body .calls-transfer-count {
background: #6187b6;
border-radius: 45px 45px 15px 15px;
min-height: 65px;
}
.tranfer-call-body .top-div-transfer {
display: flex;
align-items: center;
justify-content: space-between;
padding: 15px 20px;
}
.tranfer-call-body .top-div-transfer .top-div-transfer-left {
width: 100%;
text-align: left;
}
.tranfer-call-body .top-div-transfer .top-div-transfer-left h3 {
color: #fff;
font-size: 16px;
font-family: "sf_ui_textsemibold";
}
.tranfer-call-body .top-div-transfer .top-div-transfer-left h6 {
display: flex;
align-items: flex-start;
justify-content: flex-start;
margin-bottom: 0px;
margin-top: 15px;
}
.tranfer-call-body .top-div-transfer .top-div-transfer-left h6 a img {
margin-right: 5px;
}
.tranfer-call-body .top-div-transfer .top-div-transfer-left h6 a {
display: flex;
align-items: flex-start;
justify-content: flex-start;
margin-right: 15px;
font-family: "sf_ui_textsemibold";
color: #fff;
}
.tranfer-call-body .top-div-transfer .top-div-transfer-left h6 a.green-ico {
display: flex;
align-items: flex-start;
justify-content: flex-start;
margin-right: 15px;
font-family: "sf_ui_textsemibold";
color: #6ddb94;
}
.tranfer-call-body .top-div-transfer .top-div-transfer-left h6 a img {
width: 20px;
margin-right: 5px;
}
.tranfer-call-body .top-div-transfer-right {
display: flex;
}
.tranfer-call-body .top-div-transfer-right a.transfer-end img {
width: 20px;
/* margin-right: 5px; */
}
.tranfer-call-body .top-div-transfer-right a.transfer-end {
background: #d0021b;
height: 35px;
width: 35px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50px;
margin-left: 10px;
}
.tranfer-call-body .top-div-transfer-right a.transfer-min img {
width: 20px;
/* margin-right: 5px; */
}
.tranfer-call-body .top-div-transfer-right a.transfer-min {
background: #2c486a;
height: 35px;
width: 35px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50px;
margin-left: 10px;
}
.tranfer-call-body .call-tranfer-list {
padding: 10px 15px 5px 15px;
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
.tranfer-call-body .call-tranfer-list-left {
width: 100%;
}
.tranfer-call-body .call-tranfer-list-left h3 {
text-align: left;
color: #415a79;
font-family: "sf_ui_textsemibold";
font-size: 19px;
}
.tranfer-call-body .call-tranfer-list-left h6.select-h6 {
display: flex;
align-items: center;
justify-content: space-between;
background: #6187b6;
padding: 5px 10px;
border-radius: 50px;
}
.tranfer-call-body .call-tranfer-list-left h6.select-h6 span {
color: #fff;
}
.tranfer-call-body .call-tranfer-list-left h6 {
display: flex;
align-items: center;
justify-content: space-between;
/* background: #6187B6; */
padding: 5px 10px;
border-radius: 50px;
}
.tranfer-call-body .call-tranfer-list-left h6 span {
color: #415a79;
}
.tranfer-call-body .call-tranfer-list-left h6 span img {
width: 15px;
margin-left: 5px;
}
.calling-pad .tranfer-call-body .transfer-btn-div .number a {
width: 50px;
height: 50px;
line-height: 50px;
}
.tranfer-call-body .call-tranfer-list-right {
padding-top: 25px;
}
.tranfer-call-body .call-tranfer-list-right a.transfer-end {
background: #d0021b;
height: 35px;
width: 35px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50px;
margin-left: 20px;
}
.tranfer-call-body .call-tranfer-list-right a.transfer-end img {
width: 20px;
/* margin-right: 5px; */
}
.tranfer-call-body .incoming-btn-div.transfer-btn-div {
padding: 50px 0px 10px 0px;
}
/* transfer call modal end */
/* call info modal start */
.call-info-modal-div {
padding: 12px 12px;
}
.call-info-modal-div .call-info-modal-header {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #f0f2f6;
padding-bottom: 10px;
}
.call-info-modal-div .call-info-modal-header .call-info-modal-left {
display: flex;
align-items: center;
justify-content: space-between;
}
.call-info-modal-div .call-info-modal-header .circle-new-contact-ico {
margin-right: 8px;
}
.call-info-modal-div .call-info-modal-header .circle-new-contact-ico img {
width: 40px;
height: 40px;
border-radius: 20px;
}
.call-info-modal-div .call-info-modal-header .new-number {
text-align: left;
}
.call-info-modal-div .call-info-modal-header .call-info-modal-call-back {
display: table;
cursor: pointer;
background: #93bc64;
color: #fff;
padding: 1px 10px;
border-radius: 50px;
margin-top: 3px;
}
.call-info-modal-div
.call-info-modal-header
.call-info-modal-right
.add-number-call-info-modal {
background: #ec4444;
color: #fff;
padding: 4px 14px;
border-radius: 50px;
}
.call-info-mid-div .call-info-modal-list h3 {
font-family: "sf_ui_textsemibold";
line-height: 21px;
font-size: 17px;
color: #47525e;
text-align: left;
margin-top: 12px;
margin-bottom: 12px;
}
.call-info-mid-div ul.call-info-modal-list-ul {
margin-bottom: 0px;
max-height: 85px;
overflow: hidden;
overflow-y: auto;
}
.call-info-mid-div ul.call-info-modal-list-ul li {
display: flex;
align-items: flex-start;
justify-content: flex-start;
margin-bottom: 12px;
}
.call-info-mid-div ul.call-info-modal-list-ul li:last-child {
margin-bottom: 0px;
}
.call-info-mid-div ul.call-info-modal-list-ul li .modal-call-type-ico {
width: 30px;
height: 30px;
border-radius: 6px;
background: #3c4858;
display: flex;
align-items: center;
justify-content: center;
margin-right: 10px;
}
.call-info-mid-div ul.call-info-modal-list-ul li .modal-call-type-ico {
width: 20px;
}
.call-info-mid-div ul.call-info-modal-list-ul li .modal-call-info-number h5 {
font-size: 15px;
margin-bottom: 2px;
line-height: 15px;
color: #3b566e;
font-weight: 400;
}
.call-info-mid-div ul.call-info-modal-list-ul li .modal-call-info-number p {
margin-bottom: 0px;
font-size: 13px;
text-align: left;
line-height: 19px;
color: #6f8ba4;
}
.call-info-mid-div .call-info-modal-list h4 {
font-family: "sf_ui_textsemibold";
line-height: 21px;
font-size: 17px;
color: #47525e;
text-align: left;
margin-top: 5px;
margin-bottom: 5px;
}
.call-info-mid-div .call-info-modal-list {
max-height: 295px;
overflow: hidden;
overflow-y: auto;
padding-right: 3px;
}
.call-info-mid-div .call-info-modal-list .assignmodal-list-ul {
margin-bottom: 0px;
border-top: 1px solid #f0f2f6;
padding-top: 10px;
max-height: 85px;
overflow: hidden;
overflow-y: auto;
}
.call-info-mid-div .call-info-modal-list .assignmodal-list-ul li {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 12px;
}
.call-info-mid-div .call-info-modal-list .assignmodal-list-ul li:last-child {
margin-bottom: 5px;
}
.assignmodal-list-ul .assign-md-left {
display: flex;
align-items: center;
justify-content: flex-start;
}
.assignmodal-list-ul .assign-md-left .modal-assign-ico {
width: 30px;
height: 30px;
border-radius: 6px;
background: #ffffff;
display: flex;
align-items: center;
justify-content: center;
margin-right: 10px;
border: 1px solid #3c4858;
overflow: hidden;
object-fit: cover;
}
.assignmodal-list-ul .assign-md-left .modal-assign-ico h6 {
margin-bottom: 0px;
font-size: 14px;
color: #3c4858;
}
.assignmodal-list-ul .assign-md-left .modal-call-info-number h5 {
font-size: 14px;
margin-bottom: 2px;
line-height: 15px;
color: #3b566e;
font-weight: 400;
text-align: left;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 110px;
}
.assignmodal-list-ul .assign-md-right i.fa-ellipsis-v {
color: #3c4858;
}
.assignmodal-list-ul .assign-md-right h6.notes-dates-md {
font-size: 11px;
margin-bottom: 0px;
}
.call-info-mid-div .call-info-modal-list .follow-up-merchandise {
font-size: 14px;
margin-bottom: 0px;
line-height: 21px;
color: #3b566e;
font-weight: 400;
text-align: left;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
border-top: 1px solid #f0f2f6;
padding-top: 5px;
border-bottom: 1px solid #f0f2f6;
padding-bottom: 5px;
}
.call-info-modal-footer {
position: relative;
}
.notes-tag-assign-btn {
display: flex;
align-items: center;
justify-content: space-between;
padding: 5px 5px;
}
.modal .notes-tag-assign-btn .btn {
width: auto;
min-width: 70px;
height: auto;
font-size: 11px;
margin: 0px 2px;
}
.modal .notes-tag-assign-btn .btn img {
width: 15px;
margin-right: 4px;
}
.messag-call-back-btn {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 5px;
padding: 5px 5px;
}
.messag-call-back-btn .btn img {
width: 15px;
margin-right: 5px;
}
.messag-call-back-btn .call-btn-collapse {
position: absolute;
bottom: 20px;
min-width: 125px;
right: 0px;
background: #e9effe;
padding: 15px 10px;
border-radius: 10px;
}
.messag-call-back-btn .call-btn-collapse li {
margin-bottom: 5px;
text-align: left;
}
.messag-call-back-btn .call-btn-collapse li:last-child {
margin-bottom: 0px;
}
.messag-call-back-btn .dropdown-toggle::after {
display: none;
}
.call-info-modal-key {
padding-bottom: 0px;
}
/* call info modal end */
/* add invite contact modal */
.add-invite-contact-modal-div {
padding: 12px 12px;
}
.add-invite-contact-modal-div .add-contact-modal-div {
display: flex;
align-items: center;
justify-content: flex-start;
border-bottom: 1px solid #f0f2f6;
padding-bottom: 10px;
}
.add-invite-contact-modal-div .add-contact-modal-div .circle-add-contact-ico {
margin-right: 8px;
}
.add-invite-contact-modal-div
.add-contact-modal-div
.circle-add-contact-ico
img {
width: 40px;
height: 40px;
border-radius: 50px;
}
.add-invite-contact-modal-div .add-contact-modal-div .new-number {
text-align: left;
}
.invite-contact-modal-div .invite-contact-modal-ul {
margin-bottom: 0px;
padding: 15px 0px;
height: 235px;
overflow: hidden;
overflow-y: auto;
}
.invite-contact-modal-div .invite-contact-modal-ul li {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #f0f2f6;
padding-bottom: 5px;
margin-bottom: 10px;
}
.invite-contact-modal-ul .invite-contact-left-span {
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
.invite-contact-modal-ul .invite-contact-img-sp {
display: flex;
align-items: center;
justify-content: center;
height: 35px;
width: 35px;
border-radius: 50px;
background: #eeeeee;
}
.invite-contact-modal-ul .invite-contact-img-sp img {
display: flex;
align-items: center;
justify-content: center;
height: 35px;
width: 35px;
border-radius: 50px;
overflow: hidden;
object-fit: cover;
}
.invite-contact-modal-ul .invite-contact-img-sp h3 {
margin-bottom: 0px;
color: #3c4858;
font-size: 16px;
}
.invite-contact-modal-ul .invite-contact-name-sp {
margin-left: 10px;
}
.invite-contact-modal-ul .invite-contact-name-sp h4 {
font-size: 16px;
margin-bottom: 0px;
text-align: left;
line-height: 16px;
}
.invite-contact-modal-ul .invite-contact-name-sp p {
margin-bottom: 0px;
text-align: left;
}
.invite-contact-modal-ul .invite-contact-name-sp p img {
width: 14px;
margin-right: 5px;
}
.invite-contact-modal-ul .invite-contact-right-span .invite-contact-btn {
background: #ec4444;
color: #fff;
padding: 4px 14px;
border-radius: 50px;
}
.tranfer-speak-btn-div {
padding-top: 10px;
display: flex;
align-items: center;
justify-content: space-between;
}
.tranfer-speak-btn-div .transfer-now-btn {
background: #ffeab8;
padding: 8px 14px;
border-radius: 14px;
color: #3c4858;
}
.tranfer-speak-btn-div .transfer-now-btn img {
width: 14px;
margin-right: 5px;
}
.tranfer-speak-btn-div .speak-first-btn {
background: #b1d4ff;
border-radius: 14px;
color: #3c4858;
padding: 8px 14px;
}
.tranfer-speak-btn-div .speak-first-btn img {
width: 14px;
margin-right: 5px;
}
/* add invite contact modal end */
/* ada edit notes modal start */
.modal-notes-edit-main-div .modal-notes-edit-div {
padding: 20px 12px;
background: #fff;
border-radius: 45px 45px 0px 0px;
box-shadow: 0px 0px 14px 0px rgb(0 0 0 / 13%);
height: 235px;
margin-top: 20px;
}
.modal-notes-edit-main-div .modal-notes-edit-div .modal-notes-edit-header {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #e0e0e0;
padding: 0px 15px 5px 15px;
}
.modal-notes-edit-main-div .modal-notes-edit-header .fa-times {
font-size: 14px;
}
.modal-notes-edit-main-div .modal-notes-edit-header h3 {
font-size: 16px;
margin-bottom: 0px;
font-family: "sf_ui_textmedium" !important;
font-weight: normal;
color: #27272e;
}
.modal-notes-edit-main-div .modal-notes-edit-header a.md-notes-save-link {
font-size: 16px;
color: #f17c2b;
}
.modal-notes-edit-main-div .modal-notes-edit-textarea {
position: relative;
margin-top: 10px;
}
.modal-notes-edit-main-div .modal-notes-edit-textarea img {
width: 20px;
position: absolute;
right: auto;
left: 10px;
top: 3px;
}
.dailer-key
.modal-notes-edit-main-div
.modal-notes-edit-textarea
.form-control {
height: auto;
color: #425466 !important;
font-size: 16px;
padding-top: 29px;
}
.modal-notes-edit-main-div .modal-notes-edit-div-list {
background: #ededed;
border-radius: 0px 0px 45px 45px;
padding-bottom: 20px;
min-height: 165px;
}
.modal-notes-edit-main-div .modal-notes-edit-div-list h2 {
background: #fff;
font-size: 16px;
margin-bottom: 0px;
font-family: "sf_ui_textmedium" !important;
font-weight: normal;
color: #27272e;
padding-bottom: 15px;
}
.modal-notes-edit-main-div .modal-previous-notes-ul {
padding: 12px 12px 12px 12px;
margin-bottom: 0px;
max-height: 100px;
overflow: hidden;
overflow-y: auto;
margin-top: 10px;
}
.modal-notes-edit-main-div .modal-previous-notes-ul li {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 10px;
}
.modal-notes-edit-main-div .modal-previous-notes-ul li:last-child {
margin-bottom: 0px;
}
.modal-notes-edit-main-div .modal-previous-notes-ul li .previous-modal-left p {
margin-bottom: 0px;
text-align: left;
font-size: 14px;
line-height: 17px;
color: #77838f;
}
.modal-notes-edit-main-div .modal-previous-notes-ul li .previous-modal-left h5 {
font-size: 16px;
margin-bottom: 0px;
line-height: 16px;
color: #425466;
}
.modal-notes-edit-main-div .modal-previous-notes-ul li .previous-modal-right p {
margin-bottom: 0px;
text-align: left;
font-size: 14px;
line-height: 17px;
color: #77838f;
}
.notes-edit-dailer-key {
padding-bottom: 0px;
}
/* ada edit notes modal end */
/* new message modal */
.new-messge-body-modal .form-control {
border: none;
border-bottom: 1px solid #6f8ba4;
border-radius: 0px;
padding-left: 0px;
}
.modal .new-message-modal-footer .btn-create-message {
margin-top: 0px;
border-radius: 6px;
border-color: #1f64ff;
font-size: 16px;
font-weight: normal;
color: #fff;
background: #1f64ff;
}
.modal .new-message-modal-footer .message-cancel-btn {
margin-top: 0px;
background: #fff;
font-size: 16px;
border-radius: 6px;
color: #1f64ff;
border: none;
}
.team-type-div-modal .form-group .team-switch-h6 {
display: flex;
align-items: center;
justify-content: space-between;
font-family: "sf_ui_textmedium" !important;
font-weight: 400;
font-size: 14px;
}
.team-type-div-modal .form-group .team-switch-h6 input:checked + .slider {
background-color: #1f64ff;
border: 1px solid #1f64ff;
}
.team-type-div-modal .form-group .team-switch-h6 .form-control-team-type {
width: 150px;
background: #f0f1f4;
padding: 4px 8px;
min-height: 40px;
border-radius: 10px;
border: none;
}
.new-message-form {
height: 425px;
overflow: hidden;
overflow-y: auto;
padding-right: 5px;
}
.new-message-form .select2-container {
width: 100% !important;
}
.new-message-form
.select2-container--default
.select2-selection--multiple
.select2-selection__choice {
background-color: #ea7414;
border: 1px solid #ea7414;
padding: 4px 8px;
color: #ffff;
margin-bottom: 4px;
}
.new-message-form .selection {
width: 100%;
}
.new-message-form .select2-container--default .select2-selection--multiple {
border: none;
border-bottom: 1px solid #6f8ba4;
border-radius: 0px;
padding-left: 0px;
width: 100%;
}
/* new message modal end */
/* subscription plan modal */
.modal .modal-dialog.subscription-plan-modal-xl {
width: 65%;
}
.plansubscription-modal-body {
padding: 15px 35px 0px 35px;
}
.subscription-plan-modal-body-inner {
display: flex;
}
.subscription-plan-modal-body-inner .subscription-plan-modal-left {
/* width: calc(100% - 320px); */
width: calc(100vw - 500px);
padding-right: 10px;
border-right: 1px solid #f3f3f5;
padding-bottom: 10px;
}
.meeting-page-tabs
.subscription-plan-modal-body-inner
.subscription-plan-modal-left
h3 {
text-align: left !important;
font-size: 20px;
padding: 0px 0px;
color: #000 !important;
font-family: "sf_ui_textmedium" !important;
font-weight: 400;
margin-top: 0px;
margin-bottom: 35px;
}
.meeting-page-tabs
.subscription-plan-modal-body-inner
.subscription-plan-modal-left
h4 {
text-align: left !important;
font-size: 16px;
padding: 0px 0px;
color: #000 !important;
font-family: "sf_ui_textmedium" !important;
font-weight: 400;
margin-bottom: 15px;
}
.subscription-plan-modal-body-inner
.subscription-plan-modal-left
.have-voucher-code-link {
color: #1f64ff;
font-size: 16px;
margin-bottom: 30px;
display: inline-block;
margin-top: 10px;
text-decoration: underline;
}
.subscription-plan-modal-body-inner .subscription-plan-modal-left h6 {
color: #000;
font-size: 14px;
line-height: 21px;
}
.account
.subscription-plan-modal-body-inner
.subscription-plan-modal-left
.form-control {
font-size: 14px;
color: #000 !important;
font-family: "sf_ui_textmedium" !important;
font-weight: 400;
margin-bottom: 30px;
width: 220px;
border-radius: 6px;
}
.subscription-plan-modal-body-inner .plan-move-div {
display: flex;
align-items: flex-start;
/* align-items: flex-end; */
justify-content: flex-start;
margin-bottom: 30px;
position: relative;
}
.subscription-plan-modal-body-inner .plan-move-div .plan-move-div-left {
padding-right: 45px;
position: relative;
}
.subscription-plan-modal-body-inner
.plan-move-div
.plan-move-div-left
.fa-chevron-right {
top: 33px;
color: #a6a4b7;
font-size: 18px;
position: absolute;
right: 16px;
}
.subscription-plan-modal-body-inner .plan-move-div .plan-move-div-left h5 {
color: #a6a4b7;
font-size: 14px;
}
.subscription-plan-modal-body-inner .plan-move-div .plan-move-div-right h5 {
color: #000;
font-size: 14px;
}
.subscription-plan-modal-body-inner
.plan-move-div
.plan-move-div-left
h5:last-child {
margin-bottom: 0px;
}
.subscription-plan-modal-body-inner
.plan-move-div
.plan-move-div-right
h5:last-child {
margin-bottom: 0px;
}
.subscription-plan-modal-body-inner .plan-move-div .switch-yearly-link {
/* height: 100%;
bottom: 8px;
top: auto;
position: absolute;
right: 50px;
display: flex;
align-items: flex-end; */
cursor: pointer;
text-decoration: underline;
margin-left: 15px;
margin-top: 68px;
}
.subscription-plan-modal-body-inner
.payment-method-plan-modal.subscription-type-radio
h4 {
text-align: left !important;
font-size: 16px;
padding: 0px 0px;
color: #000 !important;
font-family: "sf_ui_textmedium" !important;
font-weight: 400;
margin-bottom: 10px;
}
.subscription-plan-modal-body-inner
.payment-method-plan-modal.subscription-type-radio
.form-check {
margin-bottom: 10px;
}
.subscription-plan-modal-body-inner
.payment-method-plan-modal.subscription-type-radio
.form-check-label {
padding-top: 4px;
padding-left: 8px;
}
.subscription-plan-modal-body-inner .subscription-plan-modal-right {
/* width: 320px; */
width: 550px;
padding-left: 10px;
position: relative;
}
.subscription-plan-modal-body-inner .subscription-plan-modal-right h3 {
text-align: left !important;
font-size: 20px;
padding: 0px 0px;
color: #000 !important;
font-family: "sf_ui_textmedium" !important;
font-weight: 400;
margin-top: 0px;
margin-bottom: 35px;
}
.subscription-plan-modal-body-inner .subscription-plan-modal-right p {
position: absolute;
bottom: 0;
}
.subscription-plan-modal-body-inner
.subscription-plan-modal-right
ul.what-u-ul {
margin-bottom: 0px;
list-style: none;
}
.subscription-plan-modal-body-inner
.subscription-plan-modal-right
ul.what-u-ul
li {
padding: 0px 0px;
padding-left: 20px;
position: relative;
font-weight: 500;
font-size: 14px;
margin-bottom: 10px;
}
.subscription-plan-modal-body-inner
.subscription-plan-modal-right
ul.what-u-ul
li
.fa-check {
color: #233afe;
margin-right: 5px;
position: absolute;
top: 5px;
left: 0px;
}
.subscription-plan-modal-body-inner .subscription-plan-modal-right p {
position: absolute;
bottom: 0;
}
.modal-footer.subscription-plan-modal-footer {
border-top: 1px solid #f3f3f5 !important;
text-align: left;
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: unset;
}
.modal .modal-footer.subscription-plan-modal-footer .btn-meet-join {
margin-top: 0px;
border-radius: 6px;
border-color: #1f64ff;
font-size: 14px;
font-weight: normal;
color: #fff;
background: #1f64ff;
padding: 12px 18px;
height: auto;
}
.subscription-plan-modal-footer .plan-due-price h4 {
text-align: left !important;
font-size: 18px;
padding: 0px 0px;
color: #000 !important;
font-family: "sf_ui_textmedium" !important;
font-weight: 400;
margin-bottom: 5px;
}
.subscription-plan-modal-footer .plan-due-price p {
margin-bottom: 0px;
color: #000 !important;
font-family: "sf_ui_textmedium" !important;
margin-top: 0px;
line-height: 21px;
font-size: 14px;
width: 65%;
}
/* subscription plan modal end */
/* chat new window css */
.chat-wind-back-arrow.chat-back-arrow {
margin-bottom: 0px;
}
.chat-page-top-dt {
display: flex;
align-items: flex-start;
}
.chat-page-top-dt p {
margin-bottom: 0px !important;
line-height: 14px;
}
.chat-find-media-sms-ul {
margin-bottom: 0px;
list-style: none;
margin-top: 5px;
}
.chat-find-media-sms-ul li {
display: inline-block;
margin-right: 12px;
border-right: 2px solid #a4a5a8;
padding-right: 12px;
margin-top: 4px;
}
.chat-find-media-sms-ul li a {
color: #3c4858;
line-height: 13px;
font-family: "sf_ui_textmedium";
display: flex;
}
.chat-find-media-sms-ul li a:hover {
color: #3c4858;
}
.chat-find-media-sms-ul li a img {
width: 14px;
margin-right: 5px;
}
.chat-pro-new-img.chat-pro-img {
cursor: pointer;
width: 45px;
border-radius: 50px;
height: 45px;
background: #d6eefc;
margin-right: 10px;
overflow: hidden;
object-fit: cover;
}
.chat-pro-new-img.chat-pro-img img {
width: 45px;
border-radius: 50px;
height: 45px;
overflow: hidden;
object-fit: cover;
}
.chat-icons-new-wind.chat-icons a {
height: 40px;
width: 40px;
border-radius: 12px;
background: #d2daec;
}
.message-chat-body .new-wind-msg-input.msg-input.form-group {
position: relative;
background: transparent !important;
}
.new-wind-msg-input.msg-input.form-group input {
height: 50px;
border-radius: 15px;
background: #fff;
padding-right: 100px;
}
.new-wind-msg-input.msg-input.form-group .btn-file {
position: absolute;
right: 38px;
top: 16px;
width: auto;
}
.new-wind-msg-input.msg-input.form-group .btn-file .msg-paperclip img {
height: 24px;
width: auto;
}
.new-wind-msg-input.msg-input.form-group .paper-plane {
position: absolute;
right: 10px;
width: 28px;
top: 16px;
}
.new-wind-msg-input.msg-input.form-group .paper-plane .msg-paper-plane img {
height: 24px;
width: auto;
}
.new-wind-msg-input.msg-input.form-group input.file-cont {
padding: 0px;
height: auto;
cursor: pointer;
}
.message-action-new-ico {
display: flex;
list-style: none;
width: 100%;
align-items: flex-start;
justify-content: flex-start;
position: relative;
margin-top: 10px;
margin-bottom: 0px;
}
.message-action-new-ico li {
display: inline-block;
margin-right: 15px;
}
.message-action-new-ico li a img {
width: auto;
height: 24px;
}
a.seen-anchor img {
height: 15px;
width: 15px;
border-radius: 40px;
margin-right: 3px;
}
.chat-page-emoji-div {
position: absolute;
bottom: 35px;
}
.chat-page-emoji-div .emoji-picker-react .emoji-scroll-wrapper {
padding-top: 0px;
}
.start-meesage-div {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
flex-direction: column;
height: 100%;
}
.start-meesage-div img {
width: 180px;
}
.start-meesage-div h2 {
font-size: 30px;
line-height: 39px;
margin-top: 15px;
margin-bottom: 15px;
}
.start-meesage-div p {
margin-bottom: 0px;
font-size: 16px;
}
/* chat new window css end */
.how-it-works-home-sec.sec-small-bussiness h3 {
color: #696871;
margin-bottom: 0px;
font-size: 20px;
line-height: 25px;
text-align: center;
}
.home-page .how-it-works-home-sec.sec-small-bussiness p {
font-size: 16px;
line-height: 27px;
margin-top: 10px;
margin-bottom: 40px;
}
.how-it-works-home-sec.sec-small-bussiness .how-it-work-cir-num {
height: 50px;
width: 50px;
border-radius: 50px;
background: #ea7414;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
color: #fff;
font-size: 24px;
}
.how-it-works-home-sec.sec-small-bussiness .how-it-work-cir-num small {
color: #fff;
font-size: 15px;
}
.home-page .how-it-works-home-sec.sec-small-bussiness .small-bussiness-box {
padding: 25px 45px;
min-height: 240px;
}
.home-page .how-it-works-home-sec.sec-small-bussiness .small-bussiness-box h6 {
color: #000;
font-size: 16px;
margin-top: 15px;
line-height: 29px;
font-family: "sf_ui_textmedium";
}
.btn-center-home {
margin-top: 40px;
text-align: center;
}
.btn-center-home .htw-learn-more {
color: #fff !important;
background: #f04037;
border-radius: 16px 0;
border-color: #f04037;
font-weight: normal;
font-family: "sf_ui_textmedium";
text-align: center;
}
.home-page .anysize-team-section .any-size-team-box {
margin-top: 40px;
text-align: center;
padding: 15px 30px;
}
.home-page .anysize-team-section .any-size-team-box h4 {
color: #000;
font-size: 20px;
margin-top: 15px;
line-height: 25px;
font-family: "sf_ui_textmedium";
margin-bottom: 5px;
}
.home-page
.anysize-team-section.how-it-works-home-sec.sec-small-bussiness
.any-size-team-box
p {
font-size: 16px;
line-height: 27px;
margin-top: 0px;
margin-bottom: 0px;
}
.home-page .anysize-team-section .any-size-img {
/* background: #ea7414;
border-radius: 0px 50px;
padding: 15px 15px;
width: 230px;
height: 230px; */
overflow: hidden;
object-fit: cover;
display: block;
margin: 0 auto;
}
.home-page .anysize-team-section .any-size-img img {
width: auto;
display: block;
margin: 0 auto;
height: 170px;
}
.btn-center-home .get-demo-red {
background: transparent;
color: #f04037;
border: 2px solid #f04037;
/* font-weight: bold; */
font-weight: normal;
font-family: "sf_ui_textmedium";
border-radius: 16px 0;
}
.btn-center-home .get-demo-red:hover {
color: #f04037;
}
.home-page .buisness-communication-system {
padding: 60px 0;
}
.home-page .buisness-communication-system h3 {
color: #696871;
width: 80%;
margin: 0 auto;
margin-bottom: 0px;
font-size: 20px;
line-height: 25px;
text-align: center;
}
.buisness-comm-bx-div {
padding-top: 70px;
}
.buisness-comm-bx-div .buisness-comm-sys {
padding: 20px 0px;
position: relative;
margin-bottom: 15px;
}
.buisness-comm-bx-div .buisness-comm-sys .buisness-comm-sys-cir {
height: 45px;
width: 45px;
border-radius: 50px;
background: #ea7414;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
color: #fff;
font-size: 24px;
overflow: hidden;
object-fit: cover;
position: absolute;
top: -5px;
left: -15px;
}
.buisness-comm-bx-div .buisness-comm-sys .buisness-comm-sys-cir img {
width: auto;
height: 25px;
}
.buisness-comm-bx-div .buisness-comm-sys-inner {
background: #fff;
padding: 20px 20px;
border-radius: 8px;
min-height: 190;
}
.buisness-comm-bx-div .buisness-comm-sys-inner h4 {
color: #000;
font-size: 18px;
margin-top: 0px;
line-height: 25px;
font-family: "sf_ui_textmedium";
margin-bottom: 5px;
}
.buisness-comm-bx-div .buisness-comm-sys-inner p {
font-size: 16px;
line-height: 25px;
margin-top: 0px;
margin-bottom: 0px;
text-align: left;
color: #7c8087;
}
.home-page .buisness-communication-system h5 {
text-align: center;
color: #696871;
font-size: 18px;
margin-bottom: 0px;
line-height: 21px;
font-family: "sf_ui_textmedium";
}
.home-page .buisness-communication-system h6 {
text-align: center;
color: #696871;
font-weight: normal;
font-size: 16px;
margin: 10px;
}
.home-page .ip-device-section-home {
padding: 60px 0;
}
.home-page .ip-device-section-home h1 {
text-align: left;
font-size: 36px;
line-height: 47px;
font-weight: 700;
}
.home-page .ip-device-section-home h3 {
color: #000;
line-height: 25px;
font-size: 18px;
font-weight: normal;
font-family: "sf_ui_textmedium";
margin-top: 10px;
}
.ip-device-section-home .ip-device-ico-box {
display: flex;
align-items: center;
justify-content: flex-start;
background: #fff;
padding: 15px 15px;
box-shadow: 2px 2px 2px rgb(0 0 0 / 10%);
margin-bottom: 20px;
}
.ip-device-section-home .ip-device-ico-box-left {
background: #c4c4c4;
height: 100px;
width: 100px;
margin-right: 15px;
display: flex;
align-items: center;
justify-content: center;
}
.ip-device-section-home .ip-device-ico-box-right {
width: calc(100% - 100px);
}
.ip-device-section-home .ip-device-ico-box-left img {
height: 45px;
width: auto;
}
.ip-device-section-home .ip-dv-learn-more {
color: #fff !important;
background: #f04037;
border-radius: 16px 0;
border-color: #f04037;
font-weight: normal;
font-family: "sf_ui_textmedium";
text-align: center;
margin-top: 15px;
}
ul.get-your-buisess-phone-ul {
margin-bottom: 0px;
padding-left: 20px;
margin-top: 10px;
}
ul.get-your-buisess-phone-ul li {
color: #000;
line-height: 21px;
font-size: 16px;
font-weight: normal;
font-family: "sf_ui_textmedium";
margin-top: 10px;
}
.home-page .why-nxatel-section {
padding: 60px 0;
}
.home-page .why-nxatel-section h3 {
color: #696871;
width: 80%;
margin: 0 auto;
margin-bottom: 0px;
font-size: 20px;
line-height: 25px;
text-align: center;
}
.why-nxatel-bx-div {
padding-top: 50px;
}
.why-nxatel-bx-div .why-nxatel-bx {
padding: 20px 20px;
background: #fff;
border-radius: 8px;
margin-bottom: 40px;
min-height: 225px;
}
.why-nxatel-bx-div .why-nxatel-bx h4 {
color: #1d293f;
font-size: 20px;
line-height: 25px;
font-family: "sf_ui_textmedium";
margin-bottom: 5px;
text-align: center;
}
.why-nxatel-bx-div .why-nxatel-bx p {
font-size: 16px;
line-height: 25px;
margin-bottom: 0px;
text-align: left;
color: #7c8087;
text-align: center;
}
.why-nxatel-bx-div .why-nxatel-bx .switch-nexa-cir {
height: 55px;
width: 55px;
border-radius: 50px;
background: #ea7414;
display: flex;
align-items: center;
justify-content: center;
margin: 0px auto;
margin-top: -40px;
margin-bottom: 15px;
}
.why-nxatel-bx-div .why-nxatel-bx .switch-nexa-cir img {
height: 30px;
width: auto;
}
.home-page .made-dreamer-section .orange-radius.active {
color: #fff !important;
background: #f04037;
border-radius: 16px 0;
border-color: #f04037;
/* font-weight: bold; */
font-weight: normal;
font-family: "sf_ui_textmedium";
}
.home-page .slide2-sec.made-dreamer-section {
padding: 90px 0;
}
.home-page .made-dreamer-section h2 {
margin-bottom: 25px;
}
.make-dreamer-video-box {
position: relative;
}
.make-dreamer-video-box video {
border-radius: 30px;
}
.home-page .customer-sec.our-product h3 {
color: #696871;
width: 80%;
margin: 0 auto;
margin-bottom: 0px;
font-size: 20px;
line-height: 25px;
text-align: center;
}
.home-page .compliance-section {
padding: 60px 0px;
}
.home-page .compliance-section h3 {
color: #696871;
width: 80%;
margin: 0 auto;
margin-bottom: 0px;
font-size: 20px;
line-height: 25px;
text-align: center;
}
.compliance-inner-div {
display: flex;
align-items: center;
justify-content: flex-start;
}
.compliance-inner-div {
padding-top: 50px;
}
.compliance-inner-div .compliance-inner-left {
width: calc(100% - 575px);
}
.compliance-inner-div .compliance-inner-left h4 {
font-family: "sf_ui_textmedium";
font-size: 24px;
line-height: 25px;
margin-bottom: 15px;
color: #1d293f;
}
.compliance-inner-div .compliance-inner-left p {
font-size: 16px;
margin-bottom: 0px;
}
.compliance-inner-div .compliance-inner-right {
width: 575px;
}
.compliance-inner-div .compliance-inner-right img {
width: 65%;
margin: 0 auto;
}
/* new home page end here */
.homepage-sign-up-form-btn {
display: flex;
align-items: center;
justify-content: space-between;
margin: 10px 0px;
}
.homepage-sign-up-form-btn .btn-get-demo {
color: #f04037 !important;
background: #fff;
border-radius: 6px;
border-color: #f04037;
font-weight: normal;
font-family: "sf_ui_textmedium";
text-align: center;
width: 100%;
margin-right: 8px;
font-family: "DM Sans", sans-serif !important;
}
.homepage-sign-up-form-btn .btn-sign-up-home {
color: #fff !important;
background: #f04037;
border-radius: 6px;
border-color: #f04037;
font-weight: normal;
font-family: "sf_ui_textmedium";
text-align: center;
width: 100%;
font-family: "DM Sans", sans-serif !important;
}
.sign-up-home-sec::after {
content: "";
width: 140px;
height: 120px;
position: absolute;
background: url(../images/Rectangle.png) left top no-repeat;
left: 0px;
bottom: 10px;
background-size: 100% 100%;
}
.sign-up-home-sec::before {
content: "";
width: 150px;
height: 150px;
position: absolute;
background: url(../images/Rectangle42.png) left top no-repeat;
left: -70px;
bottom: 40px;
background-size: 100% 100%;
}
.sign-up-home-sec .services-right-box input {
border-radius: 12px !important;
}
/* product main page start here */
.product-banner {
background: #f5f5f5;
padding: 125px 0px 50px 0px;
overflow: hidden;
}
.product-banner-right h3 {
color: #1d293f;
font-size: 36px;
line-height: 42px;
/* width: 48%; */
margin-top: 65px;
}
.product-banner-right p {
/* width: 55%; */
font-size: 16px;
}
.product-banner .product-banner-left img {
width: 80%;
display: block;
margin: 0 auto;
}
.product-banner .product-banner-right:before {
content: "";
width: 150px;
height: 150px;
position: absolute;
background: url(../images/Rectangle42.png) left top no-repeat;
right: -200px;
top: 199px;
background-size: 100% 100%;
}
.product-banner .product-banner-right:after {
content: "";
width: 140px;
height: 120px;
position: absolute;
background: url(../images/Rectangle.png) left top no-repeat;
right: -145px;
top: 170px;
background-size: 100% 100%;
}
.product-box-div {
padding: 60px 0px;
}
.product-box-div .product-bx {
padding: 35px 35px;
background: #fff;
border-radius: 8px;
margin-bottom: 25px;
min-height: 175px;
box-shadow: 2px 2px 2px rgb(0 0 0 / 10%);
transition: all 0.5s;
cursor: pointer;
}
.product-box-div .product-bx:hover {
box-shadow: 1px 8px 20px rgb(0 0 0 / 12%);
transition: all 0.5s;
}
.product-box-div .product-bx h4 {
color: #1d293f;
font-size: 20px;
line-height: 25px;
font-family: "sf_ui_textmedium";
margin-bottom: 5px;
}
.product-box-div .product-bx p {
font-size: 16px;
line-height: 25px;
margin-bottom: 0px;
text-align: left;
color: #7c8087;
}
.buisness-type-solution {
padding: 60px 0px;
}
.buisness-type-solution .buisness-type-solution-left img {
width: 80%;
display: block;
margin: 0 auto;
}
.buisness-type-solution-right {
padding-left: 70px;
}
.buisness-type-solution-right h3 {
color: #1d293f;
font-size: 36px;
line-height: 42px;
margin-top: 65px;
}
.buisness-type-solution-right p {
font-size: 16px;
}
/* product main page end here */
/* product message page start here */
.product-message-banner {
background: #f5f5f5;
padding: 125px 0px 50px 0px;
position: relative;
}
.product-message-banner:before {
content: "";
width: 150px;
height: 130px;
position: absolute;
background: url(../images/smallRectangle.png) left top no-repeat;
left: -90px;
bottom: 20px;
background-size: 100% 100%;
z-index: 99;
}
.product-message-banner:after {
content: "";
width: 150px;
height: 150px;
position: absolute;
background: url(../images/Rectangle42.png) left top no-repeat;
left: -50px;
bottom: -30px;
background-size: 100% 100%;
z-index: 1;
}
.product-message-banner h1 {
font-weight: 700;
color: #1d293f;
font-size: 36px;
line-height: 42px;
text-align: center;
}
.product-message-banner h3 {
color: #696871;
margin-bottom: 0px;
font-size: 20px;
line-height: 25px;
text-align: center;
width: 80%;
margin: 0 auto;
margin-bottom: 30px;
}
.product-message-banner .product-message-banner-left img {
width: 100%;
display: block;
margin: 0 auto;
}
.product-message-banner .product-message-banner-right h4 {
color: #696871;
font-size: 20px;
line-height: 25px;
text-align: left;
font-weight: 700;
margin-bottom: 10px;
}
.product-message-banner .product-message-banner-right p {
/* width: 55%; */
font-size: 16px;
}
.product-message-teamwork {
padding: 60px 0px;
}
.product-message-teamwork h2 {
font-weight: 700;
color: #1d293f;
font-size: 36px;
line-height: 42px;
text-align: center;
}
.product-message-teamwork h3 {
color: #696871;
margin-bottom: 0px;
font-size: 20px;
line-height: 25px;
text-align: center;
width: 80%;
margin: 0 auto;
margin-bottom: 50px;
}
.product-message-teamwork .product-message-teamwork-right img {
width: 75%;
display: block;
margin: 0 auto;
}
.product-message-teamwork .product-message-teamwork-left {
padding-right: 70px;
}
.product-message-teamwork .product-message-teamwork-left h4 {
color: #696871;
font-size: 20px;
line-height: 25px;
text-align: left;
font-weight: 700;
margin-bottom: 10px;
}
.product-message-teamwork .product-message-teamwork-left p {
font-size: 16px;
}
.product-message-teamwork .product-message-teamwork-left .btn-center-home {
margin-top: 20px;
text-align: left;
}
.btn-center-home .link-blue {
color: #5454d4;
font-size: 14px;
line-height: 25px;
text-align: left;
font-weight: 700;
}
.nxatel-free-seven-days {
padding: 60px 0px;
}
.nxatel-free-seven-days .nxatel-free-seven-days-left img {
width: 70%;
display: block;
margin: 0 auto;
}
.nxatel-free-seven-days .nxatel-free-seven-days-right {
padding-left: 70px;
}
.nxatel-free-seven-days .nxatel-free-seven-days-right h3 {
color: #1d293f;
font-size: 36px;
line-height: 42px;
margin-top: 65px;
}
.nxatel-free-seven-days .nxatel-free-seven-days-right p {
font-size: 16px;
}
.nxatel-free-seven-days .nxatel-free-seven-days-right .btn-center-home {
margin-top: 20px;
text-align: left;
}
/* product message page end here */
/* product business cloud start here */
.buisness-cloud-banner {
background: #f5f5f5;
padding: 125px 0px 50px 0px;
overflow: hidden;
}
.buisness-cloud-banner::after {
content: "";
width: 140px;
height: 120px;
position: absolute;
/* background: url(../images/Rectangle.png) left top no-repeat; */
right: -35px;
top: 300px;
background-size: 100% 100%;
}
.buisness-cloud-banner::before {
content: "";
width: 150px;
height: 150px;
position: absolute;
/* background: url(../images/Rectangle42.png) left top no-repeat; */
right: -100px;
top: 340px;
background-size: 100% 100%;
}
.buisness-cloud-banner .buisness-cloud-banner-text h1 {
font-weight: 700;
color: #000000;
font-size: 36px;
line-height: 42px;
text-align: center;
}
.buisness-cloud-banner .buisness-cloud-banner-text h3 {
color: #696871;
font-size: 20px;
line-height: 25px;
text-align: center;
width: 100%;
margin: 50px auto;
}
.buisness-cloud-banner .buisness-cloud-banner-text p {
font-size: 16px;
line-height: 27px;
text-align: center;
margin-top: 70px;
margin-bottom: 20px;
}
.buisness-cloud-banner .buisness-cloud-banner-text .btn-center-home {
margin-top: 0px;
text-align: center;
}
.buisness-cloud-banner .buisness-cloud-banner-img img {
width: 100%;
margin-left: auto;
display: block;
margin-right: -90px;
}
.buisness-cloud-banner .buisness-cloud-banner-img:before {
content: "";
width: 150px;
height: 150px;
position: absolute;
/* background: url(../images/Rectangle42.png) left top no-repeat; */
right: -158px;
top: 199px;
background-size: 100% 100%;
}
.buisness-cloud-banner .buisness-cloud-banner-img:after {
content: "";
width: 117px;
height: 150px;
position: absolute;
/* background: url(../images/Rectangle.png) left top no-repeat; */
right: -91px;
top: 120px;
background-size: 100% 100%;
}
.hybrid-work-section {
padding: 60px 0px;
}
.hybrid-work-section .hybrid-work-sec-left h5 {
font-size: 20px;
margin-bottom: 25px;
line-height: 30px;
width: 80%;
margin-left: auto;
color: #000000;
font-weight: 600;
}
.hybrid-work-section .hybrid-work-sec-left img {
width: 65%;
display: block;
margin: 0 auto;
}
.hybrid-work-section .hybrid-work-sec-right h2 {
color: #000000;
font-size: 36px;
line-height: 42px;
margin-top: 50px;
margin-bottom: 30px;
}
.hybrid-work-section h5 {
margin: 0 auto;
color: #000000 !important;
font-size: 30px;
line-height: 36px;
margin-bottom: 25px;
text-align: center;
font-weight: 700;
width: 60%;
}
.hybrid-work-section .hybrid-work-sec-right p {
font-size: 16px;
margin-top: 20px;
margin-bottom: 0px;
}
.nxatel-free-seven-days.business-cloud-free-day
.nxatel-free-seven-days-right
h3 {
color: #000000;
}
.complete-communction-system {
padding: 60px 0px;
}
.complete-communction-system h2 {
font-weight: 700;
color: #000;
font-size: 36px;
line-height: 42px;
text-align: center;
width: 75%;
margin: 0 auto;
margin-bottom: 10px;
}
.complete-communction-system h3 {
color: #696871;
font-size: 20px;
line-height: 25px;
text-align: center;
width: 80%;
margin: 0 auto;
margin-bottom: 10px;
}
.complete-communction-system p {
font-size: 16px;
text-align: center;
margin-bottom: 30px;
}
.complete-communction-system .complete-communction-system-left {
position: relative;
display: flex;
align-items: center;
}
.complete-communction-system
.complete-communction-system-left
.make-dreamer-video-box {
position: absolute;
width: 75%;
margin-left: 50px;
}
.complete-communction-system .complete-communction-system-left.calls-manage-calls-record-video .make-dreamer-video-box {
position: unset;
width: 100%;
margin-left: auto;
margin-right: 20px;
}
.complete-communction-system .complete-communction-system-left img {
width: 350px;
margin-left: auto;
display: block;
}
.complete-communction-system .complete-communction-system-right {
width: 80%;
}
.complete-communction-system .complete-communction-system-right h4 {
color: #696871;
font-size: 20px;
line-height: 25px;
text-align: left;
font-weight: 700;
margin-bottom: 10px;
}
.complete-communction-system .complete-communction-system-right p {
font-size: 16px;
text-align: left;
}
.complete-communction-system .btn-center-home {
margin-top: 20px;
text-align: center;
margin-bottom: 40px;
}
.work-anywhere-together {
padding: 60px 0px;
}
.work-anywhere-together h2 {
font-weight: 700;
color: #000;
font-size: 36px;
line-height: 42px;
text-align: center;
width: 75%;
margin: 0 auto;
margin-bottom: 10px;
}
.work-anywhere-together h3 {
color: #696871;
font-size: 20px;
line-height: 25px;
text-align: center;
width: 80%;
margin: 0 auto;
margin-bottom: 10px;
}
.work-anywhere-together .btn-center-home {
margin-top: 10px;
text-align: center;
margin-bottom: 40px;
}
.work-anywhere-box-div {
padding: 40px 0px;
}
.work-anywhere-box-div .work-anywhere-box {
text-align: center;
width: 100%;
}
.work-anywhere-box-div .work-anywhere-box h5 {
color: #000;
font-size: 18px;
margin-top: 0px;
line-height: 29px;
font-family: "sf_ui_textmedium";
margin-bottom: 0px;
}
.work-anywhere-box-div .work-anywhere-box img {
width: 190px;
height: 192px;
display: block;
overflow: hidden;
object-fit: cover;
margin: 15px auto;
margin-top: 10px;
vertical-align: unset;
}
.work-anywhere-box-div .work-anywhere-box a.dwn-app-work-anyw {
background: #f04037;
padding: 10px 16px;
border-radius: 5px;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
width: 200px;
margin: 0 auto;
}
.work-anywhere-box-div .work-anywhere-box a.dwn-app-work-anyw img {
margin: 0px;
width: 25px;
margin-left: 5px;
height: auto;
overflow: unset;
object-fit: unset;
display: inline-block;
}
.work-anywork-fq-inner {
width: 100%;
}
.card.fq-card-anywhere {
margin-bottom: 15px;
border: none;
box-shadow: 0px 0px 6px rgb(0 0 0 / 9%);
border-radius: 6px;
}
.card.fq-card-anywhere .card-header {
background: #fff;
border: none;
border-radius: 6px !important;
padding: 8px 4px;
}
.card.fq-card-anywhere .card-body {
padding: 10px 20px 10px 20px;
background: #fbfbfb;
border-radius: 0px 0px 6px 6px;
}
.card.fq-card-anywhere .card-body p {
margin-bottom: 0px;
}
.card.fq-card-anywhere .btn-link span.collapse-arrow {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
/* position: absolute; */
}
.card.fq-card-anywhere .collapsed span.collapse-arrow {
/* position: absolute; */
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.card.fq-card-anywhere .btn-link {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
color: #696871;
text-align: left;
}
.card.fq-card-anywhere .btn-link:focus {
box-shadow: none;
}
.card.fq-card-anywhere .btn-link:hover {
color: #696871;
text-decoration: none;
}
.work-anywhere-together .work-anywork-fq-inner h3 {
margin-bottom: 30px;
margin-top: 30px;
}
/* product business cloud end here */
/* prodcut call page start here */
.product-call-banner {
height: 85vh;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.product-call-banner h2 {
font-weight: 700;
color: #000;
font-size: 36px;
line-height: 42px;
text-align: center;
}
/* prodcut call page end here */
/* prodcut meet page start here */
.product-meet-banner {
background: #f5f5f5;
padding: 125px 0px 50px 0px;
position: relative;
}
.product-meet-banner::after {
content: "";
width: 140px;
height: 120px;
position: absolute;
background: url(../images/Rectangle.png) left top no-repeat;
right: -35px;
top: 200px;
background-size: 100% 100%;
}
.product-meet-banner::before {
content: "";
width: 150px;
height: 150px;
position: absolute;
background: url(../images/Rectangle42.png) left top no-repeat;
right: -100px;
top: 240px;
background-size: 100% 100%;
}
.product-meet-banner h1 {
font-weight: 700;
color: #1d293f;
font-size: 36px;
line-height: 42px;
text-align: center;
margin-bottom: 30px;
}
.product-meet-banner h3 {
color: #696871;
margin-bottom: 0px;
font-size: 20px;
line-height: 25px;
text-align: center;
width: 80%;
margin: 0 auto;
margin-bottom: 10px;
}
.product-meet-banner .btn-center-home {
margin-top: 0px;
margin-bottom: 30px;
}
.product-meet-banner img {
display: block;
margin: 0 auto;
}
.product-meet-box-div {
margin-top: 60px;
}
.product-meet-box-div .project-meet-banner-box .cir-num-bx {
height: 50px;
width: 50px;
border-radius: 50px;
background: #ea7414;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
color: #fff;
font-size: 20px;
margin: 0 auto;
}
.product-meet-box-div .project-meet-banner-box p {
font-size: 16px;
line-height: 27px;
margin-bottom: 20px;
margin-top: 10px;
text-align: left;
color: #7c8087;
text-align: center;
}
.one-platfrom-host-meet.complete-communction-system h3 {
color: #696871;
font-size: 20px;
line-height: 25px;
text-align: center;
width: 80%;
margin: 0 auto;
margin-bottom: 50px;
}
.one-platfrom-host-meet.complete-communction-system .schedule-first-meet {
background: #f04037;
border-radius: 6px;
border-color: #f04037;
padding: 10px 18px;
color: #fff;
}
.why-use-nxa-meet {
padding: 60px 0px;
}
.why-use-nxa-meet h1 {
font-weight: 700;
color: #1d293f;
font-size: 36px;
line-height: 42px;
text-align: center;
}
.why-use-nxa-meet h3 {
color: #696871;
margin-bottom: 0px;
font-size: 20px;
line-height: 25px;
text-align: center;
width: 80%;
margin: 0 auto;
margin-bottom: 30px;
}
.why-use-nxameet-bx-div .why-use-nxamee-box {
padding: 20px 0px;
position: relative;
margin-bottom: 15px;
}
.why-use-nxameet-bx-div .why-use-nxameet-box .why-use-nxameet-box-inner {
background: #fff;
padding: 10px 10px;
border-radius: 8px;
min-height: 305px;
margin-bottom: 30px;
}
.why-use-nxameet-bx-div .why-use-nxameet-box-inner .why-use-nxameet-box-cir {
height: 45px;
width: 45px;
border-radius: 50px;
background: #ea7414;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
color: #fff;
font-size: 24px;
overflow: hidden;
object-fit: cover;
margin: 10px auto;
}
.why-use-nxameet-bx-div
.why-use-nxameet-box-inner
.why-use-nxameet-box-cir
img {
width: auto;
height: 25px;
}
.why-use-nxameet-bx-div .why-use-nxameet-box-inner h4 {
color: #1d293f;
font-size: 18px;
line-height: 25px;
font-family: "sf_ui_textmedium";
margin-bottom: 5px;
text-align: center;
}
.why-use-nxameet-bx-div .why-use-nxameet-box-inner p {
font-size: 16px;
line-height: 25px;
margin-top: 0px;
margin-bottom: 0px;
text-align: left;
color: #7c8087;
text-align: center;
}
/* product meet page end here */
/* prodcut internet page start */
.product-internet-banner {
background: #f5f5f5;
padding: 125px 0px 50px 0px;
position: relative;
}
.product-internet-banner h1 {
font-weight: 700;
color: #1d293f;
font-size: 36px;
line-height: 42px;
text-align: center;
margin-bottom: 50px;
}
.product-internet-banner::after {
content: "";
width: 140px;
height: 120px;
position: absolute;
background: url(../images/Rectangle.png) left top no-repeat;
right: 20px;
bottom: 100px;
background-size: 100% 100%;
}
.product-internet-banner::before {
content: "";
width: 150px;
height: 150px;
position: absolute;
background: url(../images/Rectangle42.png) left top no-repeat;
right: -40px;
bottom: 20px;
background-size: 100% 100%;
}
.product-internet-banner img {
display: block;
margin: 0 auto;
}
.by-solution-section {
padding: 60px 0px;
}
.by-solution-section h2 {
font-weight: 700;
color: #1d293f;
font-size: 36px;
line-height: 42px;
text-align: center;
}
.by-solution-section h3 {
color: #696871;
width: 55%;
margin: 0 auto;
margin-bottom: 50px;
font-size: 20px;
line-height: 25px;
text-align: center;
}
.by-solution-section img {
display: block;
margin: 0 auto;
width: 400px;
}
.virtual-business-landline {
padding: 60px 0px;
}
.virtual-business-landline h2 {
font-weight: 700;
color: #1d293f;
font-size: 36px;
line-height: 47px;
text-align: left;
padding-left: 60px;
}
.virtual-business-landline img {
display: block;
margin: 0 auto;
}
/* product internet page end */
/* product dox page start here */
.product-dox-banner.product-message-teamwork {
background: #f5f5f5;
padding: 125px 0px 50px 0px;
position: relative;
}
.product-dox-banner.product-message-teamwork
.product-message-teamwork-right
img {
width: 100%;
}
.product-dox-banner.product-message-banner h4 {
color: #696871;
margin-bottom: 0px;
font-size: 20px;
line-height: 25px;
text-align: center;
width: 80%;
margin: 0 auto;
margin-bottom: 20px;
}
.product-dox-banner .product-dox-banner-ul {
padding-left: 20px;
}
.product-dox-banner .product-dox-banner-ul li {
color: #696871;
line-height: 21px;
font-size: 16px;
margin-bottom: 3px;
}
.securely-store-share-file.product-message-teamwork
.product-message-teamwork-right
img {
width: 100%;
}
.securely-store-share-file.product-message-teamwork h3 {
width: 60%;
}
.securely-store-share-file.product-message-teamwork
.product-message-teamwork-left
.btn-center-home
a
img {
width: 140px;
margin-right: 10px;
}
/* product box page end here */
.home-page .sec-small-bussiness h1 {
width: 80%;
margin-left: auto;
margin-right: auto;
}
/* fix call pop */
.home-call-fixpop {
background: #fff;
position: fixed;
z-index: 999999;
left: auto;
box-shadow: 0px 6px 10px rgb(0 0 0 / 50%);
padding: 15px 15px;
border-radius: 16px;
text-align: center;
min-width: 290px;
top: auto;
bottom: 45px;
right: 20px;
}
.home-call-fixpop-inner {
position: relative;
}
.home-call-fixpop-inner .callfixpop-cross {
position: absolute;
right: 0;
}
.home-call-fixpop-inner .callfixpop-cross img {
width: auto;
height: 25px;
cursor: pointer;
}
.home-call-fixpop .callfixpop-img {
height: 70px;
width: 70px;
border-radius: 50px;
overflow: hidden;
object-fit: cover;
background: #f5f5f5;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
border: 4px solid #ea7414;
}
.home-call-fixpop .callfixpop-img img {
height: 70px;
width: 70px;
border-radius: 50px;
overflow: hidden;
object-fit: fill;
max-width: 70px;
}
.home-page .home-call-fixpop h2 {
font-size: 24px;
margin: 10px 0px;
}
.home-call-fixpop h3 {
color: #1d293f;
font-size: 16px;
background: #ffeab8;
padding: 7px 10px;
border-radius: 30px;
cursor: pointer;
}
.home-call-fixpop p {
color: #1d293f;
margin-bottom: 0px;
font-size: 16px;
margin-top: 20px;
}
.home-call-fixpop h4 {
margin-bottom: 0px;
color: #1d293f;
font-size: 20px;
font-weight: 700;
}
/* fix call pop end */
/* ivr menu side bar */
.ivr-menu-side-mid-sec {
padding: 10px 0px;
}
.collapse-ivr-list-div .ivr-collapse-anchor {
font-family: "sf_ui_textmedium";
font-size: 16px;
color: #000;
display: flex;
align-items: center;
justify-content: space-between;
padding: 8px 4px;
}
.collapse-ivr-list-div .ivr-collapse-anchor:hover,
.collapse-ivr-list-div .ivr-collapse-anchor:focus {
color: #000;
}
.collapse-ivr-list-div .ivr-collapse-anchor span.collapse-arrow {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.collapse-ivr-list-div .ivr-collapse-anchor.collapsed span.collapse-arrow {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.right-side-wrapper .collapse-ivr-list-div .card {
padding: 0px;
background: #fff;
min-height: auto;
}
.text-custom-file-tabs {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 8px;
}
.text-custom-file-tabs .ivr-outline-btn {
font-family: "sf_ui_textmedium";
font-size: 16px;
color: #000;
padding: 8px 4px;
width: 100%;
text-align: center;
border: 1px solid #dadade;
border-radius: 8px;
}
.text-custom-file-tabs .ivr-outline-btn.active {
border: 1px solid #f17c2b;
}
.account .text-to-speech-div .form-control {
border: 1px solid #000;
padding: 7px;
color: #000;
}
.text-to-speech-div {
border-radius: 5px;
border: 1px solid #dadada;
}
.text-to-speech-div .input-control-div {
margin-top: 8px;
padding: 8px 8px;
}
.text-to-speech-div .input-control-div {
display: flex;
align-items: center;
justify-content: space-between;
}
.account .text-to-speech-div .form-control.input-border-bottom {
border: none;
border-bottom: 1px solid #dadada;
border-radius: 5px 5px 0px 0px;
}
.account .text-to-speech-div .form-control.input-border-bottom:focus {
border-bottom: 1px solid #dadada;
}
.right-side-wrapper .collapse-ivr-list-div .card p {
text-align: center;
line-height: 20px;
color: #000;
}
.collapse-ivr-list-div .card label {
color: #000;
}
.collapse-ivr-list-div .card .add-menu-option-ivr {
color: #f17c2b;
font-size: 16px;
margin-top: 10px;
font-family: "sf_ui_textmedium";
}
.ivr-discription-contol-div {
display: flex;
align-items: center;
justify-content: space-between;
}
.ivr-discription-contol-div .key-no {
width: 65px;
}
.ivr-discription-contol-div .ivr-rule {
width: calc(100% - 75px);
}
.collapse-ivr-list-div .card h6.keep-recording-shot {
line-height: 18px;
color: #000;
font-size: 11px;
text-align: left;
margin-bottom: 5px;
margin-top: 10px;
padding-left: 23px;
position: relative;
}
.collapse-ivr-list-div .card h6.keep-recording-shot img {
height: 18px;
width: auto;
position: absolute;
left: 0;
top: 4px;
}
.ivr-menu-side-mid-sec {
padding: 10px 0px;
height: calc(100vh - 295px);
overflow-y: auto;
}
.bottom-btn-ivr.bottom-btn-b-hrs {
text-align: center;
margin-top: 10px;
display: flex;
width: 100%;
align-items: center;
justify-content: space-between;
}
.bottom-btn-ivr.bottom-btn-b-hrs .btn-save {
border-radius: 5px;
padding: 6px 2px;
width: 100%;
}
.bottom-btn-ivr.bottom-btn-b-hrs .btn-save:hover {
color: #fff;
}
.bottom-btn-ivr .btn-draft {
background: #ebebee;
color: #000;
border-radius: 5px;
padding: 6px 2px;
border: 1px solid #ebebee;
width: 100%;
}
.bottom-btn-ivr .btn-draft:hover {
color: #000;
}
/* ivr menu side bar end */
/* slot home page */
.pricing-sign-up-form{
padding-bottom: 60px;
}
.booking-slote-div-web{
padding: 30px 0px;
}
.booking-slote-div-web h2{
text-align: center;
color: #ea7414 !important;
width: 70%;
margin: 0 auto;
margin-bottom: 30px;
}
/* .booking-slote-div-web .react-calendar {
height: 100%;
width: 100%;
max-width: 100%;
border: none;
padding: 15px 15px;
}
.booking-slote-div-web .react-calendar__tile--active {
background: #ea7414;
border-radius: 4px;
color: #fff;
}
.booking-slote-div-web .react-calendar__tile--active:hover {
background: #000;
color: #fff;
}
.slote-calender-div-home .react-calendar button {
color: #000;
border-radius: 4px;
}
.slote-calender-div-home .react-calendar__month-view button abbr {
border-bottom: none;
cursor: pointer;
}
.slote-calender-div-home .react-calendar__tile {
padding: 1.35em 0.5em;
border-radius: 4px;
} */
.slote-calender-div-home .DayPicker-Month{
display: flex;
flex-direction: column;
}
.slote-calender-div-home .DayPicker-WeekdaysRow {
display: flex;
justify-content: space-between;
}
.slote-calender-div-home .DayPicker-Weekday{
display: inline-flex;
}
.slote-calender-div-home .DayPicker-Body {
display: flex;
flex-direction: column;
}
.slote-calender-div-home .DayPicker-Week {
display: flex;
justify-content: space-between;
margin-bottom: 30px;
}
.slote-calender-div-home .DayPicker-Week:last-child {
margin-bottom: 0px;
}
/* ------ */
.slote-calender-div-home .DayPicker{
width: 100%;
height: 100%;
}
.slote-calender-div-home .DayPicker-Months{
width: 100%;
height: 100%;
}
.slote-calender-div-home .DayPicker-Month{
width: 100%;
height: 100%;
}
.slote-calender-div-home .DayPicker-Day {
border-radius: 50px;
height: 50px;
width: 50px;
line-height: 38px;
}
.slote-calender-div-home .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {
position: relative;
background-color: #ea7414;
color: #ffffff;
}
.slote-list-div-home{
padding: 15px 15px;
}
.slote-list-div-home label{
font-size: 16px;
font-family: "sf_ui_textmedium" !important;
}
.slote-list-div-home .form-control {
color: #cdcdcd;
border: 1px solid #cdcdcd;
border-radius: 4px;
}
.slote-list-div-home p{
margin: 30px 0px;
text-align: center;
z-index: 999;
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
.slote-list-div-home p:after {
content: "";
width: 100%;
background: #cdcdcd;
height: 1px;
display: inline-block;
z-index: 0;
}
.slote-list-div-home p span{
position: absolute;
background: #f5f5f5;
z-index: 99;
}
.slot-group .slot-anch{
border: 1px solid #e28573;
padding: 6px 15px;
border-radius: 4px;
color: #d06d5a;
margin-right: 5px;
margin-bottom: 5px;
text-decoration: none;
display: inline-block;
cursor: pointer;
}
.slot-group .slot-anch:hover{
background-color: #d06d5a;
color: #fff !important;
text-decoration: none;
}
.slot-group .slot-anch.active{
padding: 6px 15px;
border-radius: 4px;
background-color: #d06d5a;
color: #fff !important;
margin-right: 5px;
margin-bottom: 5px;
text-decoration: none;
display: inline-block;
cursor: pointer;
}
.slote-list-div-home .demo-request-btn{
padding: 6px 30px;
border-radius: 4px;
background-color: #ea7414;
color: #fff !important;
margin-right: auto;
margin-bottom: auto;
text-decoration: none;
display: inline-block;
cursor: pointer;
margin-top: 25px;
text-align: center;
}
/* -------- */
.services-right-box-sign-up.services-right-box{
padding: 35px 95px;
text-align: center;
}
.services-right-box-sign-up.services-right-box h2{
font-weight: 700;
font-size: 36px;
line-height: 45px;
}
.services-right-box-sign-up.services-right-box h2 span{
color: #ea7414;
}
.services-right-box-sign-up.services-right-box h4{
text-align: center;
/* padding: 15px 70px; */
font-size: 20px;
}
.services-right-box-sign-up.services-right-box .go-to-home-anch{
background: #ea7414;
padding: 10px 25px;
margin: 0 auto;
border-radius: 6px;
color: #fff;
font-size: 16px;
margin-top: 15px;
display: inline-block;
cursor: pointer;
}
.services-right-box-sign-up.services-right-box .go-to-home-anch:hover{
background-color: #ea7414;
color: #fff !important;
text-decoration: none;
}
/* slote home page end */
/* get demo booking start */
.get-demo-banner-div{
background: #f5f5f5;
padding: 125px 0px 50px 0px;
overflow: hidden;
}
.get-demo-client.banner-bottom-client{
padding: 25px 15px;
background: #ffff;
}
.get-demo-client .banner-bottom-client-inner {
display: flex;
align-items: center;
justify-content: space-around;
position: relative;
}
.why-nxatel-section.why-nxatel-section-get-demo::after{
display: none;
}
.why-nxatel-section.why-nxatel-section-get-demo::before{
display: none;
}
.get-demo-client.banner-bottom-client h4 {
margin-bottom: 30px;
}
.get-demo-banner-div .services-right-box .PhoneInput input{
left: 35px;
width: 80%;
}
/* get demo booking end here */
/* --- home video modal ---- */
.home-modal-video.modal-body{
/* height: 385px; */
position: relative;
padding: 5px;
}
.home-modal-video.modal-body video{
border-radius: 9px;
}
.home-modal-video.modal-body .close{
opacity: 1;
box-shadow: none;
float: none;
}
.home-modal-video.modal-body .close span{
position: absolute;
font-size: 24px;
color: #fff;
opacity: 1;
right: -18px;
top: -19px;
background: #f17c2d;
border-radius: 50px;
height: 30px;
width: 30px;
line-height: 26px;
box-shadow: none;
}
/* home video modal */
/* privacy banner page */
.privacy-page-banner{
padding: 100px 0px 60px 0px;
}
.privacy-page-banner h1 {
color: #000;
font-size: 36px;
line-height: 49px;
margin-bottom: 40px;
text-align: center;
}
.privacy-page-banner .privacy-respect-box{
background: transparent;
border-radius: 0px 0px;
/* padding: 15px 15px; */
position: relative;
overflow: hidden;
}
.privacy-page-banner .privacy-respect-box h2{
margin-top: 60px;
color: #696871;
line-height: 51px;
}
.privacy-page-banner .privacy-respect-box p{
color: #737474;
font-size: 18px;
line-height: 29px;
margin-bottom: 40px;
}
.privacy-page-banner .privacy-respect-box .read-more-privacy{
background: #F04037;
padding: 10px 45px;
color: #fff;
font-size: 18px;
margin-top: 30px;
border-radius: 0px 20px;
}
.privacy-respect-bx-inner{
display: flex;
align-items: center;
justify-content: space-between;
}
.privacy-respect-bx-inner{
padding: 15px 0px;
}
.privacy-respect-bx-inner .privacy-left{
/* padding-left: 130px; */
}
.privacy-content h5{
line-height: 30px;
margin-top: 20px;
margin-bottom: 40px;
}
.privacy-content p{
color: #696871;
line-height: 33px;
}
/* privacy banner page end */
/* website new css */
/* ------------- */
.bg-circle {
position: absolute;
top: 0;
width: 57%;
left: 0;
}
.bg-circle img {
width: 100%;
height: 533px;
}
.p {
color: #696871;
}
.logo .navbar-brand img {
width: 110px;
}
.navigation li a {
font-size: 13px;
color: #393f4e !important;
/* margin-right: 20px; */
padding: 8px 10px !important;
}
.navigation li a:hover,
.navigation li a:focus,
.navigation li.active a {
color: #fff !important;
background: #f04037;
border-radius: 5px;
transition: all 0.5s;
text-decoration: none;
cursor: pointer;
}
/*
.banner-sec {
padding: 60px 0;
} */
.image img {
width: 100%;
}
.banner-sec h3 {
color: #696871;
}
.banner-sec h6 {
font-size: 15px;
margin: 15px 0;
color: #696871;
}
.banner-right h1 {
font-weight: bold;
line-height: 67px;
font-size: 65px;
color: #19191b;
}
.banner-right h5 {
line-height: 36px;
color: #696871;
margin-top: 20px;
font-size: 21px !important;
}
.banner-right .form-group .form-control {
padding-left: 30px;
height: 51px;
border-radius: 5px;
}
.banner-right .form-group {
position: relative;
}
.banner-right .form-group ::placeholder {
color: #696871;
}
.banner-right .form-group i {
position: absolute;
top: 19px;
left: 10px;
z-index: 9;
color: #cdccd9;
}
.btn-red {
background: #f0544c;
color: #fff;
border-radius: 5px;
padding: 13px 50px;
font-size: 21px;
min-width: 200px;
}
.btn-transperent {
background: transparent;
color: #5454d4;
font-weight: 500;
}
.error-required {
color: red;
font-size: 12px;
}
.partitioned {
width: 4em;
text-align: center;
border: 0;
border-bottom: 1px solid black;
}
.forget a {
color: #696871;
padding-left: 15px;
font-size: 16px;
font-weight: 500;
}
.footer-sec {
padding: 60px 0;
background: #f17c2b;
}
.footer-logo img {
width: 150px;
}
.footer-logo a {
color: #fff;
font-size: 14px;
}
.footer-logo a:hover {
text-decoration: none;
/* color: #3a1c1b; */
}
.footer-logo h5 {
font-size: 15px;
line-height: 24px;
margin-top: 16px;
color: #fff;
}
.social i {
color: #fff;
background: #696871;
border-radius: 100%;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
font-size: 15px;
margin-right: 10px;
transition: all 0.5s;
}
.social i:hover {
background: #fff;
color: #f17c2b;
}
.footer-nav h6 {
color: #fff;
font-weight: 500;
}
.footer-nav ul li a {
color: #fff;
padding: 7px 0;
}
.footer-nav ul li a:hover {
text-decoration: underline;
cursor: pointer;
}
.footer-nav .form-group .form-control {
padding-left: 30px;
height: 51px;
border-radius: 5px;
}
.footer-nav input {
padding: 12px 0px 11px 26px;
}
.footer-nav .fa-envelope {
position: absolute;
top: 17px;
left: 10px;
}
.footer-nav .form-group i {
position: absolute;
top: 19px;
left: 10px;
z-index: 9;
color: #cdccd9;
}
.btn-gray {
background: #bcbcbc;
color: #fff;
border-radius: 5px;
padding: 9px 17px;
font-size: 16px;
position: absolute;
min-width: 70px !important;
right: 3px;
top: 3px;
z-index: 99;
}
.btn-gray:hover {
background: #696871;
}
.clicking h6 {
font-size: 14px;
margin-top: 37px;
padding: 0;
}
.btn-sign .btn-red {
padding: 13px 76px;
}
.sign-up {
padding: 60px 0 20px;
}
.header-logo img {
width: 100px;
}
.desktop-sec {
padding: 0px 0 30px;
}
.desk-nav li a {
font-size: 16px;
color: #19191b;
margin-right: 20px;
padding: 8px 10px !important;
font-weight: bold;
}
.desk-nav li i {
color: #f17c2b;
font-size: 20px;
}
.desktop-sec h1 {
font-size: 35px;
font-weight: bold;
text-align: center;
letter-spacing: -2.5px;
}
.verify-number h3 {
font-weight: bold;
font-size: 22px;
color: #19191b;
}
.verify-number h6 {
font-size: 14px;
font-weight: bold;
color: #19191b;
margin-bottom: 13px;
}
.resend-btn {
background: #ec7119;
color: white;
}
.request-margin {
margin-bottom: 3px;
}
/* .verify-number .otp {
height: 45px;
} */
.verify-number .btn-orange {
background: #f17c2b;
color: #fff;
border-radius: 5px;
padding: 7px 50px;
font-size: 21px;
min-width: 200px;
margin-top: 10px;
}
.nexa-label {
padding-right: 87px;
font-size: 14px;
margin-top: 0px;
}
.btn-plan {
float: center;
background-color: #ec7119;
color: white;
}
.srv-validation-message {
color: red;
font-size: 12px;
}
.btn-orange:hover {
background: #ec7119;
}
.tag img {
width: 150px;
margin-top: 30px;
}
.box {
box-shadow: 10px 5px 30px rgba(0, 0, 0, 0.1);
padding: 30px 77px 90px;
text-align: center;
min-height: 340px;
}
.box.box-choose-num {
min-height: 380px;
}
.box-right.box-keep-num {
min-height: 380px;
}
.box .nav-tabs {
justify-content: center !important;
border: none !important;
}
.box .nav-link {
border-color: #dee2e6 #dee2e6 #dee2e6 !important;
background: #eae9f2 !important;
color: #696871 !important;
}
.box .nav-tabs .nav-item {
width: auto !important;
padding: 0px 6px !important;
}
.box .nav-tabs.nav-item.li-national a {
margin-right: 0 !important;
margin-left: -20px !important;
}
.box .nav-link {
border-radius: 16px !important;
width: 100px !important;
height: 30px !important;
line-height: 11px !important;
border: none !important;
}
.box .nav-item.li-local .nav-link.active {
margin-right: 0 !important;
margin-right: -20px !important;
}
.box .nav-item.li-national .nav-link.active {
margin-right: 0 !important;
margin-left: -20px !important;
}
.box .nav-link.active {
background: #f17c2b !important;
/* color: #fff;
margin-right: -20px; */
border: none !important;
color: #fff !important;
}
.box .tab-pane h6 {
font-size: 20px !important;
font-weight: bold !important;
margin: 18px 0 !important;
padding: 0 30px !important;
line-height: 25px !important;
color: #172b4d;
}
.box .form-group {
padding: 0px 27px;
}
.box .form-control {
font-size: 13px;
font-weight: 500;
}
.box-right {
box-shadow: 10px 5px 30px rgba(0, 0, 0, 0.1);
padding: 30px 9px 1px;
min-height: 374px;
text-align: center;
}
.box-right h6 {
font-size: 20px !important;
font-weight: bold !important;
margin-bottom: 25px !important;
color: #172b4d;
}
.switch {
position: relative;
display: inline-block;
width: 60px;
height: 34px;
vertical-align: middle;
}
.slider.round {
border-radius: 34px;
}
.slider.round:before {
border-radius: 50%;
}
.switch input {
opacity: 0;
width: 0;
height: 0;
}
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.box-right .slider {
left: -6px !important;
}
.slider:before {
position: absolute;
content: "";
height: 26px;
width: 26px;
left: 4px;
bottom: 4px;
background-color: white;
-webkit-transition: 0.4s;
transition: 0.4s;
}
input:checked + .slider {
background-color: #2196f3;
}
input:focus + .slider {
box-shadow: 0 0 1px #2196f3;
}
input:checked + .slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
}
.btn-orange {
background: #f17c2b;
color: #fff;
border-radius: 5px;
padding: 7px 50px;
font-size: 21px;
min-width: 200px;
}
.select_plan p {
font-size: 19px;
margin-right: 10px;
}
.select_plan {
display: flex;
justify-content: center;
}
.plan-box {
box-shadow: 10px 5px 30px rgba(0, 0, 0, 0.1);
padding: 20px 30px 20px;
text-align: center;
min-height: 340px;
margin-bottom: 30px;
transition: transform 0.3s;
}
.plan-box h4 {
font-weight: bold;
padding: 0 33px;
}
.plan-box .btn-gray {
background: #bcbcbc;
color: #fff;
border-radius: 5px;
padding: 9px 17px;
font-size: 18px;
min-width: 70px !important;
position: relative;
}
.plan-box .btn-gray:hover {
background: #b8b5b5;
}
.plan-box.active {
transform: scale(1.05);
}
.lower-sec {
padding: 20px;
background: #fff;
}
.steps_accounts ul {
margin: 15px auto 40px;
width: 100%;
flex-direction: row;
}
.steps_accounts ul li {
width: 20%;
z-index: 9;
position: relative;
}
.steps_accounts ul li a {
/* box-shadow: 0 1px 18px rgba(98, 98, 98, .1); */
text-decoration: none;
color: #000;
}
.steps_accounts ul li a:hover {
text-decoration: none;
}
.steps_accounts span {
color: #000;
box-shadow: 0 1px 18px rgba(98, 98, 98, 0.1);
z-index: 9;
width: 40px;
height: 40px;
background: #fff;
color: #000;
font-weight: bold;
line-height: 40px;
border-radius: 100%;
padding: 0;
margin-right: 40px;
margin: 0 auto;
display: inline-block;
text-align: center;
margin-bottom: 5px;
}
.steps_accounts ul li a:hover span,
.steps_accounts ul li.active a span,
.steps_accounts ul li a:focus span {
/* color: #000; */
color: #fff;
background: #ea7315;
text-decoration: none;
}
.steps_accounts ul li span::after {
width: 100%;
height: 3px;
background: #f1f1f1;
position: absolute;
top: 18px;
content: "";
z-index: -1;
}
.steps_accounts ul li.active span::after {
width: 100%;
height: 3px;
background: #ea7315;
position: absolute;
top: 18px;
content: "";
z-index: 1;
}
.steps_accounts ul li:last-child span::after {
display: none;
}
.otp-input .form-control {
border: none;
}
.otp-input .form-control input {
text-align: center;
width: 100% !important;
border: none;
border-bottom: 1px solid #000;
}
.otp-input .form-control input:focus {
/* border: none !important; */
outline: none;
}
#timerminute {
display: contents;
}
#timersecond {
display: contents;
}
.margin-receive {
margin-bottom: 0px;
}
.price-img1 img {
width: 100%;
}
.price-box1 {
padding: 20px 15px !important;
text-align: left;
min-height: 250px;
}
.price-box1 h6 {
font-size: 12px;
}
.price-box1 h3 {
font-size: 20px;
font-weight: bold;
margin-bottom: 0;
}
.price-box1 p {
font-size: 12px;
}
.price-box1 p a {
font-size: 14px;
text-decoration: none;
color: #000;
font-weight: bold;
}
.price-box1 .btn-sm {
color: #fff;
background: #ea7315;
padding: 5px 20px;
min-width: auto;
font-size: 14px;
}
.payment-sec {
text-align: left;
padding: 30px 20px;
}
.payment-sec .form-group {
position: relative;
}
.payment-sec h6 {
text-align: center;
font-size: 20px;
font-weight: bold;
margin-bottom: 25px;
}
.payment-summary {
border-bottom: 1px solid #ccc;
padding-bottom: 7px;
}
.payment-sec label {
font-weight: 500;
font-size: 14px;
}
.payment-sec .input-text {
position: absolute;
right: 42px;
top: 38px;
color: #ccc;
font-size: 14px;
}
.payment-sec .total {
padding-right: 13px;
color: #ccc;
}
.payment-sec .cards {
box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1);
padding: 17px 0;
text-align: center;
margin-bottom: 13px;
border-radius: 5px;
}
.payment-sec .cards img {
width: 70px;
}
.payment-sec .cards p {
margin: 0;
color: #3c4858;
font-weight: bold;
}
.bg-light-org {
background: #ffeab8;
}
.bg-light-sky {
background: #b1d4fe;
}
.bg-light-pink {
background: #ffc3c5;
}
.bg-light-blue {
background: #cdc3ff;
}
.footer-nav .form-group {
position: relative;
}
/* ------------- */
.sign-up-faq-partner-logo{
display: flex;
align-items: center;
justify-content: center;
margin-top: 30px;
}
.sign-up-faq-partner-logo a{
margin: 0px 25px;
}
.sign-up-faq-partner-logo a img{
width: 90px;
}
/* new media */
.signup-type .navbar {
padding: .5rem 0rem;
}
.sign-left-part.sign-left-img img {
width: 100%;
}
.sign-left-part.sign-left-align-center {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.sign-up-form-head{
font-size: 36px;
margin-bottom: 30px;
}
.sign-up-form-page .PhoneInput input {
width: 70%;
height: 35px;
}
.sign-up-form-page label{
margin-bottom: 3px;
font-family: "sf_ui_textregular";
}
.services-right-box h2 {
font-family: "sf_ui_textregular";
}
.font-36{
font-size: 36px !important;
}
.sign-left-part.sign-left-part-vector-img img {
width: 78%;
}
.sign-up-form-page .PhoneInput select {
padding-left: 45px;
height: 38px;
}
.sign-up-form-page .PhoneInput input {
top: 2px !important;
}
.sign-up-form-page .PhoneInput .PhoneInputCountryIcon {
top: 5px !important;
left: 15px !important;
}
.sign-up-step-bar h1 {
font-family: "sf_ui_textregular";
}
.sign-up-form-page .social-btn {
padding: 7px 3px !important;
font-size: 10px !important;
display: flex;
align-items: center;
justify-content: flex-start;
}
.sign-up-step-bar .slider:before {
content: "";
height: 20px !important;
width: 20px !important;
top: 1px !important;
}
.sign-up-step-bar .form-control {
font-size: 14px;
min-height: 38px;
padding: 6px 15px;
border: 1px solid #d2d2d2;
border-radius: 5px;
color: #6f8ba4;
}
.sign-up-step-bar .form-control:last-child {
padding-bottom: 3px;
}
.sign-up-form-page .PhoneInput select {
border-radius: 5px;
}
.sign-up-form-page .social-btn img {
width: 25px !important;
margin-right: 5px !important;
}
.sign-up-socical-btn-div-outer{
display: flex;
align-items: center;
margin-left: -5px;
margin-right: -5px;
}
.sign-up-socical-btn-div {
padding-left: 5px !important;
padding-right: 5px !important;
}
.sign-up-form-page .btn-orange {
background: #e2784a !important;
font-weight: 700;
padding: 8px 20px;
color: #fff;
font-size: 15px;
width: 100%;
display: block;
}
.sign-up-form-page{
margin-top: 30px;
}
.sign-right-part .login-otp .form-control {
padding: 0px 0px;
border: 1px solid transparent;
}
.pricing-box-section .btn-group.btn-group-monthly .btn{
font-size: 14px;
}
.pricing-bx.pricing-palden .pricing-feature {
font-size: 16px;
}
.pricing-bx .pricing-item {
max-width: 285px !important;
}
.pricing-bx.pricing-palden .pricing-deco {
padding: 30px 10px;
}
.pricing-bx.pricing-palden .pricing-feature {
font-size: 16px;
padding: 5px 0px;
}
.pricing-bx.pricing-palden .pricing-feature.custom-pricing-feature {
padding-top:140px;
}
.pricing-bx.pricing-palden .pricing-deco {
padding: 30px 20px 15px 20px;
min-height: 200px;
}
.pricing-bx.pricing-palden .pricing-feature-list {
padding: 15px 20px;
}
.pricing-bx .pricing-min-ht {
min-height: 375px;
position: relative;
}
.pricing-bx.pricing-palden .pricing-action {
font-weight: 600;
margin-bottom: 15px !important;
padding: 6px 8px;
font-size: 16px;
}
.pricing-palden .pricing__item--featured .pricing-action{
background-color: #233aff;
color: #fff;
}
.card-payment-right.card-payment-form .form-group .form-control {
font-size: 14px;
min-height: 38px;
padding: 6px 15px;
border: 1px solid #d2d2d2;
border-radius: 5px;
}
.payment-success-box{
box-shadow: 0 0 20px rgb(46 59 125 / 15%);
padding: 20px 20px;
border-radius: 10px;
}
.recomended-text{
color: #F17C2B !important;
font-size: 24px !important;
font-weight: 500;
}
.ideal-text {
color: #F17C2B !important;
font-size: 13px !important;
font-weight: 500;
margin-bottom: 0px;
}
.pricing-signup .pricing-palden .pricing-title {
display: inline-block;
margin-bottom: 10px;
font-weight: 700;
}
.pricing-signup .pricing-palden .pricing-item h5.team-size {
padding: 0px 0px;
color: #666666;
font-weight: 700;
margin-bottom: 0;
font-size: 14px;
}
.pricing-signup .pricing-palden .pricing-item .start-up-head {
margin-top: 0px !important;
font-size:16px;
}
.pricing-signup .pricing-palden .pricing-item.pricing__item--featured .start-up-head {
color: #fff !important;
}
.pricing-signup .pricing-palden .pricing-item .pay-as-you {
margin-bottom: 5px;
font-size: 14px !important;
}
.pricing-signup .pricing-bx.pricing-palden .pricing-feature-list.pricing-feature-list-new {
text-align: left;
padding-top: 5px;
}
.pricing-signup .pricing-bx.pricing-palden .pricing-feature-list.pricing-feature-list-new li {
font-size: 12px;
padding: 5px 0px;
padding-left: 20px;
position: relative;
font-weight: 500;
}
.pricing-signup .pricing-bx.pricing-palden .pricing-feature-list.pricing-feature-list-new li .fa-check{
color: #233afe;
margin-right: 5px;
position: absolute;
top: 8px;
left: 0px;
}
.pricing-signup .pricing-bx.pricing-palden .pricing-deco {
padding: 20px 20px 0px 20px;
}
.pricing-signup .pricing-bx.pricing-palden .pricing-feature-list {
min-height: 280px;
}
.pricing-palden-signup .price-div-2 span.cost-span {
line-height: 40px;
}
.account-setting-plan-tab-content{
padding-right: 12px;
}
.account-setting-plan-tab-content {
padding-right: 12px;
}
.settings-page-tabs .billing-pricing-steps{
padding-bottom: 20px !important;
}
.settings-page-tabs .billing-pricing-steps .pricing {
margin-bottom: 0px;
}
/* active case */
.pricing-signup .pricing-palden .pricing__item--featured .pricing-deco {
padding: 0px 0px 0px 0px;
}
.pricing-signup .pricing-palden .pricing__item--featured .pricing-price {
background: #457AFE;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
padding: 15px 0px 15px 0px;
box-shadow: 0px 5px 15px rgb(0 0 0 / 15%);
margin-bottom: 10px;
}
.pricing-signup .pricing-palden .plan_requested_pricing .pricing-price {
background: #FFD166;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
padding: 15px 0px 15px 0px;
box-shadow: 0px 5px 15px rgb(0 0 0 / 15%);
margin-bottom: 10px;
}
.pricing-signup .pricing-palden .plan_requested_pricing .pricing-deco {
padding: 0px 0px 0px 0px;
}
.pricing-signup .pricing-bx.pricing-palden .plan_requested_pricing .recomended-text {
color: #EC4444 !important;
}
.pricing-signup .pricing-palden .pricing__item--featured .pricing-price .color-66 {
color: #fff !important;
}
.pricing-signup .pricing-palden .pricing__item--featured .pricing-feature-list .color-66 {
color: #666666 !important;
}
.pricing-signup .pricing-bx.pricing-palden .pricing__item--featured .pricing-feature-list.pricing-feature-list-new li .fa-check {
color: #666666 !important;
}
.pricing-signup .pricing-bx.pricing-palden .pricing__item--featured .recomended-text {
color: #F9D176 !important;
}
.pricing-signup .pricing-bx.pricing-palden .pricing-item h6.every-text {
font-size: 14px;
margin-bottom: 0px;
margin-top: 10px;
color: #666666;
}
/* end */
.business-number .port-existing {
color: #CA3420;
margin: 18px 0px;
}
.voucher-type-main-div{
padding: 30px 30px;
}
.voucher-type-field-bx{
width: 100%;
display: flex;
flex-direction: column;
}
.voucher-type-field-bx label {
color: #193B68;
font-size: 16px;
margin-bottom: 10px;
}
.voucher-type-field-bx img {
width: 110px;
margin-bottom: 10px;
}
.voucher-orange-bx {
display: flex;
align-items: center;
justify-content: space-between;
background: #ea7414;
padding: 20px 20px;
border-radius: 18px;
}
.voucher-orange-bx .form-control {
font-size: 15px;
min-height: 40px;
padding: 6px 15px;
border: none;
border-radius: 12px;
width: 100%;
}
.voucher-orange-bx .btn{
color: #ea7414;
background: #fff;
font-size: 15px;
padding: 4px 20px;
border: none;
border-radius: 45px;
line-height: 32px;
margin-left: 8px;
min-height: 40px;
}
.voucher-orange-bx .btn:hover {
color: #ea7414;
}
/* order summary new css */
.payment-summary-main-box {
display: flex;
align-items: flex-end;
justify-content: center;
}
.payment-box-section .payment-summary-box {
box-shadow: 0 0 20px rgb(46 59 125 / 5%);
width: 450px;
border-radius: 30px;
position: relative;
overflow: hidden;
margin-right: 100px;
}
.payment-box-section .payment-summary-box h4{
background: #B1D4Ff;
padding: 18px 15px;
font-size: 18px;
font-weight: normal;
text-align: center;
margin-bottom: 0px;
}
.payment-box-section .payment-summary-box .order-list a.value-add-link {
color: #f17c2b;
font-size: 16px;
font-family: "sf_ui_displaymedium";
text-decoration: underline;
}
.payment-box-section .payment-summary-box .order-list a.Apply-Voucher {
color: #f17c2b;
font-size: 16px;
font-style: italic;
text-decoration: underline;
font-family: "sf_ui_displaymedium";
}
.payment-box-section .payment-summary-box .order-list{
padding: 5px 10px;
display: flex;
align-items: flex-end;
justify-content: space-between;
margin: 3px 5px;
}
.payment-box-section .payment-summary-box .order-list.order-list-taxes{
padding: 0px 10px;
margin-top: 0px;
}
.payment-box-section .payment-summary-box .order-list-taxes .order-items-bx h5 {
font-size: 14px;
margin-bottom: 0px;
}
.payment-box-section .payment-summary-box .order-list-taxes .order-items-price h6{
font-size: 14px;
}
.payment-box-section .payment-summary-box .order-list.order-list-total-discount {
margin-top: 0px;
margin-bottom: 10px;
}
.payment-box-section .payment-summary-box .order-list-total-discount .order-items-bx h5 {
font-size: 18px;
}
.payment-box-section .payment-summary-box .order-list-total-discount a.change-disscount-link {
font-size: 18px;
color: #f17c2b;
font-family: "sf_ui_displaysemibold";
}
.not-sure-div{
display: flex;
align-items: flex-start;
justify-content: flex-end;
}
.not-sure-div h3{
font-size: 31px;
font-weight: 400;
margin-bottom: 0px;
margin-right: 15px;
}
.not-sure-div a.compare-features {
background-color: #233aff;
color: #fff;
}
.pricing-page .btn-secondary {
padding: 5px 20px !important;
line-height: 19px !important;
}
.free-trial-div h5{
background: #FFEAB8;
padding: 6px 10px;
display: inline-block;
border-radius: 8px;
}
.free-trial-div span{
display:block;
color: #1d293f !important;
}
.payment-box-section .payment-summary-box .order-list-bottom-border {
border-bottom: 1px solid #77838F;
}
.payment-box-section .payment-summary-box .order-items-bx h5{
margin-bottom: 5px;
color: #1E2022;
font-size: 16px;
font-family: "sf_ui_displaymedium";
}
.payment-box-section .payment-summary-box .order-items-bx p{
margin-bottom:0px;
font-size:16px;
}
.payment-box-section .payment-summary-box .order-list-total{
margin-bottom: 0px;
}
.payment-box-section .payment-summary-box .order-items-price h6{
color:#1E2022;
font-size: 16px;
margin-bottom: 0px;
text-align: right;
font-family: "sf_ui_displaymedium";
}
.payment-box-section .payment-summary-box .order-list-total .order-items-bx h5 {
margin-bottom: 0px;
display: flex;
font-family: "sf_ui_displaysemibold";
}
.payment-box-section .payment-summary-box .order-list-total .order-items-bx h5 p{
font-weight: normal;
margin-bottom: 0;
margin-left: 5px;
line-height: 18px;
}
.payment-box-section .payment-card-section p {
text-align: center;
margin-bottom: 10px;
margin-top: 30px;
}
.payment-box-section .payment-card-section h3{
text-align: center;
color: #47525E;
font-size: 16px;
font-weight: 400;
}
.payment-box-section .pay-card-box {
display: flex;
align-items: center;
justify-content: center;
margin-top: 25px;
margin-bottom: 25px;
}
.payment-box-section .pay-card-box a {
padding: 22px 15px;
color: #3C4858;
text-decoration: none;
border-radius: 15px;
min-width: 170px;
display: inline-block;
margin-right: 10px;
}
.payment-card-section {
padding-bottom: 20px;
}
.payment-box-section .pay-card-box a img {
width: 24px;
margin-right: 5px;
}
.payment-box-section .confirm-btn-div .btn-orange {
padding: 7px 30px;
font-size: 18px;
}
.payment-box-section .confirm-btn-div .btn-voucher-cancel {
background-color: #f17c2b;
min-width: 100px !important;
margin-right: 5px;
color: white;
}
.payment-success-box .form-group .payment-amount {
text-align: left;
line-height: 21px;
}
.payment-summary-head{
padding: 35px 0px;
}
.payment-summary-head .payment-summary-head-inner {
position: relative;
}
.payment-summary-head .payment-summary-head-inner .currency {
width: 140px !important;
position: absolute;
right: 0;
top: -25px;
}
.payment-summary-head .payment-summary-head-inner .currency.form-group .form-control {
border: 1px solid #e5e5e5;
}
.voucher-bx-section.payment-card-section {
min-width: 385px;
}
.voucher-bx-section.payment-card-section .main-voucher-box {
margin-bottom: 20px;
position: relative;
}
.voucher-bx-section.payment-card-section .main-voucher-box .voucher-type-field-bx label {
margin-bottom: 5px;
}
.voucher-bx-section.payment-card-section .main-voucher-box .voucher-type-field-bx img {
margin-bottom: 5px;
}
.voucher-white-bx {
display: flex;
align-items: center;
justify-content: space-between;
background: #ffffff;
padding: 25px 20px;
border-radius: 18px;
box-shadow: 2px 5px 10px rgb(0 0 0 / 5%);
cursor: pointer;
}
.voucher-white-bx .btn {
color: #fff;
background: #ea7414;
font-size: 15px;
padding: 4px 20px;
border: none;
border-radius: 45px;
line-height: 32px;
margin-left: 8px;
min-height: 40px;
}
.voucher-white-bx .btn:hover {
color: #fff;
}
.voucher-type-field-bx .voucher-white-bx img {
width: 120px;
}
.main-voucher-div.payment-summary-main-box {
display: flex;
align-items: center;
justify-content: center;
}
.voucher-bx-section .voucher-type-main-div {
padding: 15px 15px;
}
/* order summary new css end here */
/* --------- custome outer media css ------------- */
@media (min-width: 1400px) {
.container {
max-width: 1300px;
}
}
@media (min-width: 1600px) {
.container {
max-width: 1370px;
}
}
@media (min-width: 1900px) {
.container {
max-width: 1400px;
}
}
/* @media screen and (min-width:1367px) and (max-width:1700px) { */
@media screen and (min-width:1171px) and (max-width:1250px) {
.sign-left-part.sign-left-part-vector-img img{
/* width: 90%; */
width: 70%;
}
.banner-main-div:after {
content: "";
width: 150px;
height: 150px;
position: absolute;
background: url(../images/Rectangle.png) left top no-repeat;
left: -80px !important;
bottom: 180px !important;
background-size: 100% 100%;
}
.sign-up-head {
font-size: 30px;
}
.sign-left-part.sign-left-first-page img {
width: 80%;
}
.sign-left-part.sign-left-img img {
width: 100%;
}
.login-with-icons img {
width: 40px;
height: 35px;
}
.by-sign-in {
margin-bottom: 0px;
}
}
/* end here */
/* ---- custom outer media css ---- */
/* --------- */
/* CHANGES BY Malik */
body {
overflow: auto;
}
body,
button,
input,
keygen,
select,
textarea {
font-family: "DM Sans", sans-serif !important;
}
h6 {
text-transform: capitalize;
}
.sign-otp h6{
text-transform: none;
}
.footer-logo h6 {
color: #fff;
}
.footer-nav a {
color: #fff !important;
}
.cards.payment_box.active {
border: 3px solid #172b4d;
}
.cards.payment_box {
cursor: pointer;
}
.vaucher-bg {
background: #f17c2b;
padding: 20px 20px;
border-radius: 8px;
}
.voucher-box {
box-shadow: 10px 5px 30px rgb(0 0 0 / 10%);
padding: 30px 30px;
text-align: left;
min-height: 340px;
}
.voucher-box .form-group img {
width: 130px;
margin-bottom: 5px;
}
.voucher-box button.btn-redeem {
background: #fff;
color: #f17c2b;
border-radius: 50px;
padding: 5px 32px;
margin-top: 8px;
}
.wpwl-container.wpwl-container-card {
min-height: 80vh !important;
display: flex;
align-items: center;
}
.rica-process-div {
box-shadow: 10px 5px 30px rgb(0 0 0 / 10%);
padding: 30px 30px;
}
.rica-process-div h3 {
font-size: 20px !important;
font-weight: bold !important;
margin-bottom: 15px !important;
color: #172b4d;
}
.rica-process-bx {
background: #f04037;
padding: 15px;
text-align: center;
border-radius: 5px;
margin-bottom: 20px;
}
.rica-process-bx img {
display: block;
margin: 0 auto;
margin-bottom: 10px;
width: 55px;
}
.rica-process-bx h6 {
color: #fff;
}
.rica-process-div .form-group h6 {
color: #091e42;
font-size: 15px;
line-height: 19px;
font-weight: normal;
}
.upload-rica .profile-inner-img {
justify-content: space-around;
}
.upload-rica .profile-inner-img img {
width: 250px;
height: 100px;
}
.upload-rica .profile-inner-img .btn {
padding: 5px 10px;
font-size: 0.875rem;
line-height: 1.5;
border-radius: 0.2rem;
}
.google-process-btn {
text-align: center;
}
.google-process-btn .btn {
margin: 0px 2px;
padding: 6px 18px !important;
display: inline-block;
align-items: center;
justify-content: center;
width: 40%;
font-size: 16px !important;
color: #fff !important;
}
.goole-process .form-control:focus {
outline: none;
box-shadow: none;
}
.goole-process .form-control {
border: none;
border-bottom: 1px solid #ced4da;
border-radius: 0px;
padding-right: 45px;
}
.rica-process-div.goole-process h3 {
text-align: center;
margin-bottom: 10px !important;
}
.goole-process p {
text-align: center;
padding: 0px 30px;
}
.goole-process .form-group label {
margin-bottom: 0px;
}
.map-div img {
width: 100%;
height: 270px;
margin-bottom: 20px;
}
.goole-process .google-process-input {
position: relative;
}
.goole-process .google-process-input a {
position: absolute;
right: 10px;
top: 28px;
}
.goole-process .google-process-input a img {
width: 26px;
}
.payment_header .check .fa-spinner {
animation: spinner-border 1s linear infinite;
}
.react-html5-camera-photo video,
.container .row .col img {
width: 100%;
height: 100%;
}
.otp > div {
align-items: baseline;
}
.modal-content {
border-radius: 15px !important;
}
.modal-header {
background: #fff !important;
border-bottom: none;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
.modal-footer .btn-orange {
border-radius: 6px;
border-color: #f17c2b;
font-size: 16px !important;
font-weight: normal;
color: #fff !important;
background: #f17c2b;
border-radius: 6px !important;
}
.modal-header .close {
top: 12px !important;
background-color: transparent;
opacity: 1;
border-radius: 0px;
width: auto;
height: auto;
color: #000;
font-weight: normal;
position: absolute;
right: 12px;
font-size: 30px;
display: flex;
align-items: center;
justify-content: center;
opacity: 1;
}
.modal-header .close:hover {
color: #000;
}
.account-label label {
font-weight: 500;
font-size: 14px;
color: #3b566e;
}
.modal .modal-footer .btn {
border-radius: 50px;
}
.modal-footer {
border: none !important;
}
.form-control:last-child {
padding-bottom: 6px;
}
.form-control:focus {
border-color: #f17c2b !important;
box-shadow: none;
}
#display-error {
width: 100%;
}
.react-html5-camera-photo video {
height: auto;
}
.signup-type .navbar img {
width: 110px;
}
.signup-type .nav-item {
margin: 0 10px;
}
.signup-type .navbar ul li a {
padding: 5px 24p;
font-family: 'sf_ui_textregular' !important;
}
.sign-left-part img {
width: 100%;
}
.sign-left-first-page.sign-left-part img {
width: 82%;
}
.font-55 {
font-size: 55px;
}
.color-191b {
color: #19191b !important;
}
.color-6871 {
color: #696871;
}
.color-566E {
color: #3b566e;
}
.color-7c2b {
color: #f17c2b !important;
}
.font-17 {
font-size: 17px;
}
.font-12 {
font-size: 12px;
}
.font-18 {
font-size: 18px;
}
.font-20 {
font-size: 20px;
}
.font-23 {
font-size: 23px;
}
.font-22 {
font-size: 22px;
}
.font-51 {
font-size: 51px;
}
.font-42 {
font-size: 42px;
}
.font-14 {
font-size: 14px;
}
.font-10 {
font-size: 10px;
}
.pl-65 {
padding-left: 65px;
}
.fw-700 {
font-weight: 700;
}
.fw-500 {
font-weight: 500;
}
.login-with-icons img {
width: 40px;
height: 35px;
margin: 0 10px;
}
.btn-new-sign {
font-weight: 600;
padding: 5px 30px;
color: #fff !important;
border-radius: 8px;
background: #457afe !important;
border: 1px solid #457afe !important;
font-size: 15px;
width: 100%;
display: block;
}
.btn-new-sign:hover {
background-color: #172efc;
color: #fff;
}
.btn-pay {
font-weight: 600;
padding: 8px 24px;
color: #fff;
border-radius: 10px;
background: #457afe;
border: 1px solid #457afe;
font-size: 15px;
min-width: 100px;
}
.btn-pay:hover {
background-color: #172efc;
color: #fff;
}
.sign-up-head{
font-size: 36px;
}
.sign-right-part .form-control {
font-size: 14px;
min-height: 38px;
padding: 6px 15px;
border: 1px solid #d2d2d2;
border-radius: 8px;
}
.sign-right-part .otp-input-right .form-control input {
border: none;
border-radius: 0px;
border-bottom: 1px solid #d2d2d2;
margin: 6px;
}
.otp-verify-btn .btn-new-sign {
padding: 5px 18px;
}
.btn-start-with {
border-radius: 16px 0;
background: #f17c2b;
color: #fff !important;
transition: all 0.5s;
cursor: pointer;
width: 100%;
font-weight: 400;
}
.btn-start-with:hover{
color: #fff !important;
}
.btn-back-signup {
border-radius: 16px 0;
background: transparent;
border: 2px solid #f17c2b;
color: #f17c2b;
transition: all 0.5s;
font-weight: 400;
width: 100%;
}
.btn-back-signup:hover {
color: #f17c2b;
}
.bg-back {
background: #d5defd !important;
color: #fff;
border-color: #d5defd !important;
}
.btn-new-sign.bg-back{
background: #d5defd !important;
color: #fff;
border-color: #d5defd !important;
}
.verify-number .sign-otp .form-control {
border: navajowhite;
border-bottom: 1px solid #6f8ba4;
border-radius: 0;
}
.verify-number .sign-right-part {
display: flex;
flex-direction: column;
height: 100%;
justify-content: center;
}
.live-chat img {
width: 40px;
margin-right: 10px;
}
.live-chat span a {
color: #47525e;
font-weight: 400;
font-size: 25px;
margin-right: 10px;
font-family: "sf_ui_textregular";
}
.live-chat span a:hover,
.live-chat span.active a {
color: #47525e;
text-decoration: none;
}
.sign-up-step-bar .step {
list-style: none;
margin: 0.2rem 0;
width: 100%;
}
.sign-up-step-bar .step .step-item {
-ms-flex: 1 1 0;
flex: 1 1 0;
margin-top: 0;
min-height: 1rem;
position: relative;
text-align: center;
}
.sign-up-step-bar .step .step-item:not(:first-child)::before {
background: #0069d9;
content: "";
height: 2px;
left: -50%;
position: absolute;
top: 9px;
width: 100%;
}
.sign-up-step-bar .step .step-item a {
color: #acb3c2;
display: inline-block;
padding: 20px 10px 0;
text-decoration: none;
font-family: "sf_ui_textregular";
}
.sign-up-step-bar .step .step-item a::before {
background: #0069d9;
border: 0.1rem solid #fff;
border-radius: 50%;
content: "";
display: block;
height: 0.9rem;
left: 50%;
position: absolute;
top: 0.2rem;
transform: translateX(-50%);
width: 0.9rem;
z-index: 1;
}
.sign-up-step-bar .step .step-item.active a::before {
background: #0069d9;
border: 0.1rem solid #0069d9;
}
.sign-up-step-bar .step .step-item.active ~ .step-item::before {
background: #e7e9ed;
}
.sign-up-step-bar .step .step-item.active ~ .step-item a::before {
background: #e7e9ed;
}
.sign-up-step-bar .middal {
display: flex;
align-items: center;
height: 100%;
}
.sign-up-step-bar .middal p{
font-family: "sf_ui_textregular" !important;
}
.sign-up-step-bar .middal.left-bottom {
width: 80%;
height: auto;
display: inline-block;
}
.sign-up-step-bar .middal.left-bottom li {
width: 100%;
margin-bottom: 15px;
list-style-type: none;
padding-left: 15px;
position: relative;
color: #3B566E;
font-family: "sf_ui_textregular";
}
.sign-up-step-bar .middal.left-bottom li i.fa-circle {
position: absolute;
font-size: 6px;
top: 8px;
left: 0px;
color: #3B566E;
}
.btn-social-signup {
display: flex;
align-items: center;
justify-content: start;
background: #f4f4f4;
border: 1px solid #a8a8a8;
width: 100%;
padding-left: 58px;
font-family: "sf_ui_textregular" !important;
font-size: 14px;
}
.sign-right-part .form-check-label.font-12 {
font-family: "sf_ui_textregular" !important;
margin-top: 5px;
}
.sign-up-step-bar .sign-right-part img {
width: 30px;
margin-right: 8px;
}
.sign-up-step-bar .sign-right-part .PhoneInput img {
width: 25px;
margin-right: 8px;
border-radius: 50px;
height: 25px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
object-fit: cover;
}
.otp .form-control input {
text-align: center;
width: 100% !important;
border: none;
font-size: 38px;
font-weight: 700;
}
p.verification-duration{
width:100%;
margin:0 auto;
}
.verification-duration img{
width: 14px;
margin-right:5px;
}
.btn-transprent{
background: transparent;
font-size: 14px;
min-height: 38px;
padding: 6px 15px;
border: 1px solid #d2d2d2;
border-radius: 5px;
color: #6f8ba4;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: flex;
align-items: center;
justify-content: space-between;
}
.custom-select-dropdown .dropdown-menu.show {
overflow: hidden;
overflow-y: auto;
width: 100%;
max-height: 250px;
}
.btn-transprent:focus {
outline: none;
box-shadow: none;
}
.btn-transprent.country-drop-padding{
padding-left: 32px;
}
.custom-select-dropdown .dropdown-menu.show {
border: none;
}
.otp .otp-border {
border: 1px solid #EAE9F2;
border-radius: 12px;
justify-content: center;
width: 40%;
}
.otp .otp-border .form-control:first-child {
padding-top: 6px !important;
}
.otp .otp-border .form-control {
width: 75px !important;
border: none;
height: 60px !important;
}
.p-150 {
padding: 150px 0;
}
.btn-orange-back {
background: #f17c2b;
color: #fff;
padding: 10px 55px;
margin-right: 15px;
font-weight: 600;
opacity: 0.3;
border: 1px solid #C31A12;
}
.btn-orange-back:hover {
color: #fff;
}
.btn-verify {
background: #f17c2b;
color: #fff;
padding: 10px 55px;
margin-right: 15px;
font-weight: 600;
border: 1px solid #C31A12;
}
.btn-verify:hover {
color: #fff;
}
.sign-otp{
padding: 100px 0px;
}
.side-step-bar .StepProgress {
position: relative;
padding-left: 45px;
list-style: none;
}
.StepProgress .StepProess-item .btn-orange {
min-width: auto;
width: auto;
padding: 10px 24px;
font-size: 16px;
border: 1px solid #C31A12;
border-radius: 8px;
}
.side-step-bar .StepProgress::before {
display: inline-block;
content: "";
position: absolute;
top: 13px;
left: 15px;
width: 10px;
height: 96% !important;
border-left: 2px solid #ccc;
}
.side-step-bar .StepProgress-item {
position: relative;
counter-increment: list;
}
.side-step-bar .StepProgress-item:not(:last-child) {
padding-bottom: 100px;
}
.side-step-bar .StepProgress-item::before {
display: inline-block;
content: "";
position: absolute;
left: -30px;
height: 100%;
width: 10px;
}
.side-step-bar .StepProgress-item::after {
content: "";
display: inline-block;
position: absolute;
top: 0;
left: -37px;
width: 12px;
height: 12px;
border: 2px solid #ccc;
border-radius: 50%;
background-color: #fff;
}
.side-step-bar .StepProgress-item.current::after {
content: counter(list);
padding-top: 1px;
top: 7px;
font-size: 12px;
text-align: center;
color: #fff;
border: 2px solid #ea7414;
background-color: #ea7414;
width: 24px;
height: 24px;
left: -42px;
}
.custom-select-dropdown .dropdown-menu.show {
border: none;
border-radius: 8px;
box-shadow: 0px 1px 15px rgb(0 0 0 / 10%);
}
.custom-select-dropdown .dropdown-menu a.dropdown-item {
border-bottom: 1px solid #e5e5e5;
font-size: 14px;
}
.custom-select-dropdown .dropdown-menu a.dropdown-item:last-child {
border-bottom: 0px solid transparent;
}
.side-step-bar .StepProgress strong {
display: block;
}
.Size-team .MuiSlider-mark.MuiSlider-markActive {
left: 0%;
}
.Size-team .MuiSlider-markLabel:last-child {
transform: translateX(-100%) !important;
top: 2px;
left: 105% !important;
}
.Size-team .MuiSlider-root {
width: 80%;
}
.Size-team .MuiSlider-marked {
position: absolute;
right: 12px;
margin: 0;
top: 4px;
right: 50px;
}
.Size-team.Size-team-home .MuiSlider-marked {
right:auto;
left: 4px;
}
.Size-team.Size-team-home .MuiSlider-root {
width: 90%;
}
.w-20 {
width: 22% !important;
}
.mlr {
margin: 0 10px;
}
.existing-toggle .slider.round {
border-radius: 38px;
width: 60px;
margin-left: 10px;
}
.existing-toggle .slider:before {
bottom: 3px;
}
.business-number .btn-new-sign {
border-radius: 50px;
font-weight: 400;
font-size: 20px;
}
.signup-type .navigation li a {
color: #393f4e;
font-size: 13px;
}
.pricing-step .btn-secondary {
color: #1d293f;
background-color: #ffd166;
border-color: #ffd166;
}
.btn-secondary:focus {
box-shadow: none;
}
.btn-secondary.active {
color: #1d293f;
background-color: #fff;
border-color: #ffd166;
}
.b-none {
border: none !important;
}
.currency.form-group .form-control {
border: none;
}
input[autocomplete] {
background-color: #fff !important;
}
.vertical-align-top {
vertical-align: top;
}
.card-payment-right .form-group .form-control {
border-color: #6f8ba4;
color: #6f8ba4;
}
.successful-img img {
width: 60px;
}
.by-sign-in {
line-height: 16px;
padding: 0 23px;
font-weight: 500;
text-align: center;
}
.active-bar {
border: 2px solid #f17c2b;
}
.PhoneInput .PhoneInputCountryIconImg {
width: 30px;
margin-right: 8px;
border-radius: 50px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
object-fit: cover;
}
/* changes by malik end here */
/* word class section */
.world-class-div{
display: flex;
align-items: flex-start;
justify-content: flex-start;
text-align: left;
padding: 10px 50px;
}
.word-class-box-row{
margin-bottom: 40px;
}
.world-class-div .word-cls-left{
width: 150px;
}
.world-class-div .word-cls-left img{
width: 110px;
display: block;
margin: 0 auto;
}
.world-class-div .word-cls-right{
width: calc(100% - 150px);
text-align: left;
}
.home-page .compliance-section .world-class-div h3{
width: 100%;
font-size: 18px;
line-height: 29px;
text-align: left;
}
.word-class-box-div{
margin-top: 60px;
padding: 10px 50px;
}
.word-class-box-div .compliance-inner-div {
padding-top: 0px;
align-items: flex-start;
justify-content: flex-start;
}
.word-class-box-div .compliance-inner-div .compliance-inner-right {
width: 120px;
}
.word-class-box-div .compliance-inner-div .compliance-inner-right img {
width: 95px;
margin: 0 auto;
}
.word-class-box-div .compliance-inner-div .compliance-inner-left {
width: calc(100% - 120px);
}
/* word class section end */
/* website new css end */
/* --------media----------- */
@media screen and (max-width: 767px) {
.Founding-Team .font-26.color-191b {
font-size: 16px !important;
}
.Nxaies-box img {
width: 60px;
height: 60px;
margin-right: 10px;
}
.about-sec-8 .row.mt-30:nth-child(2) {
margin-top: 0px !important;
}
.about-sec-6 {
padding-bottom: 0px;
}
.about-sec-8 {
padding-bottom: 0px;
}
.about-sec-9 {
min-height: auto;
padding-bottom: 0px;
}
.child-row .Nxaies-box .font-24.m-0 {
font-size: 16px;
}
.top-bar .top-bar-inner .btn-read-about {
padding: 8px 10px;
width: 225px;
}
.top-bar .top-bar-inner p {
font-size: 12px;
line-height: 17px;
}
.btn-group-pricing.btn-group {
padding-right: 0px;
}
.right-plan .mt-4 {
margin-top: 1rem !important;
}
.right-plan .mb-5 {
margin-bottom: 1rem !important;
}
header .navbar .navbar-collapse li {
height: auto;
}
.product-header-bg
.nxa-outer-header
.navbar-expand-lg
.navbar-nav
.nav-link {
padding: 8px 10px !important;
margin-left: 0px !important;
height: auto;
}
.home-page .footer-sec:before {
right: -30px;
top: -55px;
}
.home-page .footer-sec:after {
right: 40px;
}
section {
min-height: auto;
}
.home-page .sec-small-bussiness {
padding: 30px 0;
}
/* ----- */
.tab-pane-scroll-media::-webkit-scrollbar-track {
background: transparent;
border: 1px solid transparent;
}
.tab-pane-scroll-media::-webkit-scrollbar-thumb {
background: #c4c4c4;
}
.home-page .slide2-sec {
margin-top: 0px;
}
.shift-connected-bx {
width: 50% !important;
}
.home-page .shift-connected-bx .sec1-left {
padding: 10px !important;
margin-right: 5px !important;
}
.home-page .banner-right:after {
right: -50px !important;
bottom: 0px !important;
left: auto !important;
width: 100px !important;
height: 100px !important;
}
.home-page .download-img img {
width: 100px !important;
}
.home-page .company-logo img {
width: 100% !important;
height: auto !important;
}
.home-page .banner-right img {
position: relative !important;
left: auto !important;
top: auto !important;
right: auto !important;
width: 100% !important;
display: flex;
margin: 10px auto;
margin-bottom: 40px;
}
.banner-bottom-client-inner .company-logo {
width: 25%;
}
.banner-main-div .banner-bottom-client-inner {
flex-wrap: wrap;
margin-top: 20px;
}
.banner-bottom-client h3 {
font-size: 19px;
line-height: 25px;
}
.banner-bottom-client h4 {
font-size: 14px;
}
.home-page .sec-company {
padding: 20px 0;
}
/* ---------------- */
.haeder .navbar .navbar-collapse {
transform: translateX(-319px);
position: absolute;
top: 58px;
z-index: 99;
background: rgba(0, 0, 0, 0.8);
padding: 10px 20px;
left: -8px;
transition: all 0.2s ease-out;
}
.haeder .navbar .collapse.show {
transform: translateX(-7px);
}
.parent {
background: gray;
display: flex;
width: 100%;
flex-direction: column;
}
.child {
width: 100%;
}
.side-btn {
left: 10px;
}
.header-btn.collapse.show {
padding-right: 16px;
display: flex;
}
.navi .side-btn {
left: 11px;
top: 87px;
border-radius: 5px;
}
.header-input {
flex-wrap: wrap;
justify-content: center;
}
.header-sec .input-group {
margin: 20px 0;
}
.header-sec h5 {
margin: 0px 0 20px;
text-align: center;
}
.progress-sec {
padding: 0 10px;
}
.progress-sec span {
float: none;
}
.navigation {
background: #fff;
border-radius: 5px;
padding: 23px 16px;
}
.home-page .banner-after-img {
padding: 25px 0px 60px 0px !important;
}
.home-page .banner-right:after {
right: -45px !important;
bottom: -50px !important;
width: 100px !important;
height: 100px !important;
}
.banner-main-div:after {
left: -50px;
bottom: 50px;
width: 100px;
height: 60px;
}
.banner-inner.banner-inner-xs {
margin-top: 40px;
}
.home-page .banner-right:before {
right: -40px !important;
bottom: 20px !important;
width: 100px !important;
height: 100px !important;
}
.banner-bottom-content {
min-height: 517px !important;
}
.banner-inner {
text-align: center;
}
.banner-btn,
.download-img {
justify-content: center;
}
.company-logo {
width: 33%;
}
.home-page .company-logo img {
width: 100%;
padding: 6px !important;
}
.sec1-right {
text-align: center;
}
.reverse {
flex-direction: column-reverse;
}
.word-break {
word-break: break-word;
}
.home-page .slide-sec .carousel-indicators {
bottom: 22px !important;
left: 33px;
}
.home-page .after-img {
padding: 30px 0px !important;
}
.tab-pane-scroll-media {
overflow: hidden;
display: flex;
align-items: center;
justify-content: space-between;
margin: 0px 0px;
overflow-x: auto;
flex-wrap: unset !important;
width: calc(100% - -30px);
margin-left: -15px;
margin-right: -15px;
}
.tab-pane-scroll-media .small-bussiness-box {
width: 230px;
}
.center-media {
text-align: center;
}
.services-right-box {
padding: 55px 25px !important;
margin-right: 12px;
position: relative;
}
.services-right-box .social-btn {
padding: 12px 5px;
margin-bottom: 12px;
}
.home-page .customer-box {
margin-bottom: 50px;
}
.as-seen-on,
.home-page .slide2-sec {
margin: 15px;
}
.Seen-as {
width: 50% !important;
}
.carousel-inner .carousel-item {
height: auto !important;
padding: 0 !important;
}
.home-page .after-img:before {
content: "";
width: 170px;
height: 93px;
position: absolute;
background: url(../images/smallRectangle.png) left top no-repeat;
background-size: 100% 100%;
z-index: 99;
left: -85px !important;
transform: unset;
top: 135px !important;
}
.home-page .after-img:after {
left: -30px !important;
top: 115px !important;
width: 60px !important;
height: 50px !important;
}
.home-page .customer-sec:after {
left: -40px !important;
top: -1070px !important;
width: 90px !important;
}
.home-page .customer-sec:before {
left: -33px !important;
top: -1065px !important;
transform: rotate(179deg);
width: 105px !important;
z-index: 0 !important;
}
.product-img3 img {
padding: 0px 0px 25px 34px !important;
}
.why-nxa-box {
margin-bottom: 20px;
flex-direction: column;
min-height: auto;
}
.why-nxa-banner {
text-align: center;
}
.why-nxa-banner h1 {
text-align: center;
font-size: 32px !important;
color: #000 !important;
}
.why-nxatel {
padding: 0;
min-height: 1378px;
}
.why-nxatel .nxa-banner-right:after {
z-index: 1;
}
.why-nxatel .nxa-banner-right img {
width: 100%;
z-index: 0;
left: auto;
top: 20px;
position: relative;
}
.why-sec-2 .mt-30 {
margin-top: 0px;
}
.why-sec-2:after {
content: "";
width: 150px;
height: 150px;
position: absolute;
background: url(../images/Rectangle43.png) left top no-repeat;
right: -12px;
/* bottom: 149px; */
bottom: 170px;
background-size: 100% 100%;
z-index: 1;
}
.about-home {
padding: 50px 0;
}
.about-home .nxa-banner-right img {
margin-top: 50px;
position: relative;
}
.over-hide {
overflow: hidden;
}
.about-home .nxa-banner-right:before {
content: "";
width: 150px;
height: 150px;
position: absolute;
background: url(../images/Rectangle42.png) left top no-repeat;
right: -103px;
top: 127px;
background-size: 100% 100%;
overflow: hidden;
}
.about-home .nxa-banner-right:after {
content: "";
width: 117px;
height: 150px;
position: absolute;
background: url(../images/Rectangle.png) left top no-repeat;
right: -8px;
top: 49px;
background-size: 100% 100%;
}
.nxa-story {
text-align: center;
padding: 15px;
}
.about-sec3 {
text-align: center;
}
.what-do h1 {
font-size: 40px !important;
text-align: center;
}
.sec-4-boxs {
padding: 0px 0 50px;
text-align: center;
flex-direction: column;
}
.values-box {
margin-bottom: 20px;
}
.about-sec-4 .mt-30 {
margin-top: 0;
}
.about-sec-5 {
padding: 30px 0;
}
.Founding-Team {
text-align: center;
padding-bottom: 40px;
}
.about-sec-6 .Nxaies-box {
margin-bottom: 20px;
}
.about-sec-6 .child-row .common-child:nth-child(2) {
margin-top: 0px;
}
.about-sec-6 .child-row .common-child:nth-child(3) {
margin-top: 0;
}
.about-sec-7 h1 {
padding-bottom: 40px;
text-align: center;
}
.our-teams img {
margin-bottom: 20px;
}
.sec-8-boxs {
margin-bottom: 20px;
}
.about-sec-8 .mt30 {
margin-top: 0;
}
.about-sec-8 h1 {
font-size: 40px !important ;
text-align: center;
}
.about-sec-9 {
min-height: 850px;
text-align: center;
}
.sec-9-right img {
left: 0px;
top: 30px;
}
.sec-9-left {
padding-top: 0;
}
.sec-4-h2 {
display: flex;
justify-content: center;
margin-bottom: 40px;
align-items: center;
}
.founding::after,
.founding::before {
display: none;
}
.Size-of-team {
left: 110px;
top: -30px;
}
.right-plan {
flex-direction: column;
justify-content: flex-start;
}
.notice-price {
margin-top: 22px;
}
.pricing-sec-box {
margin-bottom: 20px;
margin-top: 0;
}
.pricing-page .pricing-after:after {
top: 508px;
}
.pricing-page .pricing-after:before {
top: 560px;
}
}
@media screen and (min-width: 1035px) and (max-width: 1250px) {
.nexa-header.navbar a.navbar-brand {
max-width: 23.55%;
}
}
@media screen and (min-width: 1171px) and (max-width: 1250px) {
.services-right-box .form-group label{
font-size: 13px;
}
.billing-pricing-steps .pricing-bx .pricing-item {
max-width: 202px !important;
}
.nexa-header.navbar a.navbar-brand {
max-width: 23.77%;
}
.buisness-cloud-banner .buisness-cloud-banner-img img {
margin-right: -30px;
}
}
@media screen and (min-width: 1400px) {
.buisness-cloud-banner .buisness-cloud-banner-img img {
margin-right: -80px;
}
.customer-inner {
min-height: 300px !important;
}
.customer-inner.product-img2 {
display: flex;
align-items: flex-end;
}
}
@media screen and (min-width: 1600px) {
.privacy-respect-bx-inner .privacy-left {
padding-left: 185px;
}
.nexa-header.navbar a.navbar-brand {
max-width: 24.1%;
}
.billing-pricing-steps .pricing-bx .pricing-item {
max-width: 286px !important;
}
}
@media screen and (min-width: 1700px) {
.privacy-respect-bx-inner .privacy-left {
padding-left: 250px;
}
.buisness-cloud-banner .buisness-cloud-banner-img img {
margin-right: -235px;
}
.billing-pricing-steps .pricing-bx .pricing-item {
max-width: 308px !important;
}
.nexa-header.navbar a.navbar-brand {
max-width: 24.12%;
}
}
@media screen and (min-width: 1900px) {
.billing-pricing-steps .pricing-bx .pricing-item {
max-width: 352px !important;
}
.nexa-header.navbar a.navbar-brand {
max-width: 24.2%;
}
}
input.PhoneInputInput:-internal-autofill-selected {
background-color: #fff;
}
.PhoneInput select {
padding-left: 40px;
height: 51px;
width: 100%;
color: #6f8ba4;
border: 1px solid #ddd;
border-radius: 12px;
}
.PhoneInput .PhoneInputCountryIconImg {
width: 30px;
margin-right: 8px;
border-radius: 50px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
object-fit: cover;
}
.PhoneInput .PhoneInputCountryIcon {
width: 31px;
position: absolute;
top: 41px;
left: 9px;
}
.PhoneInputCountryIcon img {
width: 100%;
}
.PhoneInput {
width: 100%;
}
.PhoneInput input {
position: absolute;
top: 32px;
left: 40px;
height: 43px;
width: 85%;
width: 40%;
border: none;
outline: none;
padding-left: 10px;
}
.services-right-box .PhoneInput input {
top: 3px;
}
.services-right-box .PhoneInput .PhoneInputCountryIcon {
top: 16px;
}
.schedule-date-div {
padding: 0px !important;
}
.PhoneInput select:focus {
color: #495057;
background-color: #fff;
border-color: #80bdff;
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.flag img {
width: 29px;
position: absolute;
top: 44px;
left: 9px;
}
.number-flags img {
/* width: 29px; */
width: 20px;
position: absolute;
/* top: 10px; */
top: 12px;
left: 19px;
}
.number-flags .flag-img-span img {
width: 20px;
position: relative;
margin-right: 8px;
top: auto;
left: auto;
}
.flag-input {
padding-left: 46px !important;
}
.account-Profile input.upload {
bottom: 0;
cursor: pointer;
left: 0;
margin: 0;
opacity: 0;
padding: 0;
position: absolute;
right: 0;
top: 0;
width: 220px;
}
.display-footer {
display: block;
}
.size {
font-size: 11px;
}
.switch {
position: relative;
display: inline-block;
width: 100px;
height: 19px;
text-align: right;
}
.switch .btn-default {
padding: 2px 10px;
background-color: #ededed;
border-color: #ededed;
}
.switch input {
display: none !important;
}
.switch .btn-default.active {
background-color: #f17c2b;
border-color: #f17c2b;
color: #fff !important;
}
.hide {
display: none !important;
}
.srv-validation-message {
color: red;
font-size: 12px;
margin-top: 5px;
}
.react-datetime-picker__wrapper {
border: none !important;
}
.react-datetime-picker__button:enabled {
display: none !important;
}
.play-icon {
color: #fff;
border: 1px solid #f17c2b;
border-radius: 10%;
width: 100px;
height: 100px;
line-height: 25px;
text-align: center;
font-size: 13px;
background: #f17c2b;
padding: 3px;
}
.upload-voice {
margin-top: 5px;
font-size: 13px;
color: black;
}
* {
box-sizing: border-box;
padding: 0;
margin: 0;
}
body {
/* font-family: "DM Sans", sans-serif; */
font-family: "sf_ui_textregular";
color: #414141;
overflow-x: hidden;
overflow-y: auto;
/* animation: fadeInAnimation ease 3s;
animation-iteration-count: 1;
animation-fill-mode: forwards; */
}
@keyframes fadeInAnimation {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
body{
-webkit-animation: fadein 3s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 3s; /* Firefox < 16 */
-ms-animation: fadein 3s; /* Internet Explorer */
-o-animation: fadein 3s; /* Opera < 12.1 */
animation: fadein 3s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
p {
font-size: 14px;
color: #9a9a9a;
line-height: 25px;
}
.navbar-brand img {
width: 110px;
/* margin-top: 10px; */
margin-top: 6px;
}
.header {
z-index: 9;
position: relative;
}
.navigation li a {
color: #fff;
text-transform: uppercase;
font-weight: 500;
margin-right: 30px !important;
font-size: 13px;
}
.navigation li a:hover {
color: #191a16;
text-transform: uppercase;
text-decoration: none;
}
.btn-success {
background: #b2d234;
color: #fff;
font-weight: 700;
font-size: 20px;
padding: 5px 20px;
text-transform: uppercase;
border-radius: 25px;
}
.btn-success:hover {
background: #fff;
color: #b2d234;
}
.banner-sec {
background: #f17c2b;
}
.banner-in {
padding: 60px 0;
background: url("../images/banner.png") left top no-repeat;
background-size: cover;
margin-top: -90px;
min-height: 691px;
/* position: relative; */
z-index: 1;
}
.banner-sec::after {
content: "";
width: 100%;
height: 246px;
position: absolute;
background: url("../images/banner_bottom.png") left top no-repeat;
left: 0;
bottom: -16px;
}
.banner-left {
margin-top: 80px;
}
.banner-left h1 {
font-size: 55px;
color: #fff;
font-weight: 700;
line-height: 60px;
}
.banner-left p {
font-size: 22px;
color: #fff;
line-height: 30px;
}
.btn-primary {
background: #504de5;
color: #fff;
font-weight: 700;
font-size: 20px;
padding: 8px 20px;
border-radius: 25px;
margin-top: 20px;
}
.banner-right img {
/* width: 100%; */
width: 90%;
/* z-index: 99; */
z-index: 7;
}
.service-sec {
padding: 60px 0;
background: #fff;
/* box-shadow: 0px 10px 34px rgb(26 10 84); */
}
.service-sec h2 span {
font-weight: bold;
}
.service-sec h2 {
color: #414141;
padding-top: 10px;
text-transform: uppercase;
font-weight: 500;
font-size: 30px;
}
.services_box {
padding: 20px 57px;
}
.services_box img {
position: relative;
}
.services_box .fa-headset {
font-size: 56px;
left: 115px;
}
.services_box i {
position: absolute;
top: 28px;
right: 154px;
font-size: 50px;
color: #000;
opacity: 0.3;
}
.services_box h5 {
color: #000;
margin-top: 10px;
}
.bg-sec {
padding: 60px 0;
background: #f6f6f6;
}
.how-work-sec {
padding: 60px 0;
background-image: url("../images/bg_color.png");
position: relative;
background-attachment: fixed;
background-size: cover;
}
.how-work-sec::after {
content: "";
width: 100%;
height: 200px;
position: absolute;
background: url("../images/banner_bottom2.png") left top no-repeat;
}
.main-heading h2 {
color: #fff;
font-weight: bold;
}
.main-heading p {
color: #fff;
font-size: 16px;
}
.how-work-sec .bottom-img img {
width: 100%;
bottom: 0;
position: absolute;
}
.how-work .nav-tabs {
justify-content: center;
border-bottom: none;
}
.mid_tab_img img {
width: 100%;
}
.how-work .nav-link {
border: none;
padding: 0;
color: #fff;
}
.how-work li {
padding: 0px 35px;
}
.how-work .nav-link.active {
border: none;
background: none;
color: #000;
}
.how-work .nav-link.active {
border: none;
border-bottom: 1px solid #000;
}
.how-work-sec .tab-content .tab-pane {
margin-top: 25px;
}
.download-sec {
padding: 60px 0px;
}
.btn-orange {
color: #fff !important;
background: #f17c2b;
border-color: #f17c2b;
}
.download-sec .btn-orange {
padding: 5px 25px;
}
.btn-orange:hover,
.btn-orange:focus {
color: #fff;
background: #dd7124;
border-color: #dd7124;
}
.btn-rounded {
border-radius: 40px;
}
h1 {
font-weight: bold;
}
.download-right img {
width: 100%;
}
.bottom {
margin-top: 60px;
}
.download-left.bottom h5 {
border-bottom: 1px solid #ddd;
padding: 10px 0;
font-size: 15px;
}
.download-left.bottom h5 i {
font-size: 12px;
color: #f17c2b;
line-height: 17px;
}
.bottom-feature img {
width: 50px;
}
h2 {
font-weight: bold;
}
.subscribe-sec {
padding: 60px 0;
background: #f6f6f6;
}
.subscribe .form-group {
display: flex;
}
.subscribe .btn-orange {
min-width: 115px;
color: #fff;
margin-left: 10px;
}
.services_img img {
width: 100%;
position: relative;
}
.Price-sec {
padding: 60px 0;
}
.Price-sec h2 {
color: #000;
padding: 0 0 50px 0;
text-transform: uppercase;
font-weight: 700;
}
.Professional {
background: #acacac;
}
.Professional h6 {
padding: 15px 25px;
color: #fff;
}
.Professional i {
border: 1px solid #ddd;
width: 60px;
height: 60px;
line-height: 60px;
background: #fff;
border-radius: 100%;
text-align: center;
position: absolute;
top: -50px;
right: 15%;
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
color: #999;
}
.bg-gray {
background: #fafafa;
padding: 20px 0;
}
.bg-gray h2 {
color: #505153;
}
.Plan {
border: 1px solid #f1f1f1;
text-align: center;
border-radius: 10px;
background: #fff;
/* box-shadow: 0px 0px 20px rgba(0, 0, 0, .1); */
}
.Plan h2 {
color: #000;
font-size: 37px;
padding-bottom: 0;
margin-bottom: 0;
}
.Plan h5 {
border-bottom: 1px solid #ddd;
font-size: 16px;
padding: 10px 0;
}
.primium {
z-index: 9;
}
.primium .center {
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
}
.btn-plan {
background: transparent;
color: #f17c2b;
font-weight: 700;
font-size: 15px;
padding: 11px 20px;
border-radius: 25px;
margin: 23px 0px 8px;
border: 1px solid #f17c2b;
text-transform: uppercase;
}
.btn-plan:hover,
.btn-plan:focus,
.btn-plan:active {
border: 1px solid #f17c2b;
background: #f17c2b;
color: #fff;
box-shadow: none;
}
.center {
margin: -20px 0;
padding-bottom: 20px;
background: #fff;
}
.center .Professional {
background: #f17c2b;
}
.center .bg-gray {
background: #db6d1e;
padding: 40px 0;
}
.center .bg-gray p {
color: #fff;
}
.center .btn-plan.active {
background: #f17c2b;
color: #fff;
}
.Our-clint-sec {
padding: 60px 0;
}
.solution-sec {
padding: 60px 0;
}
.solution-sec .solution-left {
text-align: end;
padding: 10px 0px;
}
.solution-sec .solution-right {
padding: 10px 0px;
text-align: left;
}
.solution-sec img {
width: 60px;
margin-bottom: 10px;
}
.solution-img img {
width: 100%;
}
.timer h4 {
font-weight: bold;
}
.timer p {
margin: 0;
}
.map img {
width: 100%;
}
.footer {
background: #f17c2b;
padding-bottom: 80px;
}
.footer-content {
background: #fff;
padding: 25px 15px 25px 15px;
border-radius: 6px;
margin-top: -50px;
}
.contact h6 {
color: #979797;
}
.contact p {
color: #979797;
}
.card-list img {
width: 45px;
}
.client-sec {
padding: 60px 0;
}
.Product-sec::before {
content: "";
width: 100%;
height: 100px;
position: absolute;
top: -73px;
background: url(../images/banner_bottom3.png) left top no-repeat;
background-size: 100% 100%;
}
.client-sec h2 {
color: #000;
}
.client-sec .testimonial-carousel {
background: #f1f1f1;
padding: 40px 10% 25px;
width: 80%;
margin: 0 auto;
border-radius: 100px;
}
.client-sec .testimonial-carousel::after {
content: "";
position: absolute;
bottom: 95px;
left: 48%;
width: 0;
height: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-top: 15px solid #f1f1f1;
}
.client-sec h5 {
color: #000;
margin-top: 15px;
}
.client-sec .control {
background: #fff;
}
.client-sec .fa-thumbs-up {
border: 1px solid #ddd;
width: 60px;
height: 60px;
line-height: 60px;
background: #fff;
border-radius: 100%;
text-align: center;
position: absolute;
top: -16px;
right: 47%;
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
color: #999;
}
.testimonials .carousel-controls .control {
top: 33%;
}
.client-sec .carousel-control-prev {
width: 50px;
border: 1px solid #000;
height: 50px;
background: #c4c4c4;
top: 39%;
border-radius: 100%;
left: 13%;
}
.client-sec .carousel-control-next {
width: 50px;
border: 1px solid #000;
height: 50px;
background: #c4c4c4;
top: 39%;
border-radius: 100%;
right: 13%;
}
/* */
.testimonials {
overflow: hidden;
position: relative;
}
.testimonials .one-slide,
.testimonial,
.message {
border: none !important;
outline: none !important;
}
.testimonials .icon-overlay {
position: absolute;
opacity: 0.3;
right: 10%;
top: 0;
height: auto;
width: 100%;
max-width: 400px;
}
.testimonials .carousel-controls .control {
position: absolute;
transform: translateY(-50%);
width: 45px;
height: 45px;
border-radius: 50%;
border: 2px solid #999;
z-index: 1;
}
.testimonials .prev {
left: -2.25rem;
}
.testimonials .next {
right: -2.25rem;
}
/* */
.dailer-top-bar {
text-align: start;
background: #f17c2b;
border-radius: 45px 45px 0 0;
padding: 21px 25px;
color: #fff;
width: 100%;
}
.dailer-key {
width: 300px;
height: auto;
border: 1px solid #ddd;
padding: 0;
border-radius: 45px;
box-shadow: 0px 0px 16px rgb(0, 0, 0, 0.1);
margin: auto;
text-align: -webkit-center;
background: #fff;
padding-bottom: 30px;
}
.dialer-notes-screen .payment_box img {
width: 35px;
margin-left: 10px;
margin-right: 5px;
}
.calling-pad .dialer-notes-screen .payment_box p {
color: #888888 !important;
}
.dailer-key.dailer-key-2 .notes-input-group.input-group {
padding: 15px 15px 20px 15px;
}
.dailer-key.dailer-key-2 .notes-input-group.input-group .form-control {
border: 1px solid #ddd;
height: auto;
width: 100%;
border-radius: 5px;
color: #888888 !important;
padding: 15px 15px;
}
.dailer-key.dailer-key-2 .keypad-input-group.input-group {
padding: 6px 40px;
margin-bottom: 10px;
}
.close-dialer-pad {
background: #d0021b !important;
border: 2px solid #d0021b !important;
color: #fff !important;
}
.number.close-dial .text {
color: #fff !important;
}
.number.close-dial p {
margin-bottom: 0px !important;
}
.dailer-key.dailer-key-2 .keypad-input-group.input-group .form-control {
border: 1px solid #ddd;
height: auto;
width: 100%;
border-radius: 5px;
color: #888888 !important;
padding: 5px 10px;
}
a.notes-edit {
width: 100%;
position: relative;
}
a.notes-edit .fa-edit {
margin-top: -37px;
background: #fff;
border-radius: 50px;
width: 35px;
height: 35px;
line-height: 35px;
margin-right: 20px;
box-shadow: 0px 2px 3px rgb(0 0 0 / 17%);
font-size: 16px;
color: #3b566e !important;
border-color: #fff;
float: right;
}
.calling-pad .number .calling-icons .text {
margin-top: 0;
}
.calling-pad .number .calling-icons .text img {
/* width: 30px; */
width: 21px;
/* width: 17px; */
}
.calling-pad .number .calling-icons i {
font-size: 22px;
}
.calling-pad .number .calling-icons p {
color: #5a6978;
margin-top: 2px;
font-size: 13px;
}
.calling-pad .number .calling-icons a {
border: 2px solid #ff9247;
background: #ff9247;
}
.calling-pad .number .calling-icons {
text-align: center;
}
.dailer-key .number {
/* padding: 15px 25px; */
padding: 6px 40px;
}
.dailer-key .number.incoming-call {
position: absolute;
align-items: center;
justify-content: space-between;
bottom: 0;
width: 100%;
}
.calling-pad .number .calling-icons a.webphone-btns.record-ico {
border: 2px solid #5dd788 !important;
background: #5dd788 !important;
}
.calling-pad .number .calling-icons a.webphone-btns.disabled {
border: 2px solid #c3d0d8 !important;
background: #c3d0d8 !important;
}
.calling-user-div {
display: flex;
align-items: center;
justify-content: start;
margin-top: 10px;
}
.calling-user-img {
height: 50px;
width: 50px;
overflow: hidden;
object-fit: cover;
text-align: center;
border-radius: 50px;
margin-right: 5px;
}
.calling-user-img img {
height: 50px;
width: 50px;
overflow: hidden;
object-fit: cover;
text-align: center;
border-radius: 50px;
}
.calling-user-name h3 {
color: #fff;
font-weight: 400;
font-size: 16px;
margin-bottom: 0px;
}
.calling-user-name h4 {
color: #fff;
margin-top: 0px;
margin-bottom: 0px;
font-weight: 400;
line-height: 25px;
}
.dailer-top-bar.dailer-top-connecting-bar {
margin-bottom: 20px;
}
.calling-pad .number .calling-icons a.webphone-btns {
width: 50px;
height: 50px;
line-height: 50px;
}
.number-dropdown .form-control {
padding: 0 25px;
color: #3b566e;
font-weight: 700;
}
.dailer-key .form-control {
border: none;
/* height: 55px; */
height: 40px;
padding: 14px 0 0;
/* font-size: 33px; */
font-size: 22px;
color: #f4f4f4 !important;
box-shadow: none !important;
border-radius: 0;
background: transparent;
}
/* .dailer-key .form-control {
border: none;
height: 55px;
padding: 20px;
font-size: 17px;
color: #f17c2b !important;
box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1) !important;
border-radius: 50px;
} */
.dailer-key ::placeholder {
color: #fff;
}
.number-dropdown {
/* padding: 0 25px; */
padding: 0 40px;
}
.number-dropdown .form-control {
/* font-size: 16px; */
font-size: 14px;
padding: 0;
width: 58%;
/* width: 100%; */
margin-right: auto;
color: #3b566e !important;
font-weight: 500;
margin-right: 0px;
/* arrow */
background-image: linear-gradient(45deg, transparent 50%, #3c4858 60%),
linear-gradient(135deg, #3c4858 40%, transparent 50%) !important;
background-position: calc(100% - 7px) 18px, calc(100% - 0px) 18px, 100% 0;
background-size: 7px 7px, 7px 7px;
background-repeat: no-repeat;
-webkit-appearance: none;
}
.calls-table .caller-img {
width: 50px;
height: 50px;
overflow: hidden;
object-fit: fill;
border-radius: 10px;
border: none;
background: #d6eefc;
border-radius: 50px;
margin-right: 10px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.calls-table .caller-img.nxa-contact {
background: #42bc6d;
}
.calls-table .caller-img.nxa-contact h6 {
margin-bottom: 0px;
color: #212529;
}
.calls-table .caller-img img {
width: 50px;
height: 50px;
overflow: hidden;
object-fit: fill;
border-radius: 10px;
border: none;
background: #d6eefc;
border-radius: 50px;
margin: 0px;
}
.call-type-td img {
width: 17px;
margin-right: 5px;
}
.recording-td {
display: flex;
align-items: center;
justify-content: center;
}
.recording-td img {
width: 22px;
margin-left: 15px;
}
.right-side-top-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 0px;
margin-top: 10px;
}
.right-side-top-header h5 {
margin-bottom: 0px;
font-size: 18px;
}
.right-side-top-header .filter-serach {
min-width: 300px;
position: relative;
margin-left: 20px;
}
.right-side-top-header .meeting-serach.filter-serach {
width: 100%;
margin-left: 0px;
}
.right-side-top-header .filter-serach img {
position: absolute;
top: 19px;
width: 14px;
left: 10px;
}
.right-side-top-header .filter-serach .form-control {
background: #eff3fb;
border-color: #eff3fb;
width: 100%;
padding-left: 30px;
font-size: 12px;
}
.recording-td audio {
height: 40px !important;
background: transparent;
}
.right-side-top-header .filter-serach .form-control:focus {
box-shadow: none;
}
.sidebar-meeting-ul {
height: calc(100% - 280px);
overflow-y: auto;
}
/* all meeting tabs start here */
.meeting-page-tabs h3 {
font-size: 24px;
font-weight: 500;
margin-top: 15px;
}
.meeting-page-tabs .nav-tabs .nav-item {
margin-bottom: 0;
height: 45px;
width: 20%;
}
.meeting-page-tabs .nav-tabs {
border-bottom: 1px solid #f5f6fa;
}
.meeting-page-tabs .nav-tabs .nav-item a {
border-bottom: 1px solid #f5f6fa;
color: #aab2c8 !important;
}
.meeting-page-tabs .nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
background-color: transparent;
border-color: transparent;
color: #1e84f5;
}
.meeting-page-tabs .nav-tabs .nav-item a.active {
background-color: transparent;
color: #1e84f5 !important;
border: none;
border-bottom: 2px solid #1e84f5;
}
.ellipsis-menu-td {
position: relative;
}
.ellipsis-menu-td .btn {
text-align: center;
position: absolute;
top: -30px;
right: -10px;
font-size: 18px;
color: #aab2c8;
cursor: pointer;
}
.ellipsis-menu-td .dropdown-menu a.dropdown-item {
border-bottom: 1px solid transparent;
}
.ellipsis-menu-td .dropdown-menu a.dropdown-item img {
width: 15px;
margin-right: 8px;
}
.ellipsis-menu-td .dropdown-menu {
border: none;
border-radius: 8px;
/* box-shadow:0px 3px 10px rgb(0 0 0 / 20%); */
box-shadow: 0px 1px 15px rgb(0 0 0 / 10%);
}
.ellipsis-menu-td .btn:hover {
color: #aab2c8;
}
.ellipsis-menu-td .btn:focus {
outline: none;
box-shadow: none;
}
.ellipsis-menu-td .ellipsis-action-menu {
padding: 5px 12px;
color: #aab2c8;
}
.ellipsis-menu-td .dropdown-toggle::after {
display: none;
}
.ready-draft-btn-td .btn {
position: relative;
text-align: left;
}
.ready-draft-btn-td.dropdown-menu a.dropdown-item {
border-bottom: 1px solid transparent;
}
.ready-draft-btn-td .dropdown-menu {
border: none;
border-radius: 8px;
/* box-shadow: 0px 3px 10px rgb(0 0 0 / 20%); */
box-shadow: 0px 1px 15px rgb(0 0 0 / 10%);
}
.ready-draft-btn-td .btn:focus {
outline: none;
box-shadow: none;
}
.ready-draft-btn-td .btn-ready {
padding: 5px 12px;
color: #15d6b3;
background-color: rgba(21, 214, 179, 0.3);
min-width: 110px;
}
.ready-draft-btn-td .btn-ready:hover {
color: #15d6b3;
}
.ready-draft-btn-td .btn-draft {
padding: 5px 12px;
color: #e1e2e9;
background: #9d9db6;
min-width: 110px;
}
.ready-draft-btn-td .btn-draft:hover {
background: #9d9db6;
}
.ready-draft-btn-td .dropdown-toggle::after {
right: 8px;
}
.ready-draft-btn-td .btn-ready.dropdown-toggle::after {
color: #15d6b3;
}
.ready-draft-btn-td .btn-draft.dropdown-toggle::after {
color: #e1e2e9;
}
.fav-ico-td {
text-align: center;
}
.fav-ico-td .fas.fa-star {
color: #ffdf6c;
font-size: 25px;
}
.fav-ico-td .far.fa-star {
color: #aab2c8;
font-size: 25px;
}
.meeting-name-div {
font-family: "sf_ui_textmedium";
}
.meeting-name-div span {
display: block;
color: #aab2c8;
}
.meeting-participants-td img {
width: 30px;
display: block;
margin: 0 auto;
}
.meeting-participants-td span {
display: block;
text-align: center;
color: #aab2c8;
}
.start-meeting-td {
text-align: right;
}
.start-meeting-td .btn-orange {
color: #fff !important;
background: #f17c2b;
border-color: #f17c2b;
min-width: auto;
width: auto;
font-size: 14px;
padding: 6px 16px;
}
/* all meeting tabs end here */
/* assign modal list */
.assign-modal-list .search-assign {
position: relative;
margin-bottom: 10px;
}
.assign-modal-list .search-assign img {
position: absolute;
top: 14px;
width: 22px;
left: 15px;
}
.assign-modal-list .search-assign .form-control {
background: #f0f0f0;
border-color: #f0f0f0;
text-align: left;
padding-left: 50px;
padding-top: 0px;
}
.assign-modal-list-ul {
height: 220px;
overflow: hidden;
overflow-y: auto;
}
.assign-modal-list ul.assign-modal-list-ul {
list-style: none;
}
.assign-modal-list ul li {
display: flex;
align-items: center;
justify-content: flex-start;
border-bottom: 1px solid #f0f2f6;
padding: 5px 0px;
margin-bottom: 5px;
}
.assign-modal-list ul li:last-child {
border-bottom: 0px solid #f0f2f6;
}
.assign-modal-list ul li .assign-li-profile {
height: 55px;
width: 55px;
border-radius: 50px;
border: 2px solid #f0f2f6;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
object-fit: cover;
margin-right: 10px;
background: #d6eefc;
}
.assign-modal-list ul li .assign-li-profile h4 {
margin-bottom: 0px;
font-size: 19px;
}
.assign-modal-list ul li .assign-li-profile img {
height: 55px;
width: 55px;
border-radius: 50px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
object-fit: cover;
}
.assign-modal-list ul li .assign-li-text h5 {
color: #3b566e;
font-size: 16px;
margin-bottom: 0px;
font-family: "sf_ui_textmedium";
}
.assign-modal-list ul li .assign-li-text p {
color: #6f8ba4;
margin-bottom: 0px;
}
.assign-modal-blank img {
margin: 0 auto;
display: block;
width: 50%;
margin-bottom: 15px;
}
.assign-modal-blank h4 {
font-size: 16px;
text-align: center;
margin-top: 25px;
margin-bottom: 15px;
}
.assign-modal-blank a.add-team-member {
background: #1f64ff;
color: #fff;
padding: 8px 14px;
border-radius: 8px;
margin: 15px 0px 20px 0px;
display: inline-block;
float: right;
}
/* assign modal list end */
.all-contacts-tabs {
display: flex;
align-items: center;
justify-content: center;
padding: 20px 0px 20px 0px;
}
.all-message-email-row .caller-name-number h3 img {
width: 18px;
height: auto;
overflow: unset;
object-fit: unset;
border-radius: 0;
border: none;
margin: 0;
margin-left: 15px;
}
.all-contacts-tabs .tabs {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
/* margin: 0 50px; */
margin: 0 40px;
}
.all-contacts-tabs .tabs .tab-circle {
width: 60px;
height: 60px;
border-radius: 50px;
background: #f17c2b;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 10px;
}
.all-contacts-tabs .tabs .tab-circle.tab-circle-hover {
background-color: #3b566e;
}
.all-contacts-tabs .tabs .tab-circle img {
width: 30px;
}
.all-contacts-tabs .tabs h4 {
font-size: 14px;
margin-bottom: 0px;
color: #3b566e;
}
.all-contacts-tabs.modal-add-contact-tabs {
padding: 30px 0px 30px 0px;
}
.all-message-email-row .caller-name-number p {
margin-bottom: 0px;
}
.allcall-img-ico.recentcall-img-ico img {
width: auto;
margin-left: 12px;
height: 18px;
}
.calls-table-hover table tr:hover .calls-date-time {
display: none;
}
.calls-table-hover table tr .allcall-img-ico {
display: none;
}
.calls-table-hover table tr:hover .allcall-img-ico {
display: block !important;
}
.assign-missed-td a {
background: #ffeab8;
color: #1e2022;
padding: 10px 15px;
border-radius: 6px;
}
.assign-missed-td a:hover {
color: #1e2022;
}
.assign-missed-td a img {
width: 20px;
margin-right: 5px;
}
.text-red {
color: #ff0000 !important;
}
.text-grey {
color: #77838f !important;
}
.call-type-td h3 {
font-size: 14px;
font-weight: 500;
margin-bottom: 0px;
color: #1e2022;
/* font-family: "sf_ui_textregular" !important; */
font-family: "sf_ui_textmedium";
/* font-weight: 600; */
}
.dailer-key .new-call img {
width: 25px;
margin-left: 10px;
height: auto !important;
}
.call-type-td p {
margin-bottom: 0px;
}
.min-mize-div {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
position: relative;
}
.min-mize-div a {
color: #fff !important;
}
.min-mize-div a:hover {
color: #fff !important;
}
.min-mize-div .min-mize {
width: 15px;
height: 3px;
background: #fff;
margin-bottom: 11px;
border-radius: 50px;
}
.number-dropdown .fa-clock,
.number-dropdown .fa-phone {
color: #3b566e !important;
margin-top: -20px;
background: #fff;
border-radius: 50px;
width: 35px;
height: 35px;
line-height: 35px;
margin-right: -15px;
box-shadow: 0px 2px 3px rgb(0 0 0 / 17%);
font-size: 16px;
}
.dailer-key .form-control:focus {
box-shadow: none;
}
.dailer-key .number a {
border: 2px solid #f17c2b;
/* width: 57px;
height: 57px; */
width: 50px;
height: 50px;
/* line-height: 55px; */
line-height: 45px;
text-align: center;
/* border-radius: 100%; */
border-radius: 100px;
/* font-size: 7px; */
font-weight: bold;
background: #fee8db;
display: flex;
align-items: center;
justify-content: center;
}
.dailer-key .number a:hover {
background: #f3d1bd;
}
.number .text {
font-size: 19px;
color: #f17c2b;
line-height: 17px;
}
.number .text .alpha-bet {
font-size: 10px;
display: block;
line-height: normal;
font-weight: 600;
}
.min-mize-div .cross-dial {
background: #fee8db;
color: #f17c2b !important;
height: 25px;
width: 25px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50px;
position: absolute;
top: -30px;
right: -30px;
}
.min-mize-div .cross-dial:hover {
color: #f17c2b !important;
}
.number a.r100 {
font-size: 12px;
background: #f17c2b;
color: #fff;
}
.number .text.start-circle {
font-size: 25px;
padding-top: 10px !important;
}
.number a .r100 {
font-size: 12px;
/* line-height: 50px; */
background: #f17c2b;
color: #fff;
border-radius: 44%;
line-height: 40px;
height: 47px;
width: 47px;
}
.number .phone {
color: #fff;
/* border-radius: 100%; */
border-radius: 100px;
border: 2px solid #5dd788 !important;
background: #fff !important;
}
.number .fa-phone-alt {
color: #77d353;
}
.number .arrow {
color: #fff;
/* border-radius: 100%; */
border-radius: 100px;
border: 2px solid #969faa !important;
background: #969faa !important;
}
.number .fa-arrow-left {
color: #fff;
}
.calling-img .calling-in {
border: 1px solid;
border-radius: 100%;
height: 65px;
width: 65px;
line-height: 58px;
}
.calling-img img {
width: 100%;
/* border-radius: 100%; */
border-radius: 100px;
height: 100%;
}
.calling-name h3 {
font-weight: 600;
color: #62626a;
font-size: 16px;
margin-top: 10px !important;
}
.calling-name p {
font-size: 10px;
margin-bottom: 0;
}
.calling-name h4 {
font-weight: 600;
color: #62626a;
font-size: 14px;
}
.dail-call p {
font-size: 13px;
margin-top: 10px;
}
.dail-call i {
color: #fff !important;
}
.dail-call .text {
position: relative;
}
.dail-call .fa-arrow-right {
position: absolute;
left: 30px;
top: 9px;
font-size: 16px;
}
.dail-call .phone {
background: #f17c2b !important;
border: 2px solid #f17c2b !important;
}
.dail-call .voicemail {
background: #d0021b !important;
border: 2px solid #d0021b !important;
}
.record {
background: #5dd788 !important;
border: 2px solid #5dd788 !important;
}
.dail-call .reply {
background: #f17c2b !important;
border: 2px solid #f17c2b !important;
}
.calling-pad p {
/* font-size: 13px;
margin-top: 10px; */
font-size: 11px;
margin-top: 0px;
color: #fff;
margin-bottom: 0px;
line-height: 15px;
}
.calling-pad .number .text {
/* margin-top: 15px; */
margin-top: 10px;
}
.calling-pad .number a {
border: 2px solid #f17c2b;
width: 57px;
height: 57px;
line-height: 55px;
text-align: center;
/* border-radius: 100%; */
border-radius: 100px;
font-size: 30px;
font-weight: bold;
background: #f17c2b;
flex-direction: column;
}
.calling-pad .number i {
color: #fff;
font-size: 16px;
}
.calling-pad .call-cut {
background: #d0021b !important;
border: 2px solid #d0021b !important;
}
.calling-pad .number a:hover {
background: #da6f23;
}
.calling-pad .text span {
/* padding: 20px 18px; */
padding: 0px 18px;
}
.calling-pad .number .call-cut .text {
margin-top: 0px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
height: 100%;
width: 100%;
position: relative;
}
.bg-transparent {
background: transparent;
border: none;
}
/* */
/* dialer recent start */
.dialer-ico {
margin-top: -20px;
background: #fff;
border-radius: 50px;
width: 35px;
height: 35px;
line-height: 35px;
margin-right: -15px;
box-shadow: 0px 2px 3px rgb(0 0 0 / 17%);
font-size: 16px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.dialer-ico img {
width: 14px;
}
.dailer-key.dailer-key-2 {
border: none;
}
.dialer-recent-list-ul {
padding-bottom: 15px;
margin-bottom: 0px;
height: 310px;
overflow: hidden;
overflow-y: auto;
cursor: pointer;
}
.dialer-recent-list .dialer-recent-list-ul li {
display: flex;
align-items: center;
justify-content: space-around;
padding: 2px 5px;
margin-bottom: 10px;
}
.dialer-recent-list .dialer-recent-list-ul li.add-cont {
background: #fafafa;
}
.dialer-recent-list-ul .contact-img {
height: 30px;
width: 30px;
border-radius: 50px;
background: #d6eefc;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 5px;
padding: 5px 0px;
}
.dialer-recent-list-ul .contact-img img {
height: 30px;
width: 30px;
border-radius: 50px;
}
.dialer-recent-list-ul .contact-img h3 {
font-size: 12px;
margin-bottom: 0;
}
.dialer-recent-list-ul .contact-name-div {
text-align: left;
width: 140px;
position: relative;
margin-left: -18px;
}
.dialer-recent-list-ul .contact-name-div h4 {
font-size: 12px;
margin-bottom: 2px;
line-height: 13px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 85%;
}
.dialer-recent-list-ul .contact-name-div p {
font-size: 11px;
margin-bottom: 0px;
line-height: 18px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.dialer-recent-list-ul .contact-name-div img {
width: 13px;
position: absolute;
right: 0;
/* margin-left: 5px; */
top: 10px;
}
.dialer-recent-list-ul .call-type-ico img {
/* width: 16px;
margin-right: 10px; */
width: 18px;
margin-right: 10px;
object-fit: revert;
overflow: hidden;
height: 18px;
}
.dialer-recent-list-ul .call-time h6 {
font-size: 10px;
margin-bottom: 0px;
}
/* dialer recent end */
/* .Name {
display: flex;
} */
.profile-img img {
/* width: 45px; */
width: 34px;
/* border-radius: 100%; */
border-radius: 100px;
height: 34px;
}
.profile-name h6 {
font-size: 12px;
}
.components img {
width: 25px;
}
@media screen and (max-width: 768px) {
.testimonials {
max-height: 700px;
}
.icon-overlay {
height: 300px;
top: calc(50% - 150px);
}
.carousel-controls .control {
width: 25px;
height: 25px;
top: inherit;
}
.prev {
left: 0;
}
.next {
right: 0;
}
.control i {
font-size: 0.7rem;
}
.testimonials .message {
font-size: 1rem;
}
.testimonials h2 {
font-size: 1.5rem;
}
}
.carousel-inner {
min-height: 350px;
}
.carousel-inner .carousel-item {
height: 350px;
}
/* .carousel-inner .carousel-item.active{ display: flex;
align-items: center;} */
.carousel-inner .carousel-item {
padding-top: 60px;
}
/* */
.Product-sec {
padding: 60px 0;
background: #f1f1f1;
position: relative;
margin-bottom: 50px;
}
.owl-nav {
visibility: hidden;
}
.Product-sec .owl-nav {
justify-content: center;
display: flex;
}
.Product-sec .owl-prev {
padding: 20px;
}
.Product-sec .owl-next {
padding: 20px;
}
.Product-sec .owl-dot {
border-radius: 100%;
width: 10px;
height: 10px;
background: #000;
margin: 5px;
}
.Product-sec .owl-dots {
display: flex;
width: 100%;
justify-content: center;
margin-bottom: 30px;
}
.owl-carousel .owl-item img {
border-radius: 6px;
}
.google-btn {
text-align: center;
margin-top: 50px;
position: absolute;
bottom: -125px;
left: 38%;
}
.google-btn img {
width: 300px;
border: 12px solid #f17c2b;
border-radius: 83px;
padding: 10px 50px;
}
/* */
.bg-chat {
background: #fff;
}
/* .chat {
border-right: 1px solid #ddd;
height: 100vh;
}
.chat-heading .btn-orange {
border-radius: 5px;
padding: 5px 7px;
margin-right: 5px;
}
.chat-heading h6 {
background: #fff;
padding: 20px 10px 9px;
}
.chat .form-group input {
border-radius: 25px;
position: relative;
padding-left: 40px;
}
.chat .fa-search {
position: absolute;
top: 33px;
left: 30px;
} */
.b-pad {
padding: 20px 10px 6px;
}
.mid-sec {
padding: 20px;
width: 98%;
margin: 0;
height: calc(100vh - 205px);
overflow: auto;
}
/* .chats-text {
padding: 8px 12px;
border-radius: 6px;
font-size: 10px;
background: #d7dade;
position: relative;
box-shadow: 0px 2px 8px rgb(136, 136, 136, 0.1);
}
.chats-text p {
color: #242e42;
font-weight: 500;
font-size: 14px;
}
.msg-inbox {
position: relative;
max-width: 70%;
float: right;
}
.msg-inbox.recive {
width: 100%;
float: left;
}
.msg-inbox.send::after {
right: 1px !important;
top: 47px;
}
.msg-inbox.recive:after {
left: -16px;
transform: rotate(195deg);
top: -3px;
border-left: 25px solid #fae3d3;
} */
/* .msg-inbox .chats-text::after {
content: "";
position: absolute;
top: auto;
font-size: 20px;
width: 0;
height: 0;
transform: rotate(178deg);
border-top: 12px solid transparent;
border-left: 25px solid #d7dade;
border-bottom: 6px solid transparent;
right: 0px;
bottom: -10%;
} */
/* .msg-inbox.recive .chats-text {
background: #fff;
}
.msg-inbox.recive .chats-text::after {
content: "";
position: absolute;
top: auto;
font-size: 20px;
width: 0;
height: 0;
transform: rotate(178deg);
border-top: 12px solid transparent;
border-right: 25px solid #fff;
border-left: none;
border-bottom: 6px solid transparent;
right: auto;
bottom: -10%;
left: 0;
}
.chat-date-time {
padding: 6px 5px;
display: inline-block;
}
.business-hours-row a.btn {
border-radius: 12px;
line-height: 35px;
padding: 5px 6px;
} */
/* .all-recive-chat-tab {
padding-top: 15px;
}
.tab-pane-scroll {
height: calc(100vh - 270px);
overflow-y: auto;
}
.buisneshours-row .form-control {
padding: 6px 6px;
}
.no-recent-chat-div img {
width: 45%;
display: block;
margin: 0 auto;
}
.no-recent-chat-div h4 {
font-size: 16px;
width: 65%;
margin: 0 auto;
margin-top: 15px;
line-height: 21px;
}
.no-recent-chat-div h4 a {
cursor: pointer;
}
.all-recive-chat-tab ul li a h6 {
text-transform: capitalize;
font-size: 16px;
line-height: 18px;
color: #3c4858;
}
.all-message-email-row img {
width: 50px;
height: 50px;
overflow: hidden;
object-fit: fill;
border-radius: 10px;
}
.all-message-email-row .notification-dash-img img {
border-radius: 50px;
border: none;
background: #c4e6ff;
padding: 14px;
}
.all-message-email-row .call-type-img img {
width: 40px;
height: 40px;
overflow: hidden;
object-fit: fill;
border-radius: 10px;
background: #363565;
padding: 10px;
}
.all-message-email-row h3 {
font-size: 14px;
font-weight: 500;
margin-bottom: 0px;
color: #1e2022;
font-family: "sf_ui_textmedium";
}
.all-message-email-row p {
margin-bottom: 0px;
color: #77838f;
font-size: 14px;
font-family: "sf_ui_textregular" !important;
}
.add-ico-anchor {
position: fixed;
bottom: 3%;
right: 3%;
font-size: 39px;
color: #ec4444;
border: 1px solid #ddd;
border-radius: 9%;
width: 45px;
height: 45px;
line-height: 30px;
text-align: center;
background: #ec4444;
box-shadow: 1px 11px 17px rgba(0, 0, 0, 0.1);
top: auto;
left: auto;
cursor: pointer;
}
.add-ico-anchor img {
width: 20px;
margin-top: 10px;
}
.call-ico-anchor {
position: fixed;
bottom: 3%;
right: 3%;
font-size: 39px;
color: #6ddb94;
border: 1px solid #ddd;
border-radius: 50px;
width: 45px;
height: 45px;
line-height: 30px;
text-align: center;
background: #6ddb94;
box-shadow: 1px 11px 17px rgba(0, 0, 0, 0.1);
top: auto;
left: auto;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
} */
.btn-default.btn-on {
font-size: 11px;
line-height: 23px;
border: 1px solid #6f8ba4 !important;
background-color: #6f8ba4 !important;
color: #fff !important;
}
.btn-default.btn-on.active {
font-size: 11px;
line-height: 23px;
border: 1px solid #f17c2b !important;
background-color: #f17c2b !important;
color: #fff !important;
}
.call-ico-anchor img {
width: 30px;
}
.circle-ico-td .circle-ico {
height: 35px;
width: 35px;
line-height: 35px;
text-align: center;
border-radius: 50%;
margin-right: -5px;
}
.circle-ico-td .circle-ico-yellow {
background: #ffeab8;
}
.circle-ico-td .circle-ico-blue {
background: #b1d4ff;
}
.circle-ico-td .circle-ico-pink {
background: #ffc3c5;
}
.chat-back-arrow {
margin-bottom: 20px;
display: inline-block;
cursor: pointer;
}
.chat-back-arrow-2 {
padding-right: 20px;
padding-top: 12px;
}
.chat-profile {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding-bottom: 10px;
/* margin-bottom: 10px; */
margin: 0px 20px 10px 20px;
}
.chat-profile .chat-pro-name h5 {
font-size: 14px;
line-height: 23px;
}
.badge-td {
text-align: right;
}
.badge-td a {
margin-right: 10px;
}
.badge-td a img {
width: 22px;
}
h3.meeting-heading {
font-size: 18px;
color: #3b566e;
font-weight: 600;
margin-bottom: 0;
}
.chat-back-arrow img {
width: 35px;
padding-left: 10px;
}
/* phone system page start here */
/* phone system inner pages start here */
.phone-system-inner-main-div {
padding-right: 12px;
}
.phone-system-inner-div {
background: #fff;
border-radius: 8px;
}
.phone-system-inner-head {
display: flex;
align-items: center;
justify-content: space-between;
padding: 15px 15px;
}
.phone-system-inner-head .ps-inner-head-left h3 {
font-weight: normal;
color: #363565;
font-size: 18px;
margin-bottom: 0px;
}
.phone-system-inner-head .ps-inner-head-left h3 img {
width: 13px;
transform: rotate(90deg);
margin: 0px 2px;
}
.phone-system-inner-head .ps-inner-head-right {
display: flex;
align-items: flex-end;
justify-content: space-between;
}
.phone-system-inner-head .ps-inner-head-right .search-ps-inner {
position: relative;
margin-right: 10px;
}
.phone-system-inner-head .ps-inner-head-right .search-ps-inner img {
position: absolute;
width: 20px;
top: 10px;
left: 10px;
}
.phone-system-inner-head .ps-inner-head-right .search-ps-inner .form-control {
padding: 8px 14px;
height: 40px;
min-height: 40px;
padding-left: 40px;
background: #eceff3;
border: none;
min-width: 250px;
display: inline-block;
}
.phone-system-inner-head .ps-inner-head-right .create-ps-num-btn {
background: #f17c2b;
min-height: 40px;
display: inline-block;
padding: 8px 20px;
color: #fff;
border-radius: 10px;
font-size: 16px;
}
.phone-system-inner-table table {
border-spacing: 0px 0px;
padding: 0px;
margin-bottom: 0px !important;
}
.phone-system-inner-table .table tr {
box-shadow: none;
}
.phone-system-inner-table .table th {
background: #f5f7f9;
color: #363565;
font-weight: normal;
font-family: "sf_ui_textmedium";
}
.phone-system-inner-table .table th {
color: #363565;
font-weight: normal;
}
.phone-system-inner-table .table td,
.phone-system-inner-table .table th {
padding: 10px 20px;
border-top: none;
}
.phone-system-inner-table .table td {
border-bottom: 1px solid #eceff3;
}
.phone-system-inner-table .table tr .ps-name-number {
display: flex;
align-items: center;
justify-content: flex-start;
}
.phone-system-inner-table .table tr td .ps-name-number img {
height: 40px;
width: 40px;
margin-left: 0px;
border-radius: 50px;
margin-right: 10px;
}
.phone-system-inner-table .table tr td .ps-name-number h3 {
font-size: 14px;
font-weight: 500;
margin-bottom: 0px;
color: #363565;
font-family: "sf_ui_textmedium";
}
.phone-system-inner-table .table tr td .ps-name-number p {
margin-bottom: 0px;
}
.phone-system-inner-table .table td:first-child {
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
.phone-system-inner-table .table td:last-child {
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.phone-system-inner-table .table tr .assign-to-td {
position: relative;
}
.phone-system-inner-table .table tr .assign-to-span {
position: relative;
width: 45px;
height: 45px;
border-radius: 8px;
background: rgb(245 247 249);
overflow: hidden;
object-fit: cover;
margin-left: -10px;
border: 1px solid #eeeeee;
}
.phone-system-inner-table .table tr .assign-to-span h5 {
margin-bottom: 0px;
font-size: 15px;
text-align: center;
line-height: 45px;
font-weight: 600;
}
.phone-system-inner-table .table tr .assign-to-span img {
width: 45px;
height: 45px;
border-radius: 8px;
}
.phone-system-inner-table .table tr .assign-to-span .fa-circle {
border: 2px solid #fff;
position: absolute;
bottom: -1px;
right: 0px;
border-radius: 50px;
font-size: 14px;
}
.phone-system-inner-table .table tr .number-drop-action {
position: relative;
}
.phone-system-inner-table .table tr .number-drop-action a {
padding: 10px 10px;
min-width: 60px;
text-align: right;
display: inline-block;
font-size: 20px;
color: #000;
}
.phone-system-inner-table
.table
tr
.number-drop-action
a.dropdown-toggle::after {
display: none;
}
/* collase */
.number-collase-action a.dropdown-toggle {
padding: 10px 10px;
min-width: 60px;
text-align: right;
display: inline-block;
font-size: 20px;
color: #000;
}
.number-collase-action a.dropdown-toggle::after {
display: none;
}
.number-collase-action .number-dr-collapse li {
color: #000000;
}
.number-collase-action .number-dr-collapse li a img {
margin-right: 8px;
width: 16px;
}
.number-collase-action .number-dr-collapse li a {
border-bottom: 0px solid #f0f5fb;
font-size: 14px;
text-align: left;
color: #000000;
padding: 6px 10px;
cursor: pointer;
}
.number-collase-action .number-dr-collapse li a:hover,
.number-collase-action .number-dr-collapse li a:focus,
.number-collase-action .number-dr-collapse li a:active {
background: transparent;
}
.number-collase-action .number-dr-collapse {
background: #dbe1f0;
border: none;
border-radius: 12px;
position: absolute;
right: 20px;
z-index: 99;
margin-bottom: 0px;
}
/* */
.phone-system-inner-table {
position: relative;
height: calc(100vh - 145px);
}
.phone-system-inner-table .table tr .number-drop-action .dropdown-menu {
background: #dbe1f0;
border: none;
border-radius: 12px;
}
.phone-system-inner-table
.table
tr
.number-drop-action
.dropdown-menu
a.dropdown-item {
border-bottom: 0px solid #f0f5fb;
font-size: 14px;
text-align: left;
}
.phone-system-inner-table
.table
tr
.number-drop-action
.dropdown-menu
a.dropdown-item:hover {
background: none;
}
.phone-system-inner-table
.table
tr
.number-drop-action
.dropdown-menu
a.dropdown-item
img {
margin-right: 8px;
width: 16px;
}
.phone-system-inner-table .table tr td .business-hrs-service h3 {
font-size: 14px;
font-weight: 500;
margin-bottom: 0px;
color: #363565;
font-family: "sf_ui_textmedium";
}
.phone-system-inner-table .table tr .business-hrs-service p {
margin-bottom: 0px;
}
.phone-system-inner-table .table tr td .edit-business-hrs img {
width: 20px;
cursor: pointer;
}
/* phone system inner pages end here */
/* assign to modal start here */
.assign-modal-div {
padding: 0px 20px;
}
.assign-modal-div h3 {
display: flex;
align-items: center;
justify-content: flex-start;
}
.assign-modal-div h3 {
margin-bottom: 15px;
}
.assign-modal-div h3 span {
color: #363565;
font-weight: normal;
font-family: "sf_ui_textmedium";
font-size: 16px;
}
.assign-modal-div h3 span.assign-to-num {
margin-left: 40px;
display: flex;
justify-content: flex-start;
align-items: center;
}
.assign-modal-div h3 span.assign-to-num img {
width: 35px;
height: 35px;
border-radius: 50px;
margin-right: 5px;
}
.assign-to-modal-from .form-group {
display: flex;
align-items: center;
justify-content: space-between;
}
.assign-to-modal-from .form-group label {
color: #363565;
font-weight: normal;
font-family: "sf_ui_textmedium";
font-size: 14px;
}
.assign-to-modal-from .form-group .custom-drop-control {
min-width: 320px;
background: #fff;
padding: 11px 14px;
border-radius: 8px;
display: block;
color: #8083a3;
border: 1px solid #cdcdcd;
min-height: 45px;
}
.assign-to-modal-from .form-group .custom-drop-control img {
width: 30px;
height: 30px;
border-radius: 50px;
margin-right: 5px;
}
.custom-drop-assign .dropdown-menu {
width: 100%;
box-shadow: 1px 3px 8px rgb(0 0 0 / 30%);
border: none;
}
.custom-drop-assign .dropdown-menu a.dropdown-item img {
width: 30px;
height: 30px;
border-radius: 50px;
margin-right: 5px;
}
.custom-drop-assign .dropdown-menu a.dropdown-item {
font-size: 14px;
}
.custom-drop-assign .dropdown-menu a.dropdown-item:hover,
.custom-drop-assign .dropdown-menu a.dropdown-item:focus,
.custom-drop-assign .dropdown-menu a.dropdown-item:active {
color: #ea7414;
background-color: transparent;
}
.modal-dialog.modal-md {
width: 42%;
}
/* assign to modal end here */
/* number setting modal start */
.number-setting-modal {
padding: 0px 0px;
}
.number-setting-sub-header h4 {
color: #363565;
font-weight: normal;
font-family: "sf_ui_textmedium";
font-size: 16px;
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #dadada;
padding-bottom: 10px;
}
.number-setting-sub-header span.num-setting-assign {
display: flex;
align-items: center;
justify-content: flex-start;
}
.number-setting-sub-header span.num-setting-assign .assing-drop-control {
min-width: 190px;
background: #fff;
display: flex;
color: #8083a3;
align-items: center;
justify-content: flex-start;
}
.number-setting-sub-header span.num-setting-assign .assing-drop-control img {
width: 30px;
height: 30px;
border-radius: 50px;
margin-right: 5px;
margin-left: 5px;
}
.number-setting-sub-header .drop-assign .dropdown-menu {
width: 100%;
box-shadow: 1px 3px 8px rgb(0 0 0 / 30%);
border: none;
}
.number-setting-sub-header .drop-assign .dropdown-menu a.dropdown-item img {
width: 30px;
height: 30px;
border-radius: 50px;
margin-right: 5px;
}
.number-setting-sub-header .drop-assign .dropdown-menu a.dropdown-item {
font-size: 14px;
}
.number-setting-sub-header.drop-assign .dropdown-menu a.dropdown-item:hover,
.number-setting-sub-header .drop-assign .dropdown-menu a.dropdown-item:focus,
.number-setting-sub-header .drop-assign .dropdown-menu a.dropdown-item:active {
color: #ea7414;
background-color: transparent;
}
.number-setting-modal-inner h2 {
color: #000000;
font-weight: normal;
font-family: "sf_ui_textmedium";
font-size: 20px;
text-align: left;
}
.number-setting-modal-inner p {
font-size: 12px;
line-height: 15px;
}
.num-setting-call-recording-box {
padding: 15px 15px;
border: 1px solid #dadada;
border-radius: 6px;
}
.num-setting-call-recording-box h3 {
color: #000000;
font-weight: normal;
font-family: "sf_ui_textmedium";
font-size: 20px;
text-align: left;
margin-bottom: 15px;
}
.num-setting-call-recording-box h6 {
color: #000000;
margin-bottom: 12px;
}
.num-setting-call-recording-box.num-setting-call-recording-box-2 h6 {
color: #000000;
margin-bottom: 0px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.num-setting-call-recording-box-2 h5 {
color: #9a9a9a;
font-size: 14px;
margin-bottom: 0px;
margin-top: 5px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.num-setting-call-recording-box-2 .email-notifi-line {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #dadada;
width: 100%;
}
.num-setting-call-recording-box-2 .email-notifi-line:last-child {
border-bottom: 0px solid #dadada;
margin-bottom: 0px;
padding-bottom: 0px;
}
.num-setting-call-recording-box-2 .email-notifi-line h6 span {
width: 100%;
}
.account .num-setting-call-recording-box-2 .email-notifi-line .form-control {
width: 145px;
min-height: 25px;
border-radius: 50px;
margin-right: 10px;
padding: 0px 10px;
border-color: #9a9a9a;
color: #9a9a9a;
}
/* number setting modal end */
/* business hours side bar */
.account
.buy-local-national-number-slide
.business-hrs-side-form
.form-control {
border: 1px solid #e7eaff;
}
.buy-local-national-number-slide .business-hrs-side-form {
padding-right: 5px;
}
.buy-local-national-number-slide .local-national-number-sumary-bx {
border: 1px solid #e7eaff;
min-height: 150px;
border-radius: 12px;
padding: 12px 12px;
position: relative;
margin-bottom: 0px;
}
.manage-team-member-slide
.buy-local-national-number-slide
.local-national-number-sumary-bx
h5 {
font-size: 16px;
text-align: left;
margin-bottom: 0px;
margin-top: 10px;
}
.manage-team-member-slide
.buy-local-national-number-slide
.local-national-number-sumary-bx
p {
line-height: 21px;
font-size: 14px;
margin-bottom: 5px;
font-family: "sf_ui_textmedium" !important;
color: #000000;
}
.manage-team-member-slide
.buy-local-national-number-slide
.confirm-create-num.btn {
background: #1f64ff;
color: #fff;
border-radius: 8px;
padding: 8px 16px;
margin-top: 0px;
}
.local-national-drop-side .btn-transprent {
font-size: 15px;
min-height: 46px;
border: 1px solid #e7eaff;
border-radius: 12px;
}
/* */
.account .business-hrs-side-form .form-control {
border: 1px solid #ffd166;
padding: 7px;
}
.business-hrs-side-form {
padding: 10px 0px;
height: calc(100vh - 195px);
overflow-y: auto;
}
.business-hrs-side-form .col-form-label {
color: #3b566e;
font-size: 16px;
padding-top: 0px;
}
.business-hrs-tabs-side .business-hrs-btn-group {
position: relative;
border: 1px solid #ffd166;
min-height: 46px;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: space-between;
overflow: hidden;
}
.business-hrs-tabs-side .business-hrs-btn-group a {
width: 100%;
text-align: center;
color: #1d293f;
background: transparent;
min-height: 45px;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
cursor: pointer;
}
.business-hrs-tabs-side .business-hrs-btn-group a.active {
background: #ffd166;
}
.business-hrs-calender-side {
border: 1px solid #ffd166;
min-height: 170px;
border-radius: 12px;
padding: 12px 12px;
position: relative;
margin-bottom: 0px;
}
.business-hrs-calender-side h4 {
background: #e9effe;
display: flex;
align-items: center;
justify-content: space-between;
font-size: 16px;
padding: 12px 12px;
color: #457afe;
border-radius: 8px;
margin-bottom: 10px;
}
.business-hrs-calender-side h4 span {
min-width: 35%;
}
.business-hrs-calender-side .business-hrs-day-ul {
padding-left: 0px;
list-style-type: none;
text-align: center;
margin-bottom: 10px;
}
.business-hrs-calender-side .business-hrs-day-ul li {
display: inline-block;
height: 30px;
width: 30px;
border-radius: 50px;
border: 1px solid #dcdbff;
line-height: 27px;
text-align: center;
margin-right: 12px;
color: #3b566e;
cursor: pointer;
}
.business-hrs-calender-side .business-hrs-day-ul li:last-child {
margin-right: 0px;
}
.business-hrs-calender-side .business-hrs-day-ul li:hover {
border: 1px solid #457afe;
color: #fff;
background-color: #457afe;
}
.business-hrs-calender-side .business-hrs-day-ul li.active {
border: 1px solid #457afe;
color: #fff;
background-color: #457afe;
}
.add-note-div {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
margin-top: 10px;
/* -- */
/* position: absolute;
overflow: hidden;
left: 0;
right: auto;
padding: 15px;
bottom: 0;
background: #fff;
border-radius: 15px; */
}
.business-hrs-slot-list {
max-height: 135px;
overflow: hidden;
overflow-y: auto;
min-height: 70px;
}
.business-hrs-calender-side .close-b-hrs-calender {
height: 30px;
width: 30px;
border-radius: 50px;
background: #f60909;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
/* position: absolute;
right: -15px;
top: 45%; */
cursor: pointer;
}
.business-hrs-calender-side .close-b-hrs-calender:hover {
color: #fff;
}
.add-time-slote-sidebar-b-hrs {
color: #3b566e;
font-size: 14px;
/* margin-top: 20px; */
display: flex;
align-items: center;
justify-content: flex-start;
font-family: "sf_ui_textmedium";
}
.add-time-slote-sidebar-b-hrs:hover:hover {
color: #3b566e;
}
.add-time-slote-sidebar-b-hrs .fa-plus {
height: 25px;
width: 25px;
border-radius: 50px;
background: #457afe;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
margin-right: 5px;
cursor: pointer;
}
.bottom-btn-b-hrs {
text-align: center;
margin-top: 10px;
display: inline-block;
width: 100%;
}
.bottom-btn-b-hrs a {
margin: 0px 5px;
}
.bottom-btn-b-hrs .btn-save {
background: #f17c2b;
color: #fff;
border-radius: 50px;
padding: 6px 40px;
border: 1px solid #f17c2b;
}
.bottom-btn-b-hrs .btn-save:hover {
color: #fff;
}
.bottom-btn-b-hrs .btn-delete {
background: #fff;
color: #f17c2b;
border-radius: 50px;
padding: 6px 40px;
border: 1px solid #f17c2b;
}
.bottom-btn-b-hrs .btn-delete:hover {
color: #f17c2b;
}
/* business hours side bar end */
.delete-num-modal p {
font-size: 22px;
line-height: 30px;
text-align: center;
color: #000;
}
.modal .assign-del-btn {
padding: 7px 20px;
border-radius: 8px !important;
background: #fe2929;
color: #fff !important;
font-size: 16px !important;
margin: 0 auto;
}
/* new */
.phoneSystemDiv-new.phoneSystemDiv {
padding-right: 180px;
}
.phoneSystemDiv-new.phoneSystemDiv h3 {
font-size: 24px;
font-weight: 500;
margin-top: 15px;
margin-bottom: 20px;
}
.phoneSystemDiv-new.phoneSystemDiv .phoneSystemBX-outer .phoneSystemBX-left h5 {
color: #222222;
font-size: 16px;
font-family: "sf_ui_textmedium";
}
.phoneSystemDiv-new.phoneSystemDiv
.phoneSystemBX-outer
.phoneSystemBX-left
img {
background: transparent;
padding: 10px;
margin-right: 20px;
margin-left: 20px;
}
.phoneSystemDiv-new.phoneSystemDiv .phoneSystemBX-outer {
margin-bottom: 15px;
}
/* new end */
.btn-radius {
border-radius: 50px !important;
}
.phoneSystemDiv .phoneSystemBX-outer {
box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.04);
padding: 15px;
border-radius: 10px;
}
.phoneSystemDiv .phoneSystemBX-outer:hover {
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.04);
}
.phoneSystemDiv .phoneSystemBX-outer {
margin-bottom: 30px;
background: #fff;
}
.phoneSystemDiv .phoneSystemBX-outer .phoneSystemBX {
display: flex;
justify-content: space-between;
align-items: center;
}
.phoneSystemDiv .phoneSystemBX.cursor-pointer {
cursor: pointer;
}
.phoneSystemDiv .phoneSystemBX-outer .phoneSystemBX-left h5 {
color: #6f8ba4;
/* font-size: 18px; */
font-size: 14px;
margin-bottom: 0px;
}
.phoneSystemDiv .phoneSystemBX-outer .phoneSystemBX-left img {
background: #f17c2b;
/* padding: 8px;
width: 65px;
height: 65px; */
padding: 12px;
width: 55px;
height: 55px;
border-radius: 10px;
margin-right: 10px;
}
.phoneSystemDiv.teamextDiv .phoneSystemBX-outer .phoneSystemBX-left img {
background: transparent;
padding: 0px;
width: 80px;
height: 80px;
border-radius: 10px;
margin-right: 0px;
}
.recentcall-img-ico img {
width: 20px;
margin-left: 15px;
}
.recentcall-filter {
justify-content: flex-end;
}
.recentcall-filter .form-control {
border: 1px solid #f9f9f9;
background: #f9f9f9;
}
.phoneSystemDiv .phoneSystemBX-outer .phoneSystemBX-right img {
width: 40px;
height: 40px;
}
.teamextDiv.phoneSystemDiv
.phoneSystemBX-outer
.phoneSystemBX-right.teamextBX-right
img {
width: 20px;
height: 20px;
margin-left: 10px;
}
.teamextDiv.phoneSystemDiv .phoneSystemBX-outer .phoneSystemBX-left p {
font-size: 14px;
font-weight: 300;
line-height: 21px;
color: #6f8ba4;
margin-bottom: 5px;
}
/* .phoneSystemDiv .phoneSystemBXmain{
margin-right: 20px;
}
.phoneSystemDiv .phoneSystemBXmain:nth-child(2n){
margin-right: 0px;
} */
.phoneSystemDiv .createRuleBXmain {
padding: 15px;
}
.createRuleBXmain .createRule-radio-label {
display: flex;
justify-content: space-between;
}
.createRuleBXmain .createRule-radio-label .form-check-inline .form-check-input {
margin-right: 0px;
margin-left: 5px;
}
.phoneSystemDiv.teamextDiv h6 {
text-transform: initial;
}
.phoneSystemDiv.teamextDiv h6 label {
text-transform: initial;
font-size: 14px;
}
.phoneSystemDiv.teamextDiv .call-modal h5 {
color: #172b4d;
}
.add-number-div p {
margin-bottom: 0px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
display: inline-block;
width: 100%;
padding-bottom: 15px;
line-height: 35px;
color: #3b566e;
}
.call-info-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 5px;
border-bottom: 2px solid rgba(0, 0, 0, 0.1);
width: 100%;
padding-bottom: 8px;
color: #3b566e;
}
.calling-info-left {
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
.calling-info-left .call-info-follow-up {
display: flex;
background: #ecb71a;
padding: 8px 16px;
border-radius: 8px;
color: #fff;
margin-top: 10px;
font-size: 14px;
font-family: "sf_ui_textregular";
}
.calling-info-left .call-info-follow-up:hover {
color: #fff;
}
.calling-info-left span.new-number {
font-family: "sf_ui_textsemibold";
font-size: 18px;
line-height: 19px;
font-size: 16px;
color: #47525e;
}
.calling-info-right a.call-info-add-number {
background: #ec4444;
padding: 8px 28px;
border-radius: 50px;
color: #fff;
}
.call-info-tab .tab-pane-scroll.scroll-call-info {
/* height: calc(100% - 108px); */
min-height: 100px;
overflow-y: auto;
overflow-x: hidden;
max-height: 240px;
height: auto;
}
.call-info-tab .load-more-call-info {
text-align: center;
width: 100%;
display: block;
color: #f17c2b;
text-decoration: underline;
font-size: 15px;
}
.call-btn-collapse li a img {
width: 13px;
margin-right: 5px;
}
.assign-div .call-back .list-unstyled.call-btn-collapse {
background: #dbe1f0;
border-radius: 20px;
width: 160px;
right: 10px;
top: auto;
margin-bottom: 5px;
}
.assign-div .call-back .list-unstyled.call-btn-collapse li a {
color: #3b566e;
}
.assign-div .call-back .list-unstyled.call-btn-collapse li:hover {
background-color: transparent;
}
.assign-div .call-back .list-unstyled.call-btn-collapse li:first-child {
border-bottom: 0px solid #f0f5fb;
}
.add-number-div p .new-number {
font-size: 16px;
font-weight: 500;
color: #47525e;
}
.add-num-img {
background: #f17c2b;
height: 50px;
width: 50px;
padding: 12px;
border-radius: 50px;
margin-right: 10px;
}
.add-number-div .add-num-img img {
width: 24px;
}
.callinfo-table-div {
/* height: calc(100vh - 235px); */
height: calc(100vh - 365px);
overflow: hidden;
overflow-y: auto;
}
.assign-div {
/* position: fixed;
bottom: 3%;
right: auto;
left: auto;
top: auto; */
width: 100%;
}
/* assign modal */
.choose-ext-div h3 {
font-size: 16px;
color: #3b566e;
margin-bottom: 15px;
margin-top: 10px;
}
.choose-ext-div {
height: 250px;
overflow: hidden;
overflow-y: auto;
margin-bottom: 20px;
}
.choose-ext-div .form-group {
border-bottom: 1px solid #dee2e6;
margin-bottom: 10px;
padding-bottom: 10px;
vertical-align: middle;
}
.choose-ext-div .form-group:last-child {
border-bottom: 0px solid #dee2e6;
}
.assign-message-type {
margin-bottom: 20px;
}
.assign-message-type .form-control {
border: 1px solid #f9f9f9;
background: #f9f9f9;
border-radius: 50px;
}
/* google microoft div */
.google-div {
/* margin-top: 70px; */
margin-top: 40px;
height: calc(100vh - 255px);
}
.google-microsoft-btn-div {
height: 100%;
align-items: flex-start;
justify-content: flex-end;
display: flex;
flex-direction: column;
}
.google-microsoft-btn-div p {
margin-bottom: 8px;
color: #3b566e;
}
.google-microsoft-btn-div .google-micro-btn {
background: #f4f4f4;
border: 1px solid #9c9c9c;
color: #9c9c9c;
padding: 8px 12px;
margin-bottom: 10px;
min-width: 310px;
border-radius: 8px;
}
.google-microsoft-btn-div .google-micro-btn:focus {
box-shadow: none;
outline: none;
}
.google-microsoft-btn-div .google-micro-btn:hover {
color: #9c9c9c;
}
.google-microsoft-btn-div .google-micro-btn img {
width: 30px;
margin-right: 8px;
}
.meet-vector-1 {
height: 100%;
display: flex;
align-items: flex-end;
justify-content: flex-end;
}
.meet-vector-1 img {
width: 65%;
margin: 0 auto;
}
/* meeting modals start */
.meeting-modal-content {
border-radius: 15px !important;
}
.meeting-modal-content .meeting-modal-heading h2 {
font-size: 20px;
padding: 15px 0px;
color: #000;
}
.meeting-modal-content .join-group label.join-meet-id {
color: #305cdc;
font-size: 14px;
margin-bottom: 5px;
}
.meeting-modal-content .join-group .form-control {
/* color: #333; */
font-size: 20px;
padding: 6px 6px;
color: #b6b9c4;
border: none;
border-radius: 0px;
border-bottom: 1px solid #b6b9c4 !important;
}
.meeting-modal-content .join-group .form-control:focus {
border: none;
border-radius: 0px;
border-bottom: 1px solid #b6b9c4 !important;
box-shadow: none;
}
.modal .modal-dialog.meeting-modal-dialog {
top: auto !important;
}
.modal .meeting-modal-footer .btn-meet-join {
margin-top: 0px;
border-radius: 6px;
background: #1f64ff;
border-color: #1f64ff;
font-size: 16px;
font-weight: normal;
color: #fff;
}
.modal .meeting-modal-footer .btn-blue-text {
margin-top: 0px;
border-radius: 6px;
background: transparent;
border-color: transparent;
color: #1f64ff;
font-size: 16px;
font-weight: 500;
}
.modal .meeting-modal-footer .btn:focus {
outline: none;
box-shadow: none;
}
.meeting-modal-content .form-group .form-control-bottom {
/* color: #333; */
font-size: 16px;
padding: 6px 6px;
color: #000;
border: none;
border-radius: 0px;
border-bottom: 1px solid #000 !important;
}
.meeting-modal-content .form-group .form-control-bottom:focus {
border: none;
border-radius: 0px;
border-bottom: 1px solid #000 !important;
box-shadow: none;
}
.schedule-use-div {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.schedule-use-div .schedule-use-right {
width: calc(100% - 305px);
}
.schedule-use-div .schedule-use-right .form-control:first-child {
padding: 6px 15px;
}
.schedule-use-div .schedule-use-right .form-control {
background: #f0f1f3;
border-color: #f0f1f3;
border-radius: 4px;
padding: 6px 15px;
}
.schedule-use-div .schedule-use-right .form-control:focus {
background: #f0f1f3;
border-color: #f0f1f3;
outline: none;
}
.schedule-use-div .schedule-use-right .clear-schedule {
text-align: right;
width: 100%;
margin-top: 5px;
color: #1f64ff;
cursor: pointer;
}
.schedule-modal-body .form-control {
height: 34px;
min-height: 34px;
}
.schedule-modal-body .selection {
width: 100%;
}
.schedule-modal-body
.select2-container--default.select2-container--focus
.select2-selection--multiple {
border: none;
border-bottom: 1px solid #000;
border-radius: 0px;
}
.schedule-modal-body .select2-container--default .select2-selection--multiple {
background-color: transparent;
border: none;
border-radius: 0px;
border-bottom: 1px solid #000;
}
.schedule-modal-body
.select2-container--default
.select2-selection--multiple
.select2-selection__choice {
background-color: #f0f1f4;
border: 1px solid #f0f1f4;
border-radius: 30px;
padding: 4px 10px;
margin-bottom: 5px;
}
.schedule-modal-body .select2-container {
width: 100% !important;
}
.schedule-modal-body
.select2-container--default
.select2-selection--multiple
.select2-selection__choice__remove {
margin-right: 5px;
background: #666c7e;
height: 20px;
width: 20px;
text-align: center;
border-radius: 50px;
line-height: 18px;
}
.schedule-modal-body .form-group .col-form-label {
padding: 0px 0px;
font-size: 14px;
font-weight: 500;
}
.schedule-modal-body .schedule-use-left .col-form-label {
padding: 0px 0px;
font-size: 14px;
font-weight: 500;
}
.schedule-modal-body .schedule-use-left .col-form-label img {
width: 15px;
margin-left: 5px;
}
.meeting-setting-div {
width: 100%;
}
.meeting-setting-div h4 {
font-size: 15px;
font-weight: 500;
margin-bottom: 15px;
}
.meeting-setting-div-inner {
display: flex;
align-items: center;
justify-content: space-between;
padding-left: 50px;
margin-bottom: 15px;
}
.meeting-setting-div-inner .meeting-setting-left .col-form-label {
padding: 0px 0px;
font-size: 14px;
font-weight: 500;
}
.meeting-setting-div .meeting-setting-div-inner input[type="checkbox"] {
display: block;
}
.meeting-setting-div .meeting-setting-div-inner .meeting-setting-right {
display: flex;
align-items: center;
justify-content: flex-start;
}
.meeting-setting-div
.meeting-setting-div-inner
.meeting-setting-right
.form-control {
margin-right: 30px;
border-radius: 4px;
}
.meeting-setting-div-2 {
margin-top: 25px;
}
.meeting-setting-div.meeting-setting-div-2
.meeting-setting-div-inner
.meeting-setting-right
.form-control {
margin-right: 5px;
background: #f0f1f3;
border-color: #f0f1f3;
border-radius: 4px;
min-width: 220px;
}
.meeting-setting-div.meeting-setting-div-2
.meeting-setting-div-inner
.meeting-setting-right
.form-control:focus {
background: #f0f1f3;
border-color: #f0f1f3;
outline: none;
}
.meeting-setting-div.meeting-setting-div-2 h4 {
display: flex;
align-items: center;
justify-content: space-between;
}
.meeting-setting-div.meeting-setting-div-2 input[type="checkbox"] {
display: block;
}
.schedule-modal-body {
height: 88vh;
overflow-y: auto;
}
.schedule-modal-body .form-group-title img {
width: 15px;
cursor: pointer;
}
.schedule-modal-body .form-group-title .col-form-label {
color: #1f64ff;
display: flex;
align-items: center;
justify-content: space-between;
}
.Advanced-settings a.advanced-setting-link {
font-size: 15px;
font-weight: 500;
color: #1f64ff;
}
.Advanced-settings .card {
background: transparent !important;
min-height: auto !important;
}
.Advanced-settings .card-body {
background: transparent !important;
padding: 10px 0px !important;
}
.Advanced-settings .meeting-setting-div.meeting-setting-div-2 {
margin-top: 0px;
}
.meet-upgrade-img {
position: absolute;
padding: 10px 20px;
bottom: 0;
text-align: center;
}
.meet-upgrade-img img {
/* width: 85%; */
width: 65%;
margin: 0 auto;
display: block;
}
.meet-upgrade-img .btn-upgrade {
background: #1f64ff;
color: #fff;
padding: 6px 20px;
margin-top: 10px;
margin-bottom: 5px;
border-radius: 8px;
}
.meet-upgrade-img .btn-upgrade:hover {
color: #fff;
}
/* assign modal end */
.callinfo-table-div .table td,
.callinfo-table-div .table th {
/* padding: 20px 10px; */
padding: 6px 10px;
}
.callinfo-table-div table {
border-collapse: separate;
border-spacing: 0px 10px;
}
.assign-div h5 {
padding: 10px 15px;
font-size: 18px;
}
.assign-blocks-div h5 {
padding: 10px 15px;
/* font-size: 18px; */
font-family: "sf_ui_textsemibold";
font-size: 17px;
line-height: 19px;
color: #47525e;
padding-left: 0px;
}
h5.call-info-head {
margin-top: 10px;
font-family: "sf_ui_textsemibold";
font-size: 17px;
line-height: 19px;
color: #47525e;
}
.assign-div .btn {
text-align: center;
padding: 8px 12px;
border-radius: 5px;
font-size: 14px;
margin-right: 5px;
}
.assign-div .btn img {
width: 18px;
margin-right: 5px;
}
.assign-blocks-div ul.assign-blocks-ul {
list-style-type: none;
/* padding: 0px 15px; */
padding: 0px 0px;
display: flex;
overflow-x: auto;
}
.assign-blocks-div ul.assign-blocks-ul li {
display: inline-block;
/* width: auto; */
display: flex;
box-shadow: 0px 3.68734px 12.4963px rgb(0 0 0 / 6%);
/* padding: 8px 15px; */
padding: 14px 15px;
/* margin-right: 10px; */
margin-right: 0px;
white-space: nowrap;
margin-bottom: 10px;
background: #fff;
width: 100%;
position: relative;
border-radius: 8px;
}
.assign-blocks-div ul.assign-blocks-ul li .asssing-ico-span {
display: inline-block;
background: transparent;
padding: 5px;
border-radius: 5px;
height: 40px;
width: 40px;
text-align: center;
border: 2px solid #172b4d;
color: #172b4d;
margin-right: 10px;
font-family: "sf_ui_textsemibold";
}
.assign-blocks-div ul.assign-blocks-ul li p {
color: #172b4d;
margin-bottom: 0px;
width: 100%;
font-family: "sf_ui_textmedium" !important;
}
.assign-blocks-div ul.assign-blocks-ul li p .fa-times {
margin-left: 10px;
color: #77838f;
position: absolute;
right: 20px;
top: 25px;
}
.btn-notes {
background: #ffeab8;
color: #3b566e !important;
}
.btn-assign {
background: #ffc3c5;
color: #3b566e !important;
}
.btn-message-contact {
/* background: #ec4444; */
background: rgb(237, 69, 69, 0.5);
color: #fff !important;
border-radius: 50px !important;
}
.btn-call-back {
/* background: #ec4444; */
background: rgb(237, 69, 69, 0.5);
color: #fff !important;
border-radius: 50px !important;
}
/* phone system page end here */
/* buy pages css start here */
.device-sec-inner {
background: #f7f5f4;
border-radius: 5px;
text-align: center;
cursor: pointer;
}
.device-sec-inner .device-img {
height: 160px;
display: flex;
align-items: center;
justify-content: center;
}
.device-sec-inner .device-img img {
width: 100px;
}
.device-sec-inner .device-Price {
background: #f17c2b;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
padding: 8px 10px;
}
.device-sec-inner .device-Price h6 {
color: #fff;
text-align: center;
text-transform: capitalize;
font-size: 14px;
margin-bottom: 0px;
}
.device-sec-outer h5 {
margin-bottom: 0px;
text-transform: capitalize;
font-size: 16px;
text-align: center;
margin-top: 10px;
line-height: 22px;
}
.device-sec-outer {
margin-bottom: 30px;
}
.buy-page-head h5 {
font-size: 20px;
margin-bottom: 15px;
}
.lte-sec-outer .lte-sec-inner {
text-align: center;
background: transparent;
display: inline-block;
width: 100%;
padding: 30px 15px;
border-radius: 20px;
}
.lte-sec-outer .lte-sec-inner.lte-yellow {
background: #deba0c;
cursor: pointer;
}
.lte-sec-outer .lte-sec-inner.lte-red {
background: #ed4a4d;
cursor: pointer;
}
.lte-sec-outer .lte-sec-inner img {
border-radius: 5px;
width: 45px;
height: 45px;
}
.lte-sec-outer .lte-sec-inner p {
margin-bottom: 0px;
color: #ffffff;
margin-top: 10px;
font-size: 14px;
}
.firebase-btm-sec {
background: #b1d4fc;
padding: 15px;
border-radius: 8px;
cursor: pointer;
}
.firebase-btm-sec h5 {
margin-bottom: 0px;
font-size: 16px;
}
.firebase-btm-sec p {
margin-bottom: 0px;
color: #172b4d;
cursor: pointer;
}
.firebase-btm-sec p img {
width: 20px;
}
.firebase-btm-sec .quest-bx img {
width: 35px;
}
.lte-main-sec {
height: calc(100vh - 195px);
position: relative;
overflow: hidden;
overflow-y: auto;
margin-bottom: 20px;
}
.internet-main-sec {
height: calc(100vh - 265px);
position: relative;
overflow: hidden;
overflow-y: auto;
margin-bottom: 20px;
}
.top-up-data {
background: #ffeab6;
padding: 15px;
border-radius: 6px;
margin-bottom: 20px;
}
.top-up-data h5 {
margin-bottom: 0px;
}
.top-up-data h5 img {
width: 30px;
float: right;
}
.device-details-div .device-details-img {
background: #f7f5f4;
width: 100%;
position: relative;
text-align: center;
padding: 15px 60px;
border-radius: 5px;
}
.device-details-div .device-details-img-inner img {
width: 130px;
margin: 10px;
}
.device-details-div .device-details-img p {
padding: 3px 10px;
border-radius: 40px;
background: #ffeae0;
display: inline-block;
margin-bottom: 0px;
color: #f17c2b;
line-height: 22px;
}
.device-details-div .device-details-img h5 {
margin-bottom: 0px;
text-transform: capitalize;
font-size: 16px;
text-align: center;
margin-top: 10px;
line-height: 22px;
}
.device-details-ico-inner {
position: absolute;
top: 10px;
left: 10px;
right: auto;
}
.device-details-ico-inner a {
margin-right: 10px;
}
.device-details-ico-inner a img {
width: 20px;
}
ul.device-dt-ul {
list-style-type: none;
}
ul.device-dt-ul li {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 5px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
ul.device-dt-ul li:last-child {
border-bottom: 0px solid rgba(0, 0, 0, 0.1);
}
ul.device-dt-ul li span h6 {
margin-bottom: 0px;
text-transform: capitalize;
font-family: "sf_ui_displaysemibold" !important;
color: #47525e;
}
ul.device-dt-ul li span {
color: 888888;
font-family: "sf_ui_textregular" !important;
}
ul.device-dt-ul li span a {
display: inline-block;
margin-left: 5px;
color: #ffb302 !important;
}
.modal .modal-cart-btn .btn {
font-size: 14px;
line-height: 29px;
padding: 5px 30px;
}
/* buy pages css end here */
/* chosse address */
.address-main-div {
/* height: calc(100vh - 185px); */
height: calc(100vh - 260px);
margin-bottom: 20px;
overflow: hidden;
overflow-y: auto;
}
.address-head {
width: 100%;
display: inline-block;
margin-bottom: 20px;
}
.address-head .btn {
font-size: 14px;
color: #fff !important;
}
.address-box {
padding: 15px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.address-box h6 {
text-transform: capitalize;
margin-bottom: 5px;
font-size: 16px;
}
.address-box p {
margin-bottom: 0px;
font-size: 14px;
}
.address-footer-div a {
margin: 0px 2px;
}
.address-footer-div .btn {
font-size: 14px;
color: #fff !important;
}
.card.address-card-bx {
box-shadow: 0px 0px 20px rgb(0 0 0 / 8%);
/* padding: 15px 15px; */
padding: 30px 30px;
}
.card.address-card-bx .address-head {
margin-bottom: 10px;
}
/* chosse address */
.payment-method-bx {
text-align: center;
padding: 12px 6px;
border-radius: 5px;
}
.payment-method-bx h6 {
text-transform: capitalize;
font-size: 16px;
line-height: 18px;
color: #6b778c;
margin-bottom: 0px;
}
.payment-method-bx img {
margin-right: 5px;
width: 35px;
display: block;
margin: 0 auto;
margin-bottom: 6px;
}
/* cart dropdown start here */
.add-cart-drop {
display: inline-block;
float: right;
}
.add-cart-drop .dropdown-menu li {
list-style-type: none;
}
ul li.add-cart-drop a {
padding-left: 0px !important;
}
ul li.add-cart-drop .dropdown-toggle::after {
display: none;
}
.add-cart-ico {
position: relative;
}
.add-cart-ico .fa-shopping-cart {
margin-top: 22px;
}
.add-cart-ico .badge.add-cart-badge {
position: absolute;
left: auto;
right: -13px;
top: -8px;
padding: 2px 5px;
background-color: #ed1c24;
font-size: 10px;
}
.add-cart-drop {
display: inline-block;
}
.add-cart-drop .dropdown-menu {
/* right: -10px; */
right: -265px;
left: auto;
min-width: 420px;
box-shadow: 0 0px 10px 0px rgba(87, 97, 100, 0.2);
border: none;
min-height: 40px;
max-height: 345px;
overflow-y: auto;
}
.add-cart-drop .dropdown-menu li {
border-bottom: 1px solid #dedede;
margin: 4px 4px;
}
.add-cart-drop .dropdown-menu li a:hover {
background-color: transparent !important;
}
.add-cart-drop .dropdown-menu li:last-child {
border-bottom: 0px solid #dedede;
}
.check-out-btn-div {
padding: 10px 10px;
}
.add-cart-drop .check-out-btn-div {
position: relative;
}
.add-cart-drop .check-out-btn-div .total-price {
position: absolute;
right: 13px;
left: auto;
padding: 8px 12px;
top: 13px;
background: rgb(255, 255, 255, 0.2);
border-radius: 4px;
}
.add-cart-drop .check-out-btn-div .btn-chek-out-drop {
text-transform: unset !important;
padding: 10px 16px;
}
.add-cart-drop .total-price-tag {
display: flex;
align-items: center;
justify-content: space-between;
padding: 15px 15px;
font-size: 14px;
margin-bottom: 0px;
}
.add-cart-drop .total-price-tag span.total-price-sp {
color: #dd7124;
}
.cart-items-main-div {
padding: 5px 0px;
margin: 0px;
}
.add-cart-drop .btn-orange:hover,
.add-cart-drop .btn-orange:focus {
color: #fff;
background: #dd7124 !important;
border-color: #dd7124 !important;
}
.cart-items-main-div .cart-item-img img {
height: 50px;
width: 50px;
overflow: hidden;
object-fit: contain;
/* padding: 5px; */
border: 0px solid #dedede;
border-radius: 3px;
}
.cart-items-main-div .cart-item-name h3 {
margin-bottom: 0px;
}
.cart-items-main-div .cart-item-name h3 a {
font-size: 14px !important;
line-height: 20px !important;
color: #363565;
}
.cart-items-main-div .cart-item-name small {
color: #dd7124;
}
.cart-items-main-div .edit-remove a {
margin-right: 5px;
}
.cart-items-main-div .edit-remove .fa-trash-alt {
color: #ed1c24;
font-size: 18px;
background: transparent;
border: none;
}
/* cart dropdown end here */
.map-modal-main-div .pac-target-input:not(:-webkit-autofill) {
border: 1px solid rgba(0, 0, 0, 0.1) !important;
height: 35px !important;
padding: 10px !important;
}
.map-modal-main-div.device-details-main-div {
padding: 0px 0px !important;
}
.map-modal-main-div iframe {
height: 350px !important;
width: 100% !important;
box-shadow: none !important;
border: 5px solid rgba(0, 0, 0, 0.1) !important;
padding: 5px !important;
}
/* ----- */
.phone-system-menus h4.head-w-ico img {
width: 24px;
float: right;
}
.account-label label.business-hrs-label {
font-size: 12px;
}
.mid-nav-inner h4 {
/* font-size: 20px; */
font-size: 18px;
}
.bubble-remove::after {
content: "";
position: absolute;
top: 70px;
font-size: 20px;
width: 0;
height: 0;
transform: rotate(-27deg);
border-top: 12px solid transparent;
border-left: 25px solid transparent;
border-bottom: 6px solid transparent;
}
.audio-custom {
background: #afaaa7;
border-radius: 50px;
padding: 3px 3px 3px 3px;
}
.bg-orange {
background: #f17c2b !important;
}
.msg-img-video {
width: 172px;
border-radius: 8px;
}
.recive p {
color: #000;
}
.chat-list {
display: flex;
background: #fff;
/* height: 208px; */
}
.chat-img img {
width: 40px;
border-radius: 100%;
height: 40px;
margin-right: 15px;
}
.chat-name h5 {
font-size: 16px;
}
.chat .chat-name h6 {
background: none;
padding: 0;
}
.online-circle {
height: 10px;
width: 10px;
background: green;
border-radius: 100%;
position: absolute;
left: 31px;
top: 84px;
}
.chat-profile {
align-items: baseline;
}
.chat-pro-img img {
width: 40px;
/* border-radius: 100%; */
border-radius: 10%;
height: 40px;
margin-right: 5px;
/* margin-right: 15px; */
}
.meet-schedule-calender .fc {
height: 600px !important;
}
.chat-icons {
padding-left: 50px;
display: flex;
align-items: center;
justify-content: center;
}
.chat-icons a {
height: 35px;
width: 35px;
border-radius: 20%;
background: #e0e9fa;
display: flex;
align-items: center;
justify-content: center;
/* text-align: center;
line-height: 27px; */
margin-left: 5px;
}
.chat-icons a img {
/* width: 22px; */
width: 18px;
}
.bg-white {
background: #fff;
}
.open-chat {
/* height: 83vh; */
height: 85vh;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.msg-input.form-group {
align-items: baseline;
justify-content: center;
}
.msg-input.form-group input {
height: 44px;
border-radius: 5px;
background: #f1f1f1;
border: 0;
}
.mid-nav-inner .list-unstyled.show a.active,
h5.pl-4.active {
background: #f2f2f2;
border-right: 3px solid #f17c2b;
}
.msg-input .fa-paper-plane {
border-radius: 107px;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
color: #fff;
/* color: #C6C6C6; */
}
.chat-bottom-img img {
width: 40px;
padding: 0 10px;
}
/* */
.blocks {
background: #f1f1f1;
border-radius: 5px;
padding: 12px 4px;
}
.blocks-img img {
width: 50px;
border-radius: 100%;
width: 60px;
height: 60px;
}
.blocks h5 {
font-size: 18px;
margin-top: 10px;
}
.blocks h6 {
font-size: 14px;
}
.blocks-icons .react {
background: #fff;
border: 1px solid #fff;
color: #6a6a6a;
border-radius: 5px;
margin: 10px 2px;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
}
.blocks-icons .react:hover {
background: #f17c2b;
color: #fff;
cursor: pointer;
}
/* */
.message-box {
/* padding: 20px; */
padding: 15px 15px;
border-radius: 5px;
/* min-height: 110px; */
min-height: 121px;
}
.message-icons img {
/* width: 50px; */
width: 35px;
}
.message-table img {
width: 40px;
border-radius: 100%;
height: 40px;
}
.message-table thead th {
font-weight: bold !important;
}
.message-table tbody td {
vertical-align: middle;
}
.message-table tbody tr:hover {
background: #ddd;
}
.bg-dgray {
background: #ccc4ff;
}
/* */
.topic .modal-body {
padding: 5px 15px;
}
.topic .form-group input {
border: none;
}
.topic .form-control:focus {
box-shadow: none;
}
.recurring {
height: 42px;
}
.Calendar {
height: 26px;
}
.switch {
position: relative;
display: inline-block;
/* width: 60px;
height: 30px; */
width: 52px;
height: 25px;
}
.switch input {
opacity: 0;
width: 0;
height: 0;
}
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.slider:before {
position: absolute;
content: "";
height: 21px;
width: 21px;
/* left: 4px;
bottom: 5px; */
left: 1px;
bottom: 1px;
background-color: white;
-webkit-transition: 0.4s;
transition: 0.4s;
}
input:checked + .slider {
background-color: #f17c2b;
border: 1px solid #f17c2b;
}
input:focus + .slider {
background-color: #f17c2b;
border: 1px solid #f17c2b;
}
input:checked + .slider:before {
-webkit-transform: translateX(24px);
-ms-transform: translateX(24px);
transform: translateX(24px);
}
input[type="checkbox"] + label {
display: block;
margin: 0.2em;
cursor: pointer;
padding: 0.2em;
}
input[type="checkbox"] {
display: none;
}
input[type="checkbox"] + label:before {
content: "\2714";
border-color: #a8a8a8;
border-radius: 5px;
display: inline-block;
width: 17px;
height: 17px;
padding-bottom: 1px;
margin-right: 5px;
vertical-align: middle;
color: transparent;
transition: 0.2s;
font-size: 11px;
padding-left: 3px;
border: 1px solid #a8a8a8;
}
input[type="checkbox"] + label:active:before {
transform: scale(0);
}
input[type="checkbox"]:checked + label:before {
background-color: #ffffff;
border-color: #a8a8a8;
color: #ff4f4f;
vertical-align: unset;
border-radius: 5px;
padding-right: 10px;
border: 1px solid #a8a8a8;
}
input[type="checkbox"]:disabled + label:before {
transform: scale(1);
border-color: #aaa;
}
input[type="checkbox"]:checked:disabled + label:before {
transform: scale(1);
background-color: #bfb;
border-color: #bfb;
}
/* Rounded sliders */
.slider.round {
border-radius: 34px;
}
.slider.round:before {
border-radius: 50%;
}
.notification .input-group-text {
background: none;
border: none;
}
.notification h6 {
font-weight: normal;
}
/* */
.upcoming-meeting tbody td i {
width: 22px;
height: 17px;
}
.upcoming-meeting tbody td span.badge {
position: relative;
left: auto;
top: auto;
background: #ddd;
}
.bg-red {
font-size: 14px;
background: red !important;
}
.bg-light-red {
background-color: #ec4a4b;
}
.table-icon-img img {
width: 25px;
}
/* */
#root {
height: 100%;
}
#root > div {
height: unset;
}
.video-meeting {
height: 100vh;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.video-meeting h6 {
font-style: italic;
}
.font-italic {
font-style: italic;
}
.powerd img {
width: 150px;
}
.video {
flex-direction: column;
}
.video-content {
height: calc(100vh - 150px);
}
.top-time {
position: absolute;
width: 96% !important;
top: 20px;
margin: 0 !important;
z-index: 9;
padding: 20px 40px;
left: 30px;
}
.video-call-icons {
position: absolute;
margin-top: 5px;
text-align: center;
width: 98%;
/* bottom: 25px; */
}
.video-call-icons img {
width: 35px;
}
.video-call-icons span a {
width: 35px;
height: 35px;
line-height: 35px;
text-align: center;
border-radius: 50px;
margin-right: 7px;
background: #fff;
display: inline-block;
}
.bg-black {
background: #000;
}
.on-call-icons .fa-phone {
color: #be0606;
}
.on-call-icons span a {
display: inline-block;
margin-top: 5px;
color: #fff;
}
.on-call-icons span a i {
font-size: 22px;
color: #fff;
}
.video-call-icons span a:hover {
background: #ddd;
}
.cut-call {
background: #be0606 !important;
}
.powerd_by {
display: flex;
justify-content: space-between;
position: absolute;
z-index: 99;
width: 97%;
top: 15px;
padding-left: 10px;
}
.nx_power img {
width: 100%;
}
.help_info {
width: 20px;
height: 20px;
background: #fff;
border-radius: 100%;
text-align: center;
line-height: 20px;
}
.box-confrance img {
width: 100%;
}
.video-height {
height: 100%;
position: relative;
}
#webrtc_container {
height: 100%;
}
/* new id verification page start */
.id-verifications {
text-align: center;
}
.id-verifications h3 {
margin-bottom: 35px;
margin-top: 20px;
}
.id-verification-form {
margin-top: 35px;
}
.id-verifications p {
color: #3b566e;
font-size: 16px;
margin-bottom: 0px;
}
.id-verifications a {
margin-bottom: 10px;
display: inline-block;
font-size: 16px;
color: #457afe;
}
.porting-inner .see-exp-doc-link {
font-size: 16px;
color: #f17c2b !important;
margin: 15px 0px;
text-align: center;
}
.id-verifications a img {
width: 26px;
margin-left: 10px;
}
.id-verifications-radio {
padding: 30px 0px 0px 0px;
}
.id-verifications-radio.id-verifications-porting-process {
/* padding: 30px 0px 30px 0px; */
padding: 0px 0px 25px 0px;
}
.id-verifications-radio.id-verifications-porting-process .radio-common-cls {
margin: 5px 20px;
}
.id-verifications-radio.id-verifications-porting-process
.radio-common-cls
span {
margin-left: 10px;
}
.id-verifications-radio {
display: flex;
align-items: center;
justify-content: center;
}
.id-verification-form {
padding: 0px 70px;
}
.id-verifications .id-verifications-radio span {
margin: 3px 8px;
}
.id-verification-form .id-verifications-radio .radio-2 {
margin-left: 30px;
}
.id-verifications .id-verifications-radio span {
margin: 3px 8px;
}
.id-verifications .id-verification-form p {
color: #457afe;
font-size: 14px;
margin-bottom: 15px;
}
.id-verification-btn-div {
display: flex;
align-items: center;
justify-content: flex-end;
margin-top: 40px;
margin-bottom: 30px;
}
.id-verification-btn-div .btn {
margin-left: 15px;
}
.map_sec .form-group {
position: relative;
border: 1px solid #d8d8d8;
}
.map_sec .form-group input {
font-size: 15px;
min-height: 46px;
padding: 6px 15px;
color: #6f8ba4;
border: 1px solid #d8d8d8;
border-radius: 0px;
width: 100%;
margin-top: 5px;
}
.map_sec .form-group ul {
margin-bottom: 0px;
list-style: none;
text-align: left;
background: #fff;
padding: 12px;
z-index: 99999;
position: absolute;
width: 100%;
border-radius: 6px;
margin-top: 5px;
}
.map_sec .form-group ul li {
margin-bottom: 10px;
cursor: pointer;
}
.add-address-map #map-id .map_sec .form-group ul li img {
width: 15px;
height: auto;
margin-right: 8px;
}
/* ---------- */
.id-verifiy .id-verifiy-text.take-selfie-text {
margin-bottom: 20px;
}
.id-verifiy .id-verifiy-text.take-selfie-text h5 {
font-weight: 400;
margin-bottom: 0px;
}
.id-verifiy .id-verifiy-text h6 {
color: #3b566e;
font-weight: 700;
}
.id-verifiy .id-verifiy-text.take-selfie-text li {
list-style-type: disc;
}
.id-verifiy .id-verifiy-img-main .id-verifiy-img img {
width: 240px;
height: 350px;
}
.id-verifiy .id-verifiy-img-main span {
/* width: 240px; */
width: 350px !important;
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 12px;
}
.id-verifiy .id-verifiy-img-main span a {
color: #ff2f54;
font-weight: 700;
}
.id-verifiy .id-verifiy-img-main span a img {
width: 24px;
margin-left: 2px;
}
.id-verifiy {
margin-top: 20px;
}
.rica-main-div {
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
.rica-main-div .take-selfie-text {
padding-top: 80px;
padding-left: 70px;
}
.rica-main-div .take-selfie-text h5 {
margin-bottom: 20px;
}
.add-address-form {
padding: 0px 30px;
}
.add-address-map {
padding: 30px 0px;
}
.add-address-map #map-id {
margin-bottom: 20px;
}
.add-address-map #map-id img {
width: 100%;
height: 200px;
}
.porting-process {
height: calc(100vh - 75px);
overflow: hidden;
overflow-y: auto;
}
.map-form {
padding: 0px 30px;
padding-top: 30px;
}
.id-verifications .map-form .map-form-bx h3 {
font-size: 24px;
margin-bottom: 15px;
margin-top: 0px;
line-height: 27px;
}
.id-verifications .map-form .map-form-bx p {
margin-bottom: 15px;
margin-top: 0px;
}
.id-verifications .map-form .map-form-bx .form-group {
text-align: left;
position: relative;
}
.id-verifications .map-form .map-form-bx .form-group .form-control {
padding-right: 42px;
outline: none;
box-shadow: none;
border: none;
border-bottom: 1px solid #f2f2f2;
/* border-radius: 0px;
font-size: 20px; */
border-radius: 8px;
font-size: 16px;
color: #212529;
/* padding-left: 0px; */
padding-left: 15px;
}
.id-verifications .map-form .map-form-bx .form-group img {
position: absolute;
/* top: 38px;
right: 10px;
width: 25px; */
top: 42px;
right: 12px;
width: 20px;
}
.id-verifications .map-form .map-form-bx .btn {
background: #fafafa;
color: #212529;
padding: 10px 45px;
border-radius: 50px;
margin-top: 28px;
}
.id-verifications .add-address-form p {
color: #457afe !important;
}
.by-clicking {
padding: 30px 0px;
}
.porting-process input:checked + .slider {
background-color: #457afe;
border: 1px solid #457afe;
}
.unverified-box {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 30px;
}
/* new id verification page end */
/* gallery code */
/* remove */
/* gallery code end */
.galleryWrap video {
height: 100% !important;
object-fit: cover !important;
width: 100%;
border-radius: 5px;
}
.galleryWrap span img {
max-height: 100% !important;
object-fit: cover !important;
max-width: 100%;
width: 100%;
height: 100%;
border-radius: 5px;
}
.btn-view {
position: absolute;
z-index: 2;
right: 8px;
top: 8px;
}
.btn-view .btn-link {
width: 45px;
padding: 0 !important;
font-size: 15px !important;
box-shadow: none;
height: 24px;
border-radius: 0;
min-width: 10px;
border: none;
}
.btn-view .btn-link img {
width: 100%;
height: 100%;
}
.gallery-container,
.gallery-row,
.gallery-div {
height: 100%;
}
.galleryWrap .namewrap {
background-color: rgba(45, 45, 46, 0.63);
min-width: 105px;
height: 32px;
border-radius: 5px;
position: absolute;
left: 15px;
bottom: 15px;
font-size: 14px;
color: #ffffff;
font-weight: 600;
padding: 5px 10px;
}
.gallery-container {
height: calc(100% - 55px);
background-color: #000000;
border-radius: 5px;
}
.galleryView.flexGrid-TW span:nth-child(1),
.galleryView.flexGrid-TW span:nth-child(5),
.galleryView.flexGrid-TW span:nth-child(9) {
padding-left: 0;
}
.galleryView.flexGrid-TW span:nth-child(4),
.galleryView.flexGrid-TW span:nth-child(8),
.galleryView.flexGrid-TW span:nth-child(12) {
padding-right: 0;
}
.galleryView.flexGrid-TW span:nth-child(1),
.galleryView.flexGrid-TW span:nth-child(2),
.galleryView.flexGrid-TW span:nth-child(3),
.galleryView.flexGrid-TW span:nth-child(4) {
padding-top: 0;
}
.galleryView.flexGrid-TW span:nth-child(9),
.galleryView.flexGrid-TW span:nth-child(10),
.galleryView.flexGrid-TW span:nth-child(11),
.galleryView.flexGrid-TW span:nth-child(12) {
padding-bottom: 0;
}
/* */
.join-meeting-modal .form-control:focus {
color: #495057;
background-color: #fff;
border-color: #f7b484;
outline: 0;
box-shadow: none;
}
.join-meeting-modal ::placeholder {
color: #ddd;
}
.join-modal-box {
border-radius: 5px;
text-align: center;
padding: 10px;
color: #8190a5;
min-width: 110px;
min-height: 90px;
}
.join-meeting-modal .btn-orange {
padding: 8px 55px;
font-size: 16px;
}
.join-modal-box.active .fa-check-circle {
color: #42f80a;
}
.bg-yellow {
background: #ffeab8;
}
.bg-gray-d8 {
background: #d8d8d8;
}
.join-modal-box h6 {
font-size: 0.8rem;
line-height: 16px;
margin-top: 10px;
}
.btn-gray {
background: #8190a5;
color: #fff;
}
.btn-gray:hover {
background: #69768a;
color: #fff;
}
.margin-size {
margin-bottom: 75px;
}
.span-margin {
margin-bottom: 77px;
}
.inner-img img {
width: 130px;
height: 130px;
border-radius: 5px;
margin-right: 15px;
}
.blocks-ratting {
flex-direction: column;
}
/* */
.service-block .service img {
width: 50px;
}
.service {
/* padding: 20px; */
padding: 10px 20px;
border-radius: 14px;
cursor: pointer;
}
/* */
.bg-dyellow {
background: #ddb90e;
}
.bg-dred {
background: #ec4a4b;
}
.voice-deals {
color: #fff;
}
.inner-box {
box-shadow: 0px 0px 10px rgba(88, 88, 91, 0.15);
}
.bg-h {
background: #f17c2b;
color: #fff;
border-radius: 0px 0px 5px 5px;
}
.voice-inner img {
width: 100%;
max-width: 220px;
border-radius: 5px 5px 0px 0px;
}
.bg-location {
background: #78716c;
}
.discover-inner .Product-sec::before {
background: none;
}
.discover-inner .Product-sec {
background: none;
padding: 0;
}
.discover-inner .Product-sec .nxa-fiber-img img {
width: 100%;
}
/* */
.discover-blocks {
box-shadow: 0px 0px 10px rgba(88, 88, 91, 0.15);
padding: 20px;
border-radius: 5px;
}
/* */
.business-sec {
padding-top: 20px;
height: 100%;
overflow: auto;
max-height: 100vh;
}
.business-img {
position: relative;
}
.jxr-Media {
position: absolute;
bottom: 5px;
color: #fff;
left: 14px;
}
.business-img h6 img {
max-height: auto;
min-height: auto;
width: 17px;
}
.business-img img {
width: 420px;
max-height: 280px;
min-height: 280px;
}
.jxr-Media i {
color: #e0cb0c;
}
.jxr-Media .badge2 {
top: 30px;
right: -259px;
height: 26px;
min-width: 86px;
border-radius: 25px;
color: #fff;
background: red;
position: absolute;
text-align: center;
line-height: 25px;
font-size: 13px;
}
.business-img img {
width: 420px;
}
.business-content h5 {
font-weight: normal;
}
.business-content h5 img {
width: 30px;
}
.business-btn .btn-orange {
/* color: #414141;
font-weight: 600; */
margin: 0px 8px;
border-radius: 9px;
padding: 8px 24px;
margin-top: 20px !important;
margin-bottom: 0 !important;
min-width: auto;
font-size: 16px;
}
.business-btn .btn-orange:hover {
color: #fff;
}
.post .btn-orange {
color: #fff;
}
/* */
.account-sidebar {
background: #f1f1f1;
display: block;
padding: 20px 12px 49px 12px;
border-radius: 5px 0 0 5px !important;
border-right: 1px solid #ddd;
}
.account-sidebar ul {
list-style: none;
}
.account-sidebar ul li a {
margin-bottom: 10px;
border-left: 3px solid transparent;
padding: 13px 18px;
transition: all 0.2s;
display: block;
border: 1px solid #f0f0f0;
color: #f17c2b;
}
.bg-account-grey {
background: #f7f7f7;
border-radius: 0px 0px 0px 30px;
}
.account-sidebar ul li a:hover {
border-left: 3px solid #f17c2b;
padding: 13px 22px;
transition: all 0.2s;
background: #f4f4f4;
font-weight: 600;
}
.account .form-group {
position: relative;
}
.account .form-group .form-check-inline .form-check-input {
margin-top: -4px;
}
.account .form-group input {
box-shadow: none;
}
.account .form-group input:focus {
border-color: #f17c2b;
}
.account .form-control:focus {
border-color: #f17c2b !important;
}
.account .input-inner-price {
position: absolute;
right: 10px;
bottom: 8px;
color: #c0bfbf;
}
.profile-inner-img img {
width: 120px;
height: 120px;
border-radius: 100%;
}
.call-width {
width: 81px !important;
}
.form-text {
display: block;
margin-top: 0.25rem;
}
.form-button {
font-size: 13px;
}
.input-text {
position: absolute;
right: 42px;
top: 38px;
color: #ccc;
font-size: 14px;
}
.account-label label {
font-weight: 500;
font-size: 14px;
color: #3b566e;
}
.overflow-ellipsis {
text-overflow: ellipsis;
max-width: 263px;
overflow: hidden;
white-space: nowrap;
}
.blocks-icons h6 {
font-weight: 500;
font-size: 14px;
}
.payment-summary {
border-bottom: 1px solid #ccc;
padding-bottom: 7px;
}
.profile-inner-img a {
margin-left: 10px;
vertical-align: top;
}
.profile-inner-img span p {
margin-left: 12px;
margin-bottom: 0;
}
.bg-light-gray {
background: #f4f4f4;
}
.shadow-none {
box-shadow: none;
}
.account .bg-white {
border-radius: 0px 5px 5px 0px;
}
.business-size {
font-size: 16px !important;
font-weight: 500 !important;
margin-bottom: 10px;
}
/* */
.planner-img img {
width: 100%;
border-radius: 15px;
}
.planner-table {
overflow: auto;
height: calc(100vh - 200px);
}
.planner-table .table td {
vertical-align: middle;
}
/* */
.rafer-img img {
width: 40%;
border-radius: 5%;
}
.rafer-img {
position: relative;
}
.rafer-img a {
position: absolute;
bottom: 20px;
right: 42%;
border-radius: 100px;
}
/* */
.list-inner {
box-shadow: 0px 0px 10px rgba(88, 88, 91, 0.15);
align-items: center;
padding: 10px 20px;
border-radius: 5px;
}
.list-inner img {
width: 50px;
margin-right: 10px;
}
.list-btn {
vertical-align: middle;
}
.sign-up-home-sec .services-right-box .PhoneInput input {
left: 35px;
width: 80%;
}
.sign-up-home-sec .services-right-box .PhoneInput select {
border-radius: 12px !important;
border: 1px solid #6f8ba4;
}
@media only screen and (max-width: 767px) {
.word-class-box-div .compliance-inner-div {
align-items: center;
}
.word-class-box-div .compliance-inner-div .compliance-inner-left h4 {
font-size: 20px;
line-height: 27px;
margin-bottom: 10px;
}
.word-class-box-div .compliance-inner-div .compliance-inner-left p {
font-size: 15px;
line-height: 23px;
}
.home-page .compliance-section .world-class-div h3 {
font-size: 15px;
}
.word-class-box-row{
margin-bottom: 0px;
}
.world-class-div {
flex-direction: column;
padding: 0px;
}
.word-class-box-div {
padding: 0px;
}
.world-class-div .word-cls-right {
width: 100%;
}
.world-class-div .word-cls-left {
margin: 0 auto;
margin-bottom: 20px;
}
.world-class-div .word-cls-right {
width: 100%;
text-align: center;
}
.home-page .compliance-section .world-class-div h3 {
text-align: center;
}
.word-class-box-div .compliance-inner-div .compliance-inner-right {
margin-bottom: 15px;
}
.word-class-box-div .compliance-inner-div {
margin-bottom: 30px;
}
/* ----- */
.home-page .customer-sec {
padding-bottom: 0px;
}
.privacy-respect-bx-inner {
flex-direction: column;
}
.privacy-content h5 {
margin-bottom: 20px;
text-align: center;
font-size: 18px;
}
.privacy-respect-bx-inner .privacy-left {
padding: 15px 15px;
}
.privacy-page-banner .privacy-respect-box .read-more-privacy {
margin-top: 0px;
display: inline-block;
margin-bottom: 20px;
}
.privacy-page-banner .privacy-respect-box h2 {
margin-top: 10px;
font-size: 24px;
}
.privacy-page-banner .privacy-respect-box p {
font-size: 16px;
line-height: 25px;
margin-bottom: 20px;
}
.privacy-page-banner {
padding-top: 60px;
}
.privacy-page-banner h1 {
margin-bottom: 30px;
}
/* -------- */
.virtual-business-landline h2 {
padding-left: 0px;
text-align: center;
}
.why-nxa-box img {
margin: 0 auto;
margin-bottom: 10px;
}
.why-nxa-box {
text-align: center;
}
.product-dox-banner .product-dox-banner-ul li {
text-align: center;
list-style: none;
}
.btn-center-home .htw-learn-more {
font-size: 13px;
}
.btn-center-home .link-blue {
font-size: 12px;
}
.home-page .services-sec h2 {
text-align: center !important;
}
.home-page .compliance-section {
padding-bottom: 0px;
}
.home-page .customer-box {
text-align: center;
}
.home-page .slide2-sec.made-dreamer-section {
text-align: center;
}
.copy-right-row{
padding-top: 30px !important;
}
.home-page .copy-right-row h6{
width: 100%;
text-align: center;
}
.copy-right-row .bottom-nav{
text-align: center;
width: 100%;
justify-content: center;
margin: 10px 0px;
}
.copy-right-row .social-bottom{
justify-content: center;
}
.footer-emial-input-div {
justify-content: center;
width: 100%;
}
.footer-nav{
text-align: center;
}
.about-nexa-footer{
text-align: center;
}
.buisness-comm-bx-div .buisness-comm-sys-inner h4 {
text-align: center;
}
.buisness-comm-bx-div .buisness-comm-sys-inner p {
text-align: center;
}
.how-it-works-home-sec .btn-center-home {
margin-top: 10px;
}
.how-it-works-home-sec.sec-small-bussiness .how-it-work-cir-num {
margin: 0 auto;
}
.home-page .how-it-works-home-sec.sec-small-bussiness .small-bussiness-box h6 {
text-align: center;
}
.home-page .how-it-works-home-sec.sec-small-bussiness .small-bussiness-box {
min-height: auto;
}
/* ----- */
.booking-slote-div-web h2 {
width: 90%;
font-size: 20px !important;
line-height: 27px;
}
.home-page .services-right-box h2 {
font-size: 30px !important;
}
.home-page .pricing-sign-up-form h2 {
font-weight: 700;
color: #000;
font-size: 30px;
}
.about-banner h3 {
font-size: 30px;
}
.about-home .nxa-banner-right:after{
display: none;
}
.about-home .nxa-banner-right:before{
display: none;
}
.about-sec-2 .nxa-story h6 {
font-size: 30px !important;
}
.home-page .what-do h1 {
margin-left: 0px;
}
.about-sec-8 .Nxaies-box.sec-8-boxs p {
line-height: 25px;
font-size: 14px;
}
.center-media .Nxaies-box.sec-8-boxs h3{
font-size: 18px !important;
}
.about-sec-8 .center-media p {
font-size: 16px !important;
}
.sec-8-boxs {
min-height: auto;
}
.home-page .sec-9-left h1 {
font-size: 30px !important;
line-height: 42px !important;
margin-bottom: 0px !important;
}
.home-page .sec-9-left p{
font-size: 16px !important;
margin-top: 20px !important;
}
.home-page .sec-9-right img {
position: relative;
}
.home-page .about-sec-2, .home-page .about-sec-3, .home-page .about-sec-4, .home-page .about-sec-5,
.home-page .about-sec-6, .home-page .about-sec-7, .home-page .about-sec-8, .home-page .about-sec-9
{
min-height: auto;
padding-bottom: 0px;
}
/* ------ */
.why-nxatel-bx-div .why-nxatel-bx {
min-height: auto;
}
.buisness-comm-bx-div .buisness-comm-sys-inner {
min-height: auto;
}
.home-page .compliance-section {
padding-bottom:0px;
}
.home-page .buisness-communication-system {
padding-bottom: 0px;
}
/* ------ */
.pricing-page .btn-secondary {
padding: 5px 10px !important;
font-size: 14px;
}
.not-sure-div a.compare-features {
margin-bottom: 20px;
}
.pricing {
margin-bottom: 0px;
}
.pricing-bx .pricing-item {
max-width: 100% !important;
}
.not-sure-div h3 {
font-size: 24px;
margin-bottom: 10px;
margin-right: auto;
margin-top: 10px;
}
.not-sure-div {
flex-direction: column;
}
.home-page .footer-sec {
padding-bottom: 10px;
margin-top: 0px !important;
}
.home-page .virtual-business-landline h2 {
font-size: 36px !important;
width: 100%;
justify-content: center;
display: flex;
}
.by-solution-section {
padding-bottom: 0px;
}
.by-solution-section img {
width: 100%;
}
.by-solution-section h3 {
width: 100%;
margin-bottom: 20px;
font-size: 18px;
line-height: 24px;
}
.home-page .by-solution-section h2 {
font-size: 30px !important;
}
.product-internet-banner::after {
width: 110px;
height: 105px;
right: -50px;
bottom: 45px;
display: none;
}
.product-internet-banner::before {
width: 110px;
height: 110px;
right: -70px;
bottom: 10px;
display: none;
}
.product-internet-banner {
padding: 60px 0px 0px 0px;
}
.product-internet-banner h1 {
margin-bottom: 20px;
}
.product-internet-banner img {
width: 100%;
}
/* ------ */
.work-anywhere-together {
padding-bottom: 0px;
}
.work-anywhere-box-div {
padding-bottom: 0px;
}
.work-anywhere-box-div .work-anywhere-box {
margin-bottom: 20px;
}
.work-anywhere-together h3 {
font-size: 18px;
line-height: 24px;
width: 100%;
margin-bottom: 20px;
}
.home-page .work-anywhere-together h2 {
font-size: 30px !important;
width: 100%;
}
.manage-call-recording-cloud.complete-communction-system
.complete-communction-system-left
.make-dreamer-video-box {
position: static;
margin: 0 auto;
}
.manage-call-recording-cloud.complete-communction-system {
padding-bottom: 0px;
}
.hybrid-work-section {
padding-bottom: 0px;
}
.hybrid-work-section .hybrid-work-sec-right h2 {
font-size: 30px;
line-height: 42px;
margin-top: 30px;
margin-bottom: 15px;
text-align: center;
}
.hybrid-work-section .hybrid-work-sec-right p {
text-align: center;
}
.hybrid-work-section h5 {
font-size: 30px;
line-height: 42px;
margin-bottom: 20px;
width: 100%;
}
.buisness-cloud-banner .buisness-cloud-banner-img:before {
width: 95px;
height: 130px;
right: -50px;
top: 100px;
}
.buisness-cloud-banner .buisness-cloud-banner-img:after {
width: 100px;
height: 120px;
right: -30px;
top: 55px;
}
.buisness-cloud-banner .buisness-cloud-banner-img img {
width: 70%;
margin: 0 auto;
margin-top: 20px;
}
.buisness-cloud-banner .buisness-cloud-banner-text h3 {
font-size: 18px;
line-height: 24px;
margin: 20px auto;
}
.buisness-cloud-banner .buisness-cloud-banner-text p {
margin-top: 30px;
}
.buisness-cloud-banner {
padding: 60px 0px 0px 0px;
}
/* ---------- */
.virtual-business-landline img {
width: 100%;
margin-top: 15px;
}
.securely-store-share-file.product-message-teamwork
.product-message-teamwork-right
img {
margin-top: 35px;
}
.securely-store-share-file.product-message-teamwork
.product-message-teamwork-left
.btn-center-home {
text-align: center;
}
.securely-store-share-file.product-message-teamwork h3 {
width: 100%;
}
.product-dox-banner .product-dox-banner-ul {
text-align: left;
}
.product-dox-banner.product-message-teamwork h3 {
margin-bottom: 10px;
}
.product-dox-banner.product-message-teamwork {
padding: 60px 0px 0px 0px;
}
/* --------- */
.product-message-teamwork .product-message-teamwork-right img {
margin-top: 20px;
}
.product-message-teamwork {
padding-bottom: 0px;
}
.product-message-teamwork .product-message-teamwork-left h4 {
font-size: 18px;
line-height: 24px;
text-align: center;
}
.product-message-teamwork .product-message-teamwork-left {
padding-right: 0px;
text-align: center;
}
.product-message-teamwork h3 {
font-size: 18px;
line-height: 24px;
width: 100%;
margin-bottom: 30px;
}
.home-page .product-message-teamwork h2 {
font-size: 30px !important;
}
.product-message-banner:after {
height: 100px;
left: -90px;
bottom: -55px;
}
.product-message-banner:before {
left: -100px;
bottom: -45px;
height: 100px;
}
.product-message-banner .product-message-banner-right h4 {
font-size: 18px;
line-height: 24px;
text-align: center;
margin-top: 20px;
}
.product-message-banner .product-message-banner-right p {
text-align: center;
}
.product-message-banner {
padding: 65px 0px 50px 0px;
}
.product-message-banner h3 {
font-size: 18px;
line-height: 24px;
width: 100%;
}
.why-use-nxa-meet h3 {
font-size: 18px;
line-height: 24px;
width: 100%;
}
.product-meet-banner h3 {
font-size: 18px;
line-height: 24px;
width: 100%;
}
.complete-communction-system .complete-communction-system-left {
margin-bottom: 20px;
}
.one-platfrom-host-meet.complete-communction-system h3 {
font-size: 18px;
line-height: 24px;
width: 100%;
margin-bottom: 30px;
}
.product-meet-banner::before {
right: -110px;
top: 290px;
}
.product-meet-banner::after {
right: -80px;
top: 280px;
}
.nxatel-free-seven-days .nxatel-free-seven-days-right {
padding-left: 10px;
text-align: center;
}
.nxatel-free-seven-days .nxatel-free-seven-days-right .btn-center-home {
text-align: center;
}
.nxatel-free-seven-days .nxatel-free-seven-days-right h3 {
font-size: 30px;
margin-top: 50px;
text-align: center;
}
.nxatel-free-seven-days .nxatel-free-seven-days-right p {
text-align: center;
}
.nxatel-free-seven-days .nxatel-free-seven-days-right .btn-center-home {
text-align: center;
}
.nxatel-free-seven-days .nxatel-free-seven-days-left img {
width: 100%;
}
.complete-communction-system .complete-communction-system-right {
width: 100%;
text-align: center;
}
.complete-communction-system .complete-communction-system-right h4,
.complete-communction-system .complete-communction-system-right p {
text-align: center;
}
.complete-communction-system .complete-communction-system-left img {
width: 230px;
margin-left: auto;
}
.complete-communction-system
.complete-communction-system-left
.make-dreamer-video-box {
position: absolute;
width: 85%;
margin-left: auto;
left: 0;
right: unset;
top: 17px;
margin-top: 8px;
}
.home-page .complete-communction-system h2 {
font-size: 30px !important;
line-height: 42px;
width: 100%;
}
.why-use-nxa-meet {
padding-bottom: 0px;
}
.why-use-nxameet-bx-div .why-use-nxameet-box .why-use-nxameet-box-inner {
min-height: auto;
padding-bottom: 25px;
}
.product-meet-banner {
padding: 65px 0px 50px 0px;
}
.product-meet-banner img {
width: 100%;
}
header .navbar-expand-lg .navbar-nav .nav-link {
width: 100%;
margin-left: 0px !important;
margin-right: 0 !important;
padding-left: 10px !important;
}
.home-page .navigation li.dropdown .dropdown-menu a.dropdown-item {
margin-left: 0px !important;
padding: 9px 12px !important;
height: auto;
}
.home-page .navigation li.dropdown .dropdown-menu a.dropdown-item.active,
.home-page .navigation li.dropdown .dropdown-menu a.dropdown-item:active {
color: #fff;
text-decoration: none;
background-color: #ea7414;
}
.make-dreamer-video-box {
margin-top: 15px;
}
.home-page .made-dreamer-section h2 {
font-size: 30px !important;
line-height: 42px !important;
}
.compliance-inner-div .compliance-inner-right img {
width: 75%;
margin-top: 15px;
}
.compliance-inner-div .compliance-inner-right {
width: 100%;
}
.compliance-inner-div .compliance-inner-left {
width: 100%;
text-align: center;
}
.compliance-inner-div {
flex-direction: column;
}
.home-page .services-sec {
padding: 0px 0px;
}
.home-page .how-it-works-home-sec.sec-small-bussiness .small-bussiness-box {
margin-bottom: 30px;
}
.home-page .why-nxatel-section {
padding-bottom: 30px;
}
.home-page .compliance-section h3 {
width: 100%;
font-size: 18px;
line-height: 24px;
}
.home-page .customer-sec.our-product h3 {
width: 100%;
font-size: 18px;
line-height: 24px;
}
.buisness-comm-bx-div .buisness-comm-sys .buisness-comm-sys-cir {
left: -5px;
left: 42%;
right: 42%;
}
.buisness-comm-bx-div .buisness-comm-sys-inner {
padding: 25px 20px;
}
.buisness-comm-bx-div {
padding-top: 30px;
}
.home-page .buisness-communication-system h3 {
width: 100%;
font-size: 18px;
line-height: 24px;
}
.home-page h1 {
font-size: 30px !important;
line-height: 42px !important;
}
.sign-up-home-sec::before {
left: -115px;
z-index: 9;
bottom: -15px;
}
.sign-up-home-sec::after {
left: -45px;
bottom: -35px;
z-index: 9;
}
.home-page .footer-sec:before {
width: 110px;
height: 120px;
right: 0;
top: -64px;
display: none;
}
.home-page .footer-sec:after {
right: 40px;
top: -58px;
display: none;
}
.about-nexa-footer {
padding-left: 0px !important;
}
ul.get-your-buisess-phone-ul {
margin-bottom: 20px;
}
ul.get-your-buisess-phone-ul li {
/* text-align: left; */
text-align: center;
list-style: none;
}
.why-nxatel-bx-div .why-nxatel-bx h4 {
font-size: 18px;
line-height: 23px;
}
.why-nxatel-bx-div .why-nxatel-bx p {
font-size: 15px;
line-height: 22px;
}
.home-page .why-nxatel-section h3 {
width: 100%;
font-size: 18px;
line-height: 24px;
}
.why-nxatel-section h1 {
font-size: 30px !important;
line-height: 42px !important;
}
.home-page .why-nxatel-section:after {
width: 120px !important;
height: 120px !important;
left: -70px !important;
top: -80px !important;
}
.home-page .why-nxatel-section:before {
width: 120px !important;
height: 120px !important;
left: -20px !important;
top: -60px !important;
}
.how-it-works-home-sec.sec-small-bussiness h3 {
font-size: 18px;
line-height: 24px;
margin-top: 10px;
}
.home-page .orange-radius {
padding: 7px 7px;
font-size: 13px;
width: 40%;
display: inline-block;
}
.banner-btn .watch-video-link {
width: 100%;
text-align: center;
margin-bottom: 10px;
}
.home-page .banner-inner .banner-btn {
flex-wrap: wrap;
}
.banner-inner.mt-5 {
margin-top: 0px !important;
}
.home-page .banner-inner h1 {
font-size: 30px !important;
line-height: 42px !important;
}
.home-page .sec1-right h1 {
font-size: 30px !important;
line-height: 42px !important;
}
.home-page .slide-sec h1 {
margin-bottom: 30px;
font-size: 30px !important;
line-height: 42px !important;
}
.home-page .sec-small-bussiness h1 {
font-size: 30px !important;
line-height: 42px !important;
margin-bottom: 0px;
}
.home-page .services-sec h2 {
font-size: 30px !important;
line-height: 42px !important;
text-align: center;
margin-bottom: 15px;
}
.home-page .slide.center-media h2 {
font-size: 30px !important;
line-height: 42px !important;
margin-bottom: 20px;
}
/* .navbar-brand img {
margin-top: 30px;
} */
.navbar-toggler {
/* border: 1px solid #f17c2b !important; */
border: 1px solid #eeeff3 !important;
line-height: 1.5;
margin-top: 0;
}
.navbar-toggler-icon {
height: 2px;
background: #fff;
display: block;
margin-bottom: 5px;
margin-top: 5px;
}
.banner-sec::after {
display: none;
}
.solution {
padding-left: 0 !important;
}
.navigation li a {
padding: 8px 0 !important;
border-bottom: 1px solid #fff;
display: block;
}
.dropdown-toggle::after {
margin-left: 75%;
}
.btn-primary {
margin-right: 3px !important;
padding: 8px 12px;
font-weight: normal;
}
.services_img {
margin-top: 20px;
}
.img_back {
min-height: 247px;
top: 3px;
right: 3px;
}
.try {
margin-top: 55px;
}
.img_back_2 {
left: 4px;
}
.plan_M {
padding: 27px 10px !important;
}
.client-sec .testimonial-carousel {
width: 100%;
padding: 20px;
border-radius: 10px;
}
.client-sec .carousel-caption {
left: 10px;
right: 10px;
top: 20px;
}
.sign-up-faq-partner-logo {
flex-wrap: wrap;
}
.sign-up-faq-partner-logo a {
padding: 20px 0;
}
.buisness-cloud-banner::before,
.buisness-cloud-banner::after,
.product-meet-banner::before,
.product-meet-banner::after,
.home-page .footer-sec:before,
.home-page .footer-sec::after {
display: none;
}
.pricing-sec-1 {
padding: 60px 15px;
}
.pricing-page {
padding: 0;
}
.Steps-price.pricing-page {
line-height: 80px;
}
.Steps-price.pricing-page .btn-group-pricing.btn-group {
/* padding-top: 100px; */
padding-top: 0px;
}
.Size-team.Size-team-home .MuiSlider-root {
width: 97%;
}
}
@media only screen and (max-width: 1024px) {
.navbar-toggler {
/* border: 1px solid #f17c2b !important; */
border: 1px solid #eeeff3 !important;
line-height: 1.5;
margin-top: 0px;
}
.navbar-toggler-icon {
height: 2px;
/* background: #fff; */
background: #000;
display: block;
margin-bottom: 5px;
margin-top: 5px;
}
.solution {
padding-left: 0 !important;
}
.navigation li a {
padding-left: 0 !important;
}
.btn-success {
margin: 13px 0 !important;
}
.navigation {
display: block;
}
.navigation li a {
padding-right: 5px;
font-weight: normal;
border-bottom: 1px solid #fff;
display: block;
margin: 5px 0;
}
.nav-link {
padding: 0;
}
}
.phone-h2 {
margin-left: 104px;
font-weight: 500;
color: #f17c2b;
}
.phone-ul {
margin-left: 370px;
color: black;
font-weight: 500;
}
.company-name {
font-size: 18px;
margin-top: 18px;
color: #19191b;
font-weight: 500;
}
.dial {
margin-top: 22px;
}
.graph img {
width: 100%;
}
.call-data {
background: #ffeab8;
text-align: center;
padding: 12px 6px;
border-radius: 20px;
}
.call-data img {
width: 40px;
}
.call-data h6 {
text-transform: capitalize;
font-size: 16px;
line-height: 19px;
margin-top: 8px;
}
.call-data h5 {
font-weight: 700;
margin-top: 10px;
}
.bg-light-orange {
background: #ffeab8;
}
.bg-blue {
background: #b1d4ff;
}
.bg-pink {
background: #ffc3c5;
}
.firstname {
font-size: 15px;
}
.chat-name {
font-size: 16px;
font-weight: 600;
}
.view-chat {
color: #fff;
border: 1px solid #f17c2b;
border-radius: 100%;
width: 30px;
height: 30px;
line-height: 27px;
text-align: center;
font-size: 15px;
background: #f17c2b;
}
.upcoming-slots {
background: #f7f7f7;
padding: 6px 8px;
border-radius: 4px;
}
.upcoming-slots ul.upcoming-slots-ul {
margin-bottom: 0px;
padding-left: 0px;
overflow-x: auto;
white-space: nowrap;
}
.upcoming-slots ul.upcoming-slots-ul li {
list-style-type: none;
padding: 6px 12px;
display: inline-block;
background: #fff;
border-radius: 4px;
margin-bottom: 8px;
margin-right: 5px;
font-size: 14px;
}
.upcoming-slots ul.upcoming-slots-ul li a {
color: #f17c2b;
}
.upcoming-slots ul.upcoming-slots-ul li:hover {
background: #f17c2b;
}
.upcoming-slots ul.upcoming-slots-ul li.active {
background: #f17c2b;
}
.upcoming-slots ul.upcoming-slots-ul li.active a {
color: #ffffff;
}
.upcoming-slots ul.upcoming-slots-ul li:hover a {
color: #ffffff;
}
.upcoming-slots-ul::-webkit-scrollbar {
width: 3px;
height: 3px;
}
/* Track */
.upcoming-slots-ul::-webkit-scrollbar-track {
background: #cccccc;
}
/* Handle */
.upcoming-slots-ul::-webkit-scrollbar-thumb {
background: #f17c2b;
}
/* Handle on hover */
.upcoming-slots-ul::-webkit-scrollbar-thumb:hover {
background: #f17c2b;
}
.react-time-picker__clear-button {
display: none !important;
}
.react-time-picker__wrapper {
border: 0 !important;
}
.doctor-setp-mid .select2-container {
width: 100% !important;
}
.assign-team-member.doctor-setp-mid .select2-container {
width: 320px !important;
}
.doctor-setp-mid
.select2-container--default.select2-container--focus
.select2-selection--multiple {
outline: 0 !important;
/* border: 1px solid #ced4da !important; */
/* box-shadow: 0 0px 4px 0px rgba(87, 97, 100, 0.1) !important; */
box-shadow: none;
}
.doctor-setp-mid
.select2-container--default.select2-container--focus
.select2-selection--multiple:focus {
box-shadow: 0 0px 10px 0px rgba(87, 97, 100, 0.1) !important;
outline: 0 !important;
}
.doctor-setp-mid .select2-container--default .select2-selection--multiple {
outline: 0 !important;
/* border: 1px solid #ced4da !important; */
/* box-shadow: 0 0px 4px 0px rgba(87, 97, 100, 0.1) !important; */
/* border: none !important; */
/* border: 1px solid #ddd;
min-height: 46px; */
/* width: 765px; */
font-size: 15px;
min-height: 46px;
padding: 6px 15px;
color: #6f8ba4;
/* border: 1px solid #6f8ba4; */
border-radius: 12px;
border: 1px solid #ddd;
}
.doctor-setp-mid
.select2-container
.select2-search--inline
.select2-search__field {
/* margin-top: 0px; */
/* margin-top: 10px; */
/* position: absolute; */
position: relative;
margin-top: auto;
/* line-height: 44px; */
line-height: 35px;
}
.card
.doctor-setp-mid
.input-group
.Search-control-outer.dropdown-toggle::after {
/* display: none; */
float: right;
margin-top: 10px;
}
.card .doctor-setp-mid .select2-container .select2-search--inline {
width: 100%;
position: relative;
}
.doctor-setp-mid
.select2-container--default
.select2-selection--multiple:focus {
outline: 0 !important;
/* border: 1px solid #ced4da !important; */
box-shadow: 0 0px 4px 0px rgba(87, 97, 100, 0.1) !important;
border: none !important;
}
.select2-search__field {
width: 100% !important;
}
.select2-container--default
.select2-results__option--highlighted[aria-selected] {
background-color: #f17c2b;
color: white;
}
.user-dashboard-temp .select2-search__field {
/* width: 94% !important; */
width: 100% !important;
position: unset !important;
display: inherit;
}
.doctor-setp-mid
.select2-container--default
.select2-selection--multiple
.select2-selection__choice {
background-color: #f17c2b;
border: 1px solid #f17c2b;
border-radius: 4px;
cursor: default;
float: left;
margin-right: 5px;
margin-top: 5px;
padding: 4px 10px;
color: #fff;
}
.select2-container--default
.select2-selection--multiple
.select2-selection__choice__remove {
color: #fff;
cursor: pointer;
display: inline-block;
font-weight: bold;
margin-right: 2px;
}
.wrapper-height {
height: 100% !important;
}
.meet-img {
height: 45px;
width: 45px;
border-radius: 50%;
border: 3px solid #f3f3f3;
}
.action-icons {
display: flex;
align-items: center;
justify-content: center;
}
.action-icons .cancel-ico i {
background: #f17c2b;
color: #fff;
border-radius: 3px;
height: 30px;
width: 30px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
border: none;
}
.action-icons .add-ico i {
background: #5d67ad;
color: #fff;
border-radius: 3px;
height: 30px;
width: 30px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
border: none;
}
.action-icons .edit-ico i {
background: #18ab53;
color: #fff;
border-radius: 3px;
height: 30px;
width: 30px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
border: none;
}
.action-icons .del-ico i {
background: #ec2d2d;
color: #fff;
border-radius: 3px;
height: 30px;
width: 30px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
border: none;
}
.badge {
display: inline-block;
padding: 8px 8px;
color: #fff !important;
font-family: "sf_ui_textregular" !important;
font-size: 12px;
font-weight: normal;
}
/* .upcoming-meeting {
width: 1035px !important;
} */
.webrtc_divs {
height: 100%;
}
.discover-item {
position: relative !important;
}
.item-p {
position: absolute !important;
top: 168px;
right: 12px;
font-size: 14px;
font-weight: 400;
color: #f17c2b;
}
.btn-cancel {
background-color: #f5c7a7;
color: #fff;
}
.video-chat .mid-sec {
height: calc(100vh - 178px) !important;
}
.video-chat .msg-input {
position: absolute;
bottom: 0;
width: 98%;
}
.video-chat .fa-paper-plane {
width: 50px !important;
}
/* */
.right-side-wrapper .Product-sec::before {
background: none;
}
.discover-slide {
padding: 0;
background: none;
}
.discover-slide .owl-next {
padding: 0;
}
.discover-slide .owl-prev {
padding: 0;
}
.discover-slide .fa-map-marker-alt {
color: #f17c2b;
}
.discover-slide .fa-comment-alt {
color: #f17c2b;
}
.discover-slide .fa-phone-alt {
color: #f17c2b;
}
.discover-slide .badge2 {
min-width: 14px;
border-radius: 25px;
color: #fff;
padding: 1px 7px;
font-size: 12px;
background: red;
}
.discover-slide td {
vertical-align: middle;
}
.discover-slide .fa-star {
color: #f5c321;
}
.discover-slide .meet-img {
border-radius: 12%;
}
.discover-blocks {
box-shadow: 0 0px 10px 0px rgba(87, 97, 100, 0.2) !important;
padding: 20px;
border-radius: 5px;
}
.right-side-wrapper .Product-sec::before {
background: none;
}
.discover-slide {
padding: 0;
background: none;
}
.discover-slide .owl-next {
padding: 0;
}
.discover-slide .owl-prev {
padding: 0;
}
.discover-slide .fa-map-marker-alt {
color: #f17c2b;
}
.discover-slide .fa-comment-alt {
color: #f17c2b;
}
.discover-slide .fa-phone-alt {
color: #f17c2b;
}
.offering-inner img {
width: 313px;
}
.offering-inner .blocks-icons {
padding: 20px 15px;
border: 1px solid #ddd;
}
.offering-inner .blocks-icons h6 {
align-self: center;
margin: 0;
}
.account-sidebar ul.account-sidebar-ul li.active {
border-left: 3px solid #f17c2b;
transition: all 0.2s;
background: #f4f4f4;
font-weight: 600;
}
.hangup-call {
background: red !important;
border-color: red !important;
}
.hangup-icon {
transform: rotate(135deg);
color: #fff !important;
}
.bg-gray-content {
border-radius: 0 0 0 30px !important;
background: #f7f7f7;
}
.btn-file {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: 20px;
justify-content: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
overflow: hidden;
padding: 0 0.75rem;
position: relative;
vertical-align: middle;
}
.btn-file input {
cursor: pointer;
filter: alpha(opacity=0);
font-size: 23px;
height: 100%;
margin: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
}
/* Pagination style */
.pagination > li {
display: inline-block;
margin-left: 4px;
}
.pagination {
margin: 0;
float: right;
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
background: #f17c2b;
border-color: #f17c2b;
color: #fff !important;
}
.pagination > li > a,
.pagination > li > span {
position: relative;
float: none;
/* padding: 5px 12px; */
margin-left: -1px;
line-height: 20px;
color: #655f5f;
text-decoration: none;
background-color: #fff;
display: inline-block;
border-radius: 50%;
width: 33px;
height: 33px;
text-align: center;
line-height: 30px;
padding: 0;
border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination > li:last-child > a,
.pagination > li:last-child > span {
border-radius: 100px;
}
.blocks .form-check {
top: -11px;
left: -108px;
}
.offering-inner img {
width: 300px;
height: 176px;
}
.offering-inner .blocks-icons {
padding: 20px 15px;
border: 1px solid #ddd;
}
.offering-inner .blocks-icons h6 {
align-self: center;
margin: 0;
}
.mid-nav h5 img {
width: 20px;
/* margin-right: 20px; */
margin-right: 15px;
}
.participant-input input {
padding: 7px;
}
.btn-grey {
background-color: #6c757d;
color: #ffffff;
border: none;
}
.profile-inner-input .selection {
width: 100%;
}
/* */
.meeting-tabbing ul li {
/* width: 30%; */
width: 25%;
}
/* DATEPICKER STYLE */
/* .react-datepicker-wrapper{
display: block;
width: 100%;
height: calc(1.5em + .75rem + 2px);
padding: .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: .25rem;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
} */
.react-datepicker-wrapper input {
display: block;
width: 100%;
font-weight: 400;
line-height: 1.5;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: 0.25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
color: #333;
font-size: 15px;
min-height: 46px;
padding: 6px 15px;
}
.react-datepicker-wrapper {
width: 100%;
}
.doctor-setp-mid .select2-container--default .select2-selection--multiple {
width: 100% !important;
}
.doctor-setp-mid.ad-articipant span.selection {
width: 100% !important;
}
.doctor-setp-mid.ad-articipant
.select2-container--default
.select2-selection--multiple {
width: 100% !important;
}
.dialer-cust-modal {
width: 300px;
margin: 0 auto;
}
.dialer-cust-modal .modal-body {
padding: 0px;
}
h5.pl-2.active {
background: #f2f2f2;
border-right: 3px solid #f17c2b;
}
.currency-div {
width: 140px !important;
}
/* new calling modal css */
.ellipse-div {
background: #fff;
display: flex;
align-items: center;
/* justify-content: start; */
justify-content: center;
/* padding: 0px 10px; */
padding: 20px 0px;
border-radius: 25px;
margin-bottom: 20px;
flex-direction: column;
margin-bottom: 10px;
text-align: center;
}
.caller-img img {
height: 80px;
width: 80px;
border-radius: 50px;
margin-right: 10px;
}
.caller-details h2 {
font-size: 20px;
margin: 10px 0px 5px 0px;
font-weight: 600;
text-align: center;
color: #3c4858;
}
.caller-details .cl-name {
font-size: 16px;
line-height: 19px;
color: #2b4bf2;
margin-bottom: 5px;
font-weight: 500;
}
.caller-details .cl-no {
font-size: 22px;
margin: 10px 0px 5px 0px;
font-weight: 600;
text-align: center;
color: #3c4858;
/* font-weight: 600; */
}
.in-call-action-btn {
display: flex;
align-items: center;
justify-content: space-around;
padding: 5px 20px;
margin-bottom: 0px;
}
.in-call-action-btn a img {
width: 25px;
margin: 0px 15px;
}
.in-call-action-btn .btn-success {
background-color: #74a33e;
border-color: #74a33e;
border-radius: 50px;
font-size: 14px;
font-weight: normal;
}
.in-call-action-btn .btn-danger {
background-color: #d0021b;
border-color: #d0021b;
border-radius: 50px;
font-size: 14px;
font-weight: normal;
}
.caller-details .cl-comp-name {
font-size: 16px;
line-height: 17px;
margin-bottom: 2px;
color: #088992;
margin-top: 0px;
font-weight: 600;
}
.caller-details .cl-last-note {
font-size: 16px;
color: #6f8ba4;
/* width: 80%; */
}
/* new calling modal css end */
/* MODAL CSS */
.modal_call_popup .modal-dialog {
position: fixed;
right: 50px;
bottom: 50px;
}
.modal_call_popup .modal-content {
/* border-radius: 5px !important; */
border-radius: 25px !important;
/* border: 5px solid #ddd !important; */
border: none !important;
}
.call_window .dropup .dropdown-toggle::after {
display: none;
}
.call_window {
/* border-radius: 5px;
background: #fff;
width: 320px;
z-index: 8;
box-shadow: 0 0 15px #f17c2b;
padding-bottom: 20px; */
border-radius: 25px;
background: #b1d4ff;
/* width: 420px; */
width: 370px;
z-index: 8;
box-shadow: none;
/* padding: 15px; */
padding-bottom: 10px;
position: relative;
}
.call_window h4 {
background: #f17c2b;
color: #fff;
padding: 8px 10px;
margin-bottom: 30px;
margin-top: 0;
border-radius: 5px 5px 0 0;
}
.call_window input {
margin-bottom: 15px;
}
.call_window .btn {
margin-right: 10px;
}
.call_window .btn:hover {
color: #fff !important;
}
/* CALENDAR SETTINGS */
.fc-daygrid-event.fc-daygrid-dot-event.fc-event.fc-event-start.fc-event-end b,
.fc-event-main b {
margin-right: 5px;
}
.fc-daygrid-event-harness {
color: #fff;
border-color: rgb(55, 136, 216);
background-color: rgb(55, 136, 216);
}
/* BADGE COLORS */
.badge.badge-warning {
background-color: #fbe8be;
color: #d08600 !important;
}
.badge.badge-danger {
background-color: #ffc1c4;
color: #e41c25 !important;
}
.badge.badge-primary {
background-color: #d9e7f9;
color: #2376dc !important;
}
.badge.badge-info {
background-color: #bdf3fb;
color: #17b2ca !important;
}
.badge.badge-success {
/* background-color: #6cd884; */
background-color: #c5eacd;
color: #1fab3d !important;
}
.payment-method-bx.active {
border: 3px solid #172b4d;
}
/* My-Notes-css */
.list-search .form-group input {
background: #f9f9f9;
border: none;
}
.discover-listing img {
width: 20px;
}
.discover-inner .discover-listing h6 {
text-transform: capitalize;
}
.note-row {
font-size: 14px;
font-weight: 500;
margin-bottom: 0px;
color: #1e2022;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
width: 50%;
}
.discover-inner .tab-pane img {
width: 45px;
}
.btn-note {
border-radius: 9px;
padding: 9px 39px;
margin-top: 48px !important;
margin-bottom: 0 !important;
}
.discover-inner .notes-inner p {
box-shadow: 0px 3.68734px 20.4963px rgb(0 0 0 / 6%);
padding: 10px;
border-radius: 4px;
background: #fff;
}
.discover-inner .notes-inner p span:first-child {
width: 60%;
}
.discover-inner .notes-inner p img {
width: 50px;
}
.create-note .form-control span img {
width: 20px;
margin-right: 10px;
}
.create-note .form-control {
background: #f9f9f9;
border: none;
margin-bottom: 37px;
padding-bottom: 0;
}
.create-note .note-title {
/* height: calc(100vh - 286px); */
height: calc(100vh - 250px);
position: relative;
}
.start-meeting-btns .btn-orange {
background: #f17c2b;
color: #fff;
border-radius: 5px;
padding: 0.375rem 0.75rem;
font-size: 1rem;
min-width: auto;
}
.start-meeting-btns .btn-orange {
background: #f17c2b;
color: #fff;
border-radius: 5px;
padding: 0.375rem 0.75rem;
font-size: 1rem;
min-width: auto;
}
.join-meeting-modal .btn-orange.join-meeting-btn {
background: #f17c2b;
color: #fff;
border-radius: 5px;
padding: 0.375rem 0.75rem;
font-size: 1rem;
min-width: auto;
}
.create-note .note-title .form-group label {
font-size: 16px;
font-weight: 500;
margin-bottom: 8px;
color: #1e2022;
}
.create-note .note-title .form-control:focus {
box-shadow: none;
}
.create-note .note-title .form-group textarea {
background: transparent;
}
.create-note .note-title h6 {
font-size: 14px;
font-weight: 500;
margin-bottom: 0px;
color: #1e2022;
text-transform: capitalize;
}
.bottom-tabbing .tabbing-icons img {
width: 15px;
margin-right: 30px;
}
.message-chat-body {
background-color: #eee;
padding: 15px 15px;
border-radius: 8px;
}
.message-chat-body .msg-input.form-group {
border-radius: 8px;
}
.message-chat-body .chat-profile {
margin: 0px 0px 10px 0px;
}
.message-chat-body .mid-sec {
/* height: calc(100vh - 250px); */
height: calc(100vh - 280px);
overflow: auto;
margin-bottom: 15px;
}
.allrecent .tab-pane-scroll {
height: calc(100vh - 210px);
overflow-y: auto;
}
.allrecent .tab-pane-scroll.tab-pane-chat-scroll {
height: calc(100vh - 265px);
overflow-y: auto;
}
.planner-new .dropdown-toggle::after {
border-top: 0.3em solid !important;
border-right: 0.3em solid transparent !important;
border-bottom: 0 !important;
border-left: 0.3em solid transparent !important;
}
.planner-new .mid-sidebar {
margin-top: 15px;
}
.planner-direct-message .chat-messages h3.dir-num {
display: flex;
align-items: center;
justify-content: flex-start;
}
.chat-messages {
justify-content: space-between;
padding: 0px 10px;
position: relative;
}
.planner-chart-div {
margin-bottom: 15px;
}
.report-page-div.setting-profile.tab-pane-scroll {
height: calc(100vh - 70px);
}
.report-page-div.setting-profile .nxa-reports-tab .call-info-scroll {
height: 250px;
margin-bottom: 15px;
}
.right-side-wrapper .faq-section .faq.tab-pane-scroll .card {
min-height: auto;
margin-bottom: 10px;
background: #fff;
}
input:disabled[autocomplete] {
background-color: #e9ecef !important;
}
.pie-planner-chart h4 {
font-size: 24px;
margin-bottom: 15px;
}
.mid-nav
ul.direct-messge-ul
.planner-direct-message
.chat-messages
h3.dir-num
img {
margin-right: 10px;
}
/* */
.assign-div .call-back .btn-call-back {
position: relative;
}
.assign-div .call-back .btn-call-back::after {
display: none;
}
.assign-div .call-back .list-unstyled {
position: absolute;
top: -88px;
background: transparent;
border: 1px solid #ececec;
padding: 6px 0px;
width: 124px;
right: 23px;
margin-bottom: 0;
text-align: left;
}
.assign-div .call-back .list-unstyled li {
padding: 5px 10px;
}
.assign-div .call-back .list-unstyled li a {
color: #212529;
cursor: pointer;
}
.assign-div .call-back .list-unstyled li:hover {
background-color: #f0f5fb;
}
.assign-div .call-back .list-unstyled li:first-child {
border-bottom: 1px solid #f0f5fb;
}
.call-btn-collapse.collapse {
transition: none !important;
}
.call-btn-collapse.collapsing {
transition: none !important;
}
/* .call-btn-collapse li a{
border-bottom: 1px solid #f0f5fb;
padding: 5px 0px;
} */
/* */
.schedule-call img {
width: 50px;
}
.Assigned-Numbers-inner {
box-shadow: 0px 3.68734px 20.4963px rgb(0 0 0 / 6%);
padding: 10px;
border-radius: 4px;
}
.Assigned-Numbers-inner .notes-inner img {
width: 50px;
}
.notes-inner.notes-inner-2.tab-pane-scroll {
height: calc(100vh - 220px);
}
.add-note-btn .btn-note {
border-radius: 9px;
padding: 8px 24px;
margin-top: 20px !important;
margin-bottom: 0 !important;
min-width: auto;
font-size: 16px;
}
.Assigned-Numbers.tab-pane-scroll {
overflow-x: hidden;
}
.Assigned-Numbers-inner .text-end {
text-align: end;
}
.Assigned-Numbers-inner .Assigned-text {
margin-bottom: 0;
}
.active-sidebar {
background: #f2f2f2;
border-right: 3px solid #f17c2b;
}
.ongoing-call {
align-self: center;
background: #17cd68;
padding: 2px 20px;
border-radius: 28px;
color: #fff;
}
.webphone-btns {
cursor: pointer;
}
.call-info-scroll {
/* height: calc(100vh - 145px); */
height: calc(100vh - 203px);
overflow-y: auto;
}
.chat-contacts-scroll {
height: calc(100vh - 330px);
overflow-y: auto;
}
.page-pagination {
display: flex;
align-items: center;
justify-content: space-between;
/* background: #FAFAFA; */
background: #eeeeee;
padding: 10px 15px;
}
.page-pagination .row-per-page {
display: flex;
align-items: center;
justify-content: flex-start;
width: 40%;
}
.page-pagination .row-per-page span {
margin-right: 10px;
color: #808080;
}
.page-pagination .row-per-page .form-control {
width: 55px;
padding: 0px;
min-height: auto;
border: none;
color: #808080;
background-color: transparent;
}
.page-pagination .row-per-page .form-control:focus {
outline: none;
box-shadow: none;
}
.page-pagination .page-arrow span {
margin-right: 10px;
color: #808080;
}
.page-pagination .page-arrow a {
margin: 0px 10px;
color: #808080 !important;
}
.nexa-header .nav-item .header-dial-ico img {
width: 16px;
}
.business_graph rect {
fill: transparent;
}
.business_graph {
position: absolute;
top: 0px;
}
.notification-main .tab-pane-scroll {
overflow-x: hidden;
}
.notification-main .meeting-time {
flex-direction: column;
justify-content: space-around;
}
.notification-main .meeting-time span:first-child {
padding-bottom: 13px;
}
time-meeting-right {
align-self: center;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding: 16px 0px;
}
/* Home_page */
.top-bar {
text-align: center;
background: #ea7414;
border-radius: 0 0 15px 0px;
/* display: flex;
justify-content: center; */
padding: 8px 0;
/* align-items: center; */
}
.top-bar-inner {
display: flex;
justify-content: center;
align-items: center;
}
.btn-read-about {
border-radius: 50px;
padding: 6px 12px;
border: none;
background: #fff;
color: #646464;
font-weight: 700;
}
.home-page {
background: #f5f5f5;
}
.home-page h1 {
font-weight: 700;
color: #000 !important;
/* font-size: 40px; */
font-size: 36px;
line-height: 42px;
}
.home-page h2 {
font-weight: 700;
color: #000 !important;
font-size: 36px;
}
.home-page h6 {
color: #000 !important;
line-height: 25px;
font-size: 14px;
font-weight: bold;
}
.home-page h6.start-up-head {
color: #000 !important;
line-height: 27px;
font-size: 18px;
font-weight: bold;
}
.home-page .pricing-price h6.start-up-head {
color: #000 !important;
line-height: 27px;
font-size: 18px;
font-weight: bold;
}
.home-page .header {
/* background: #eeeff3; */
padding: 0px 0;
}
.product-header-bg {
background: #eeeff3;
/* background: #f5f5f5; */
}
.Pricing-header-bg {
background: #f5f5f5;
}
.product-header-bg .nxa-outer-header .navbar-expand-lg .navbar-nav .nav-link {
font-family: "sf_ui_textmedium";
font-weight: normal;
}
.home-page .header-inner .navbar-brand img {
width: 100%;
}
.home-page .navigation li a {
font-weight: 500;
margin-left: 30px !important;
font-size: 13px;
height: 100%;
color: #393f4e;
font-size: 16px;
text-transform: capitalize !important;
}
.home-page .navigation li a:hover,
.home-page .navigation li a:focus,
.home-page .navigation li.active a {
color: #fff;
background: #f04037;
border-radius: 5px;
transition: all 0.5s;
cursor: pointer;
}
.home-page .navigation-banner li a {
font-weight: 800;
margin-right: 30px !important;
font-size: 13px;
height: 100%;
color: #393f4e;
font-size: 16px;
text-transform: capitalize !important;
}
.home-page .navigation-banner li a.active {
border-radius: 16px 0;
background: #f17c2b;
color: #fff;
transition: all 0.5s;
cursor: pointer !important;
}
.home-page .navigation-banner li a:hover {
border-radius: 16px 0;
background: #f17c2b;
color: #fff;
transition: all 0.5s;
cursor: pointer !important;
}
.home-page .navigation li a.see-pricing-btn {
color: #fff !important;
background: #f04037;
border-radius: 5px;
transition: all 0.5s;
cursor: pointer;
}
.home-page .navigation-banner .dropdown .dropdown-menu .dropdown-item {
font-family: "sf_ui_textmedium";
font-weight: 500;
margin-right: 30px !important;
height: 100%;
font-size: 16px;
text-transform: capitalize !important;
padding: 9px 12px;
border-bottom: 1px solid #F0F5FB;
color: #212529 !important;
}
.home-page .navigation-banner .dropdown .dropdown-menu .dropdown-item:hover {
border-radius: 0px;
color: #fff;
}
.home-page .navigation-banner .dropdown .dropdown-menu .dropdown-item:focus,
.home-page .navigation-banner .dropdown .dropdown-menu .dropdown-item:active {
border-radius: 0px;
background-color: transparent;
}
.home-page .navbar-expand-lg .navbar-nav .dropdown .dropdown-menu {
z-index: 99999;
border: none;
padding: 5px 5px;
}
.home-page .banner-inner .banner-btn {
margin: 16px 0px;
}
.home-page .banner-inner .dwn-app-text {
margin-bottom: 16px;
}
.home-page .banner-inner h1 {
color: #000;
/* font-size: 43px; */
font-size: 36px;
/* line-height: 42px; */
line-height: 49px;
}
.home-page .banner-inner h5 {
/* color: #6968A7 !important; */
color: #77838f !important;
font-size: 16px;
margin-top: 20px;
line-height: 25px;
}
.home-page .orange-radius.active {
color: #fff !important;
background: #f17c2b;
border-radius: 16px 0;
border-color: #f17c2b;
/* font-weight: bold; */
font-weight: normal;
font-family: "sf_ui_textmedium";
}
.home-page .banner-inner .orange-radius:hover {
border-radius: 16px 0;
background: #f17c2b;
color: #fff;
}
.home-page .orange-radius {
background: transparent;
color: #f39c12;
border: 2px solid #f17c2b;
/* font-weight: bold; */
font-weight: normal;
font-family: "sf_ui_textmedium";
border-radius: 16px 0;
}
.banner-btn .watch-video-link {
display: flex;
align-items: center;
justify-content: center;
margin-right: 18px;
color: #5454d4;
font-family: "sf_ui_textmedium";
line-height: 40px;
}
.home-page .download-img img {
width: 150px;
}
.home-page .video-link a {
color: #5454d4;
font-weight: bold;
}
.home-page .dwn-app-text span {
color: #5454d4;
font-weight: 500;
text-decoration: none;
font-size: 16px;
}
.home-page .banner-right {
position: relative;
}
.home-page .banner-right img {
position: absolute;
left: auto;
top: 40px;
right: -75px;
width: 100%;
}
.home-page .banner-after-img {
position: relative;
background: #eeeff3;
border-radius: 0px 0px 0px 129px;
/* padding: 83px 0px 10px 0px; */
padding: 83px 0px 60px 0px;
overflow: hidden;
}
.home-page .banner-right:after {
content: "";
width: 150px;
height: 150px;
position: absolute;
/* background: url(../images/Rectangle.png) left top no-repeat; */
/* right: 0px;
bottom: -129px; */
left: 35px;
/* left: 85px; */
bottom: -155px;
background-size: 100% 100%;
}
.home-page .banner-right:before {
content: "";
width: 150px;
height: 150px;
position: absolute;
background: url(../images/Rectangle42.png) left top no-repeat;
/* right: -55px;
bottom: -185px; */
/* right: -60px; */
right: -130px;
bottom: -255px;
background-size: 100% 100%;
}
.btn-about {
background-color: #fff;
padding: 6px 12px;
font-size: 18px;
color: #646464 !important;
border-radius: 50px;
margin-left: 10px;
}
.btn-chat {
background-color: #ea7414;
padding: 6px 12px;
font-size: 16px;
color: #fff;
border-radius: 50px;
z-index: 999;
/* font-weight: bold; */
font-weight: normal;
margin-right: -25px;
}
.btn-chat:hover {
color: #fff;
}
.btn-chat img {
width: 22px;
margin-right: 5px;
}
.color-4848 {
color: #484848;
}
.font-bold {
font-weight: bold;
}
.banner-bottom-content {
min-height: 205px;
display: flex;
flex-direction: column;
justify-content: flex-end;
text-align: center;
}
.font-22 {
font-size: 22px;
}
.font-24 {
font-size: 24px;
}
.font-25 {
font-size: 25px !important;
}
.font-26 {
font-size: 26px;
}
.font-21 {
font-size: 21px !important;
}
.mt--78 {
margin-top: -78px;
}
.mr-60 {
margin-right: 60px;
}
.mt-27 {
margin-top: 27px;
}
.font-20 {
font-size: 20px;
}
.color-293F {
color: #1d293f !important;
}
.home-page .sec1 {
padding: 60px 0;
position: relative;
}
/* .home-page .sec1:after {
content: "";
width: 150px;
height: 150px;
position: absolute;
background: url(../images/Rectangle43.png) left top no-repeat;
right: 60px;
bottom: 59px;
background-size: 100% 100%;
z-index: 1;
}
.home-page .sec1:before {
content: "";
width: 150px;
height: 150px;
position: absolute;
background: url(../images/Rectangle45.png) left top no-repeat;
right: 0;
bottom: -10px;
background-size: 100% 100%;
z-index: 99;
} */
.home-page .sec1-left {
background: #ffff;
padding: 26px;
border-radius: 50px 0;
margin-right: 20px;
}
.fw-700 {
font-weight: 700;
}
.home-page .sec1-left img {
background: #ffbe82;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
font-size: 20px;
border-radius: 50px;
margin-bottom: 35px;
padding: 13px;
}
.home-page .sec1-left.bg-orange h6 {
font-weight: 500;
color: #fff !important;
font-size: 14px;
line-height: 27px;
}
.home-page .sec1-left.bg-orange p {
color: #fff;
font-size: 10px;
}
.home-page .sec1-left p {
color: #000;
}
.home-page .mt130 {
margin-top: 130px;
}
.home-page .sec1-right h5 {
color: #000;
/* font-size: 21px;
line-height: 29px; */
font-weight: 400 !important;
font-size: 18px;
line-height: 32px;
}
.about-banner h3 {
color: #000;
font-size: 36px;
line-height: 42px;
}
.home-page .sec1-right h1 {
/* font-size: 40px; */
font-size: 36px;
line-height: 42px;
color: #000;
}
.home-page .sec-company {
padding: 60px 0;
min-height: auto;
margin-bottom: 50px;
}
.home-page .sec-company:after {
content: "";
width: 150px;
height: 150px;
position: absolute;
/* background: url(../images/Rectangle.png) left top no-repeat; */
left: -80px;
bottom: -129px;
background-size: 100% 100%;
}
.home-page .sec-small-bussiness {
padding: 60px 0;
}
.home-page .sec-small-bussiness p {
text-align: center;
line-height: 30px;
/* font-weight: 600; */
}
.home-page .grey-scale-client .company-logo img {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
-ms-filter: grayscale(100%);
filter: grayscale(100%);
transition: all 0.5s;
cursor: pointer;
}
.home-page .grey-scale-client .company-logo img:hover {
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-o-filter: grayscale(0%);
-ms-filter: grayscale(0%);
filter: grayscale(0%);
transition: all 0.5s;
}
.home-page .company-logo img {
/* width: 100%;
padding: 25px; */
width: 80%;
padding: 5px 15px;
margin: 0 auto;
height: 110px;
overflow: hidden;
object-fit: contain;
/* width: 70%;
padding: 15px;
margin: 0 auto; */
}
.company-logo {
width: 20%;
}
.home-page .small-bussiness-box {
background: #fff;
border-radius: 0px 50px;
/* padding: 20px 16px;
min-height: 360px; */
padding: 15px 15px;
/* min-height: 290px; */
min-height: 270px;
}
.home-page .small-bussiness-box img {
width: 70px;
}
.home-page .small-bussiness-box h6 {
color: #000;
font-weight: 700;
font-size: 14px;
margin-top: 10px;
line-height: 23px;
}
.home-page .small-bussiness-box p {
color: #000;
font-size: 14px;
font-weight: 400;
line-height: 23px;
}
.bussiness-box-btn .btn-signup:hover {
color: #f39c12;
}
.bussiness-box-btn .btn-signup.active {
background: #f39c12;
color: #fff;
}
.bussiness-box-btn .btn-signup {
background: transparent;
color: #f39c12;
border: 2px solid #f17c2b;
/* font-weight: bold; */
/* font-size: 8px; */
font-size: 11px;
border-radius: 16px 0;
padding: 6px 8px;
font-weight: normal;
}
/* .home-page .slide-sec .carousel-inner {
padding-bottom: 160px;
} */
.home-page .slide-sec .carousel-inner .carousel-item {
height: auto;
}
.home-page .slide-sec .carousel-control-prev,
.home-page .slide-sec .carousel-control-next {
display: none;
}
.home-page .slide-sec .carousel-indicators {
bottom: -125px;
}
.home-page .slide-sec .carousel-indicators li {
border-radius: 102px;
width: 15px;
height: 15px;
border: 1px solid #ddd;
background: #d3d3d3;
}
.home-page .slide-sec .carousel-indicators .active {
background: #f5c6b6;
}
.home-page .after-img {
position: relative;
padding: 60px 0 130px;
}
.home-page .after-img:after {
content: "";
width: 150px;
height: 150px;
position: absolute;
background: url(../images/Rectangle43.png) left top no-repeat;
left: -13px;
top: 32px;
background-size: 100% 100%;
z-index: 1;
}
.home-page .after-img:before {
content: "";
width: 150px;
height: 90px;
position: absolute;
background: url(../images/smallRectangle.png) left top no-repeat;
left: 40px;
top: 104px;
background-size: 100% 100%;
z-index: 99;
}
.home-page .customer-sec.our-product.after-img:before {
content: "";
width: 150px;
/* height: 90px; */
height: 150px;
position: absolute;
/* background: url(../images/smallRectangle.png) left top no-repeat; */
/* left: 40px;
top: 0px; */
left: 30px;
top: -80px;
background-size: 100% 100%;
z-index: 99;
}
.home-page .why-nxatel-section:before {
content: "";
width: 150px;
/* height: 90px; */
height: 150px;
position: absolute;
background: url(../images/smallRectangle.png) left top no-repeat;
/* left: 40px;
top: 0px; */
left: 30px;
top: -80px;
background-size: 100% 100%;
z-index: 99;
}
.slider_sec {
padding: 60px 0;
}
.home-page .slide2-sec {
padding: 60px 0;
margin-top: 100px;
background: linear-gradient(100deg, #fff, #d7d7d7);
border-radius: 0 100px;
min-height: auto;
}
.home-page .slide2-sec .carousel-item h6 {
line-height: 25px;
font-weight: 600;
}
.home-page .slide2-sec .carousel-indicators {
bottom: -45px !important;
}
.home-page .slide2-sec .carousel-inner {
padding-bottom: 0px;
}
.home-page .slide2-sec .carousel-control-prev,
.home-page .slide2-sec .carousel-control-next {
display: none;
}
.home-page .slide2-sec .carousel-indicators {
bottom: -76px;
}
.home-page .slide2-sec .carousel-indicators li {
border-radius: 102px;
width: 15px;
height: 15px;
border: 1px solid #ddd;
background: #d3d3d3;
}
.home-page .slide2-sec .carousel-indicators .active {
background: #f5c6b6;
}
.home-page .services-sec {
padding: 60px 0;
}
.home-page .services-sec h2 {
text-align: start;
font-size: 36px;
line-height: 42px;
}
.or {
position: relative;
display: flex;
justify-content: center;
width: 100%;
margin: 0 10px;
}
.or-2 {
margin: 0px 0px !important;
}
.or-2 .w-100 {
width: 65% !important;
border-top: 1px solid #9c9c9c;
}
.row-google-btn {
margin: 0px -5px !important;
}
.or-inner {
position: absolute;
background: #fff;
display: flex;
padding: 5px 10px;
justify-content: center;
margin: 0 20px;
}
.color-696871 {
color: #696871;
}
.as-seen-on {
border-radius: 0 100px;
background: #fff;
margin-top: 50px;
}
.Seen-as {
/* width: 25%; */
width: 15%;
}
.home-page .Seen-as.company-logo img {
width: 200px;
}
.Seen-as img {
width: 200px;
}
/* .services-right-box{background: #c4c4c4;border-radius: 0px 50px;} */
.services-right-box img {
width: 100%;
}
.services-right-box img.PhoneInputCountryIconImg {
height: 26px;
width: 26px;
overflow: hidden;
object-fit: cover;
border-radius: 50px;
margin-top: -3px;
}
.services-right-box.sign-right-part.sign-up-form-page img.PhoneInputCountryIconImg {
margin-top: 0px;
}
.Zoho-Demo .services-right-box .PhoneInput input {
left: 35px;
height: 43px;
width: 85%;
}
.services-right-box {
background: #fff;
border-radius: 0 100px;
padding: 25px 25px 25px;
}
.services-right-box input, .services-right-box select {
border-radius: 5px !important;
}
.services-right-box .btn-orange {
background: #e2784a !important;
/* font-weight: 700; */
font-weight: 400;
text-transform: uppercase;
}
.services-right-box .social-btn {
border: 1px solid #9c9c9c;
border-radius: 5px;
padding: 4px 4px;
color: #9c9c9c !important;
/* font-size: 12px; */
font-size: 11px;
}
.services-right-box .social-btn img {
width: 20px;
margin-right: 8px;
}
.agree-terms-home {
color: #000;
}
.terms a {
color: #e2784a !important;
cursor: pointer;
}
.color-33 {
color: #333333 !important;
}
.color-3b {
color: #3b3b3b !important;
}
.color2F4B {
color: #1c2f4b;
}
.w-15 {
width: 15%;
}
.w-20 {
width: 20%;
}
.home-page .customer-sec {
padding: 60px 0;
}
.home-page .customer-sec:after {
content: "";
width: 150px;
height: 150px;
position: absolute;
/* background: url(../images/Rectangle43.png) left top no-repeat; */
/* left: -13px;
top: -75px; */
left: -30px;
top: -140px;
background-size: 100% 100%;
z-index: 1;
}
.home-page .why-nxatel-section:after {
content: "";
width: 150px;
height: 150px;
position: absolute;
background: url(../images/Rectangle43.png) left top no-repeat;
/* left: -13px;
top: -75px; */
left: -30px;
top: -140px;
background-size: 100% 100%;
z-index: 1;
}
.home-page .customer-box {
background: #fff;
border-radius: 18px 62px 0 50px;
min-height: 375px;
/* min-height: 405px; */
}
.customer-inner {
border-radius: 18px 62px 0 50px;
/* min-height: 275px; */
/* min-height: 260px; */
min-height: 235px;
}
.product-img1 img {
width: 100%;
padding: 45px 5px;
}
.product-img2 img {
width: 100%;
padding: 32px 0px;
padding-bottom: 0px;
}
.product-img3 img {
width: 100%;
padding: 0 0px 0px 34px;
}
.product-img4 img {
width: 100%;
/* padding: 25px; */
padding: 38px 25px 0px 38px;
}
/* .customer-sec:nth-child(1) .customer-box .customer-inner img {
padding: 45px 5px;
} */
/* .customer-sec .product-img1:nth-child(1) .customer-inner img {
padding: 45px 5px;
}
.customer-sec .product-img:nth-child(2) .customer-inner img {
padding: 32px 0px;
}
.customer-sec .product-img:nth-child(3) .customer-inner img {
padding: 32px 0px;
} */
/* .home-page .customer-sec .customer-box img {
width: 100% !important;
height: auto !important;
} */
.home-page .customer-sec .customer-box h6 {
padding: 17px 17px 2px;
font-size: 20px;
line-height: 25px;
margin-bottom: 0px;
}
.home-page .customer-sec .customer-box p {
font-size: 13px;
padding: 0 20px 20px 20px;
color: #000;
}
.home-page .download-btn-sec {
padding: 60px 0;
background: linear-gradient(45deg, #fff, #f8ebff);
border-radius: 0 50px;
}
.home-page .download-btn-sec .orange-radius {
background-color: #fd875e;
}
.home-page .download-inner img {
width: 100%;
}
.home-page .footer-sec {
padding: 60px 0 50px;
background: #f5f5f5 !important;
position: relative;
}
.home-page .footer-nav li {
list-style: none;
padding: 2px 0;
}
.home-page .footer-nav li a:hover {
text-decoration: none;
color: #f17c2b !important;
cursor: pointer;
}
.home-page .footer-nav li a {
color: #000 !important;
font-size: 12px;
font-weight: normal !important;
}
.home-page .footer-sec .bottom-nav li a {
padding: 0 12px;
font-weight: bold;
color: #000;
}
.home-page .footer-sec .bottom-nav li a:hover {
text-decoration: none;
color: #f17c2b;
}
.home-page .social-bottom li a:hover {
text-decoration: none;
}
.home-page .social-bottom li a {
border: 1px solid #000;
margin: 0px 5px;
border-radius: 50px;
width: 35px;
height: 35px;
line-height: 35px;
display: inline-block;
text-align: center;
color: #000;
font-weight: 700;
font-size: 16px;
}
.home-page .footer-sec h6 {
margin-bottom: 0;
color: #000 !important;
font-size: 16px;
font-weight: 700;
}
.home-page .footer-sec:after {
content: "";
width: 100px;
height: 100px;
position: absolute;
background: url(../images/Rectangle43.png) left top no-repeat;
right: 72px;
top: -58px;
background-size: 100% 100%;
z-index: 1;
}
.home-page .footer-sec:before {
content: "";
width: 130px;
height: 150px;
position: absolute;
background: url(../images/footerRectangle.png) left top no-repeat;
right: 0px;
top: -30px;
background-size: 100% 100%;
z-index: 99;
}
/* ------ */
.about-nexa-footer {
padding-left: 20px;
}
.footer-emial-input-div {
display: flex;
align-items: center;
justify-content: flex-start;
}
.footer-emial-input-div .form-control {
background: #d8d8d8;
border: none;
min-height: 40px;
padding: 10px 10px !important;
border-radius: 6px;
}
.footer-emial-input-div .sign-up-now-footer {
background: #ea7414;
border-radius: 50px;
padding: 10px 10px;
min-width: 110px;
font-size: 14px;
color: #fff;
margin-left: 6px;
cursor: pointer;
}
.footer-emial-input-div .sign-up-now-footer:hover {
color: #fff;
}
.about-nexa-footer .footer-logo img {
width: 120px;
margin-bottom: 10px;
}
.about-nexa-footer p {
color: #474a57;
line-height: 23px;
margin-bottom: 10px;
}
.about-nexa-footer h3 {
font-size: 24px;
color: #1d293f;
}
/* .home-page .slide-sec .carousel-inner {
padding-bottom: 306px;
} */
@media only screen and (max-width: 812px) {
.banner-right:afte {
right: -18px;
bottom: -200px;
}
.banner-right:before {
right: -33px;
bottom: -259px;
}
.banner-right img {
left: -25px;
top: 99px;
/* z-index: 99; */
z-index: 7;
}
.small-bussiness-box {
margin-bottom: 10px;
}
.customer-box {
border-radius: 18px 83px 0 50px;
}
}
@media only screen and (min-width: 667px) and (max-width: 1024px) {
.home-page .navbar-toggler {
display: block;
}
.home-page .navbar-nav {
padding: 29px 11px;
background: #eeeff3;
}
.home-page .bottom-nav {
margin: 10px 0;
}
}
@media (min-width: 1920px) {
.container {
/* max-width: 90%; */
}
}
/* */
.porting-box {
background: #ec4a4b;
border-radius: 18px;
width: 250px;
height: 180px;
margin-right: 15px;
}
.porting-box.porting-box-rica {
width: 180px;
}
.porting-box.porting-box-rica-address {
width: 180px;
display: -webkit-inline-box;
}
.take-selfie-text {
width: 65%;
display: inline-block;
}
.rica-process-div {
background: #d8d8d8;
width: 270px;
padding: 20px 20px;
margin-top: 30px;
border-radius: 5px;
margin-bottom: 30px;
min-height: 375px;
position: relative;
}
.rica-process-div.image-captured {
min-height: 320px;
margin-bottom: 10px;
}
.rica-process-div.image-captured.upload-rica-image {
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.rica-process-div.image-captured.upload-rica-image img {
height: 250px;
overflow: hidden;
object-fit: cover;
}
.rica-process-div.image-captured.upload-rica-image .btn.btn-orange.address {
position: absolute;
z-index: 99;
right: 22px;
bottom: 3px;
padding: 4px 12px;
min-width: auto;
font-size: 14px;
}
/* .form-group.self-e-btn{
width: 270px;
} */
.form-group.self-e-btn {
width: 418px !important;
}
.form-group.self-e-btn .btn.address {
padding: 8px 9px;
font-size: 15px;
}
/* .react-html5-camera-photo video {
width: 100%;
} */
.react-html5-camera-photo > img,
.react-html5-camera-photo > video {
width: auto !important;
height: 270px !important;
}
.rica-process-div #inner-circle {
top: 26px !important;
background: #404040 !important;
}
.rica-process-div #outer-circle {
height: 58px !important;
width: 58px !important;
top: 105px !important;
background-color: transparent !important;
border: 3px solid #404040;
}
.rica-process-div #container-circles {
left: 54%;
}
.rica-process-div.rica-process-address-form {
width: 100%;
background: transparent;
/* width: 90%; */
padding: auto;
margin-top: auto;
border-radius: 0px;
margin-bottom: auto;
min-height: auto;
}
.porting-box img {
width: 50px;
margin-bottom: 15px;
}
.tick-box {
background: #57b52b;
border-radius: 18px;
width: 180px;
height: 180px;
margin-right: 15px;
}
.take-selfie-text {
display: flex;
align-items: end;
justify-content: center;
flex-direction: column;
}
.take-selfie-text h5 {
color: #3b566e;
font-size: 20px;
line-height: 29px;
}
.take-selfie-text li {
color: #3b566e;
font-size: 15px;
list-style-type: decimal;
line-height: 27px;
}
.start-verification {
padding: 5px 20px;
color: #fff;
border-radius: 8px;
background: #457afe;
border: 1px solid #457afe;
font-size: 15px;
width: auto;
display: block;
}
.tick-box img {
width: 50px;
margin-bottom: 15px;
}
.top-right::after {
content: "";
height: 4px;
position: absolute;
background: #ffcc00;
width: 30px;
right: 18px;
top: 16px;
}
.top-right::before {
content: "";
height: 30px;
position: absolute;
background: #ffcc00;
width: 4px;
right: 18px;
top: 18px;
}
.top-left::after {
content: "";
height: 4px;
position: absolute;
background: #ffcc00;
width: 30px;
left: 20px;
top: 16px;
}
.top-left::before {
content: "";
height: 30px;
position: absolute;
background: #ffcc00;
width: 4px;
left: 17px;
top: 16px;
}
.bottom-left::after {
content: "";
height: 4px;
position: absolute;
background: #ffcc00;
width: 30px;
left: 20px;
bottom: 81px;
}
.bottom-left::before {
content: "";
height: 30px;
position: absolute;
background: #ffcc00;
width: 4px;
left: 17px;
bottom: 81px;
}
.bottom-right::after {
content: "";
height: 4px;
position: absolute;
background: #ffcc00;
width: 30px;
right: 20px;
bottom: 81px;
}
.bottom-right::before {
content: "";
height: 30px;
position: absolute;
background: #ffcc00;
width: 4px;
right: 18px;
bottom: 81px;
}
.flash-rica {
position: absolute;
bottom: 25px;
right: 25px;
}
.flash-rica img {
width: 25px;
}
.img-upload-rica {
position: absolute;
bottom: 25px;
left: 25px;
}
.img-upload-ricaa img {
width: 25px;
}
.dashboard-inner-div .dash-bord-box {
border-radius: 20px;
min-height: 170px;
}
.dashboard-inner-div .dash-bord-box h6 {
text-transform: capitalize;
font-size: 16px;
line-height: 18px;
margin-top: 10px;
}
.dashboard-inner-div .dash-bord-box img {
width: 50px;
}
.dashboard-inner-div {
padding: 40px 40px;
}
.dashboard-inner-div h2 {
text-align: left;
margin-bottom: 15px;
font-size: 42px;
}
.dash-board-img-div h4 {
font-size: 20px;
margin-bottom: 15px;
}
.dash-board-img-div {
padding: 40px 0px 20px 0px;
}
.dwn-app-div h5 {
font-size: 20px;
margin-bottom: 5px;
color: #f17c2b;
}
.dwn-app-div p {
font-size: 14px;
color: #3c4858;
line-height: 15px;
margin-bottom: 10px;
}
.dwn-app-div a img {
width: 130px;
margin-right: 5px;
}
.lh-17 {
line-height: 17px;
}
.porting-inner .btn-new-sign {
padding: 5px 20px;
width: auto;
font-weight: normal;
}
.porting-inner h1 {
text-align: center;
font-family: "sf_ui_textsemibold";
font-size: 36px;
}
.porting-inner.porting-process h1 {
text-align: center;
font-family: "sf_ui_textsemibold";
font-size: 36px;
}
.porting-inner.porting-process p {
text-align: center;
width: 85%;
margin-left: auto;
margin-right: auto;
color: #3b566e;
}
.google-process-input {
position: relative;
}
.google-process-input img {
position: absolute;
top: 42px;
right: 12px;
width: 20px;
}
.btn-new-sign {
/* font-weight: 600;
padding: 5px 42px;
color: #fff;
border-radius: 8px;
background: #457afe;
border: 1px solid #457afe;
font-size: 15px;
min-width: 100px; */
padding: 5px 20px;
/* padding: 5px 30px; */
color: #fff;
border-radius: 8px;
background: #457afe;
border: 1px solid #457afe;
font-size: 15px;
width: 100%;
display: block;
}
.modal-xl {
width: "1600px";
height: "900px";
}
.validation-handler .srv-validation-message {
text-align: center !important;
}
.dailer-key .number-dropdown .call-from {
display: flex;
align-items: center;
line-height: 16px;
margin-right: 5px;
}
.back-arrow-dial {
color: #fff !important;
}
.pay-card-box .active {
border: 3px solid #f17c2b;
}
.label-name {
display: inline-block;
background: transparent;
padding: 5px;
border-radius: 5px;
height: 40px;
width: 40px;
text-align: center;
border: 2px solid #172b4d;
color: #172b4d;
margin-right: 10px;
font-family: "sf_ui_textsemibold";
}
.all-message-email-row .call-type-img .label-name {
align-items: center;
justify-content: center;
display: flex;
}
.choose-back-btn {
margin-bottom: 20px;
padding: 0px 20px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.world-class-div {
padding: 10px 10px;
}
.home-page .compliance-section .world-class-div h3 {
font-size: 15px;
}
.world-class-div .word-cls-left {
width: 110px;
}
.world-class-div .word-cls-left img {
width: 90px;
}
.world-class-div .word-cls-right {
width: calc(100% - 110px);
}
.word-class-box-div {
padding: 10px 10px;
}
.word-class-box-div .compliance-inner-div .compliance-inner-right {
width: 80px;
}
.word-class-box-div .compliance-inner-div .compliance-inner-right img {
width: 60px;
}
.word-class-box-div .compliance-inner-div .compliance-inner-left {
width: calc(100% - 80px);
}
.word-class-box-div .compliance-inner-div .compliance-inner-left h4 {
font-size: 20px;
line-height: 27px;
margin-bottom: 10px;
}
.word-class-box-div .compliance-inner-div .compliance-inner-left p {
font-size: 15px;
line-height: 23px;
}
.word-class-box-div {
margin-top: 30px;
}
.product-message-banner:after {
left: -100px;
bottom: -10px;
}
.product-message-banner:before {
bottom: 0px;
}
.product-message-banner {
padding-bottom: 0px;
padding-top: 60px;
}
.product-message-teamwork .product-message-teamwork-left {
padding-right: 0px;
}
.product-message-teamwork .product-message-teamwork-right img {
width: 100%;
}
.btn-center-home .link-blue {
font-size: 12px;
}
.product-message-teamwork {
padding-bottom: 0px;
}
/* -------- */
.why-use-nxameet-bx-div .why-use-nxameet-box-inner p {
font-size: 14px;
line-height: 21px;
}
.why-use-nxameet-bx-div .why-use-nxameet-box-inner h4 {
font-size: 16px;
line-height: 21px;
}
.complete-communction-system .complete-communction-system-left .make-dreamer-video-box {
width: 100%;
margin-left: 0px;
}
.complete-communction-system .complete-communction-system-left img {
width: 260px;
}
.product-meet-banner {
padding-bottom: 0px;
padding-top: 60px;
}
.why-use-nxa-meet {
padding-bottom: 0px;
}
.complete-communction-system {
padding-bottom: 0px;
}
.product-meet-banner img {
width: 100%;
}
/* ----- */
.home-page .footer-sec:after {
right: 18px;
top: -80px;
}
.home-page .footer-sec:before {
right: -35px;
top: -100px;
}
.work-anywhere-together {
padding-bottom: 0px;
}
.nxatel-free-seven-days .nxatel-free-seven-days-right h3 {
font-size: 30px;
margin-top: 25px;
}
.nxatel-free-seven-days .nxatel-free-seven-days-right p {
font-size: 14px;
margin-top: 0px !important;
}
.nxatel-free-seven-days .nxatel-free-seven-days-right {
padding-left: 0;
}
.card.fq-card-anywhere .card-header {
min-height: 80px;
}
.work-anywhere-together h3 {
font-size: 18px;
line-height: 24px;
width: 100%;
}
.work-anywhere-box-div {
padding: 20px 0px;
}
.complete-communction-system .complete-communction-system-right h4 {
font-size: 18px;
line-height: 24px;
margin-bottom: 0px;
}
.hybrid-work-section .hybrid-work-sec-left img {
width: 90%;
margin-top: 35px;
}
.complete-communction-system .complete-communction-system-right {
width: 100%;
}
.complete-communction-system .complete-communction-system-right p {
font-size: 14px;
margin-bottom: 10px;
}
.hybrid-work-section .hybrid-work-sec-right p {
font-size: 14px;
margin-top: 5px;
margin-bottom: 0px;
}
.hybrid-work-section h5 {
margin-bottom: 30px;
width: 100%;
}
.buisness-cloud-banner {
padding-bottom:0px;
padding-top: 60px;
}
.buisness-cloud-banner .buisness-cloud-banner-text p {
margin-top: 0px;
}
.buisness-cloud-banner .buisness-cloud-banner-text h3 {
margin: 20px auto;
}
.buisness-cloud-banner::after {
right: -110px;
}
.buisness-cloud-banner .buisness-cloud-banner-img img {
margin-right: 0;
}
.pricing-page .btn-secondary {
padding: 3px 10px !important;
font-size: 13px !important;
}
.sign-up-faq-partner-logo {
overflow-x: auto;
}
.buisness-comm-bx-div .buisness-comm-sys .buisness-comm-sys-cir img {
height: 16px;
}
.home-page .compliance-section {
padding-bottom: 0px;
}
.home-page .sec-small-bussiness {
padding-bottom: 0px;
}
.home-page .why-nxatel-section {
padding-bottom: 0px;
}
.home-page .services-sec {
padding-bottom: 20px;
}
.compliance-inner-div .compliance-inner-right img {
width: 90%;
margin: 0;
margin-left: auto;
}
/* ---- */
.company-logo-main.mt-5 {
margin-top: 0px;
}
ul.get-your-buisess-phone-ul li {
line-height: 17px;
font-size: 14px;
}
.banner-right img {
z-index: 7;
}
.home-page .navbar-nav {
background: #fff;
z-index: 9999;
border-radius: 8px;
}
header .navbar .navbar-collapse li {
height: auto;
}
.product-header-bg .nxa-outer-header .navbar-expand-lg .navbar-nav .nav-link.dropdown-toggle::after {
margin-left: 88%;
}
header .navbar-expand-lg .navbar-nav .nav-link {
height: auto;
padding: 5px 10px !important;
width: 100%;
margin-left: 0px !important;
margin-right: 0px !important;
padding-left: 10px !important;
}
.home-page .navigation li {
text-align: left;
}
.home-page .navigation li a {
margin-left: 20px !important;
text-align: left;
display: inline-block;
}
.home-page .navigation .dropdown .dropdown-menu a {
display: block;
margin-left: 0px !important;
padding-left: 10px !important;
}
.home-page .navigation .dropdown .dropdown-menu a.dropdown-item.active, .home-page .navigation .dropdown .dropdown-menu a.dropdown-item:active {
background-color: #ea7414;
}
.home-page .navbar-expand-lg .navbar-nav .dropdown .dropdown-menu {
position: absolute;
width: 100%;
background: #f4f6ff;
}
.banner-main-div:after {
width: 120px;
height: 90px;
left: -50px;
bottom: 0;
top: 170px;
}
.home-page .banner-inner h5 {
margin-top: 10px;
}
.home-page .banner-inner .banner-btn {
margin: 10px 0px;
}
.home-page .banner-inner .dwn-app-text {
margin-bottom: 10px;
}
.home-page .download-img img {
width: 100px;
}
.banner-bottom-client h3 {
font-size: 15px !important;
}
.banner-main-div .banner-bottom-client-inner {
flex-wrap: wrap;
}
.banner-main-div .banner-bottom-client-inner .company-logo {
width: 14%;
}
.home-page .banner-btn .orange-radius {
padding: 8px 10px;
font-size: 14px;
}
.home-page .banner-right img {
right: -20px;
}
.home-page .how-it-works-home-sec.sec-small-bussiness .small-bussiness-box {
padding: 10px 10px;
min-height: 180px;
}
.home-page
.how-it-works-home-sec.sec-small-bussiness
.small-bussiness-box
h6 {
font-size: 14px !important;
margin-top: 5px;
line-height: 23px;
}
.home-page .why-nxatel-section h3 {
width: 100%;
}
.home-page .anysize-team-section .any-size-img img {
width: 100%;
height: auto;
}
.buisness-comm-bx-div .buisness-comm-sys .buisness-comm-sys-cir {
height: 35px;
width: 35px;
top: -5px;
left: -20px;
}
.buisness-comm-bx-div .buisness-comm-sys-inner {
padding: 10px 10px;
}
.buisness-comm-bx-div .buisness-comm-sys-inner h4 {
font-size: 16px;
line-height: 21px;
}
.buisness-comm-bx-div .buisness-comm-sys-inner p {
font-size: 14px;
line-height: 20px;
}
.compliance-inner-div .compliance-inner-right {
width: 270px;
}
.compliance-inner-div .compliance-inner-left {
width: calc(100% - 270px);
}
.why-nxatel-bx-div .why-nxatel-bx {
padding: 10px 10px;
}
.why-nxatel-bx-div .why-nxatel-bx h4 {
font-size: 16px;
line-height: 21px;
}
.why-nxatel-bx-div .why-nxatel-bx p {
font-size: 14px;
line-height: 21px;
}
.home-page .company-logo img {
width: 100%;
}
.home-page .Seen-as.company-logo img {
width: 100%;
}
.home-page .shift-connected-bx {
padding: 0px 0px;
}
.home-page .sec1-left {
padding: 10px;
margin-right: 10px;
}
.home-page .shift-connected-bx .sec1-left.mb-5 {
margin-bottom: 10px !important;
}
.home-page .banner-inner h1 {
font-size: 24px !important;
line-height: 30px !important;
}
.home-page .sec1-right h1 {
font-size: 24px !important;
line-height: 30px !important;
}
.home-page h1 {
font-size: 24px !important;
line-height: 30px !important;
}
.home-page .sec1-right h5 {
font-size: 16px !important;
line-height: 30px !important;
}
.home-page .services-sec h2 {
font-size: 24px !important;
line-height: 30px !important;
}
section {
min-height: auto;
}
.home-page .sec-company {
padding-bottom: 0px;
}
.home-page .sec-small-bussiness p {
font-size: 14px !important;
line-height: 23px !important;
}
.home-page .sec-small-bussiness p span.font-22 {
font-size: 16px !important;
}
.sec-small-bussiness .row.tab-pane-scroll-media .col-md-3.col-lg {
-ms-flex: 0 0 33%;
flex: 0 0 33%;
max-width: 33%;
}
.home-page h6 {
font-size: 15px !important;
font-weight: normal !important;
}
.small-bussiness-box {
margin-bottom: 30px;
}
.home-page .customer-box {
margin-bottom: 30px;
}
.home-page .slide-sec .carousel-indicators {
bottom: -20px;
}
.home-page .slide-sec.after-img {
padding-bottom: 0px;
}
.home-page h2 {
font-size: 24px !important;
line-height: 30px !important;
}
.home-page .right-plan h2 {
font-size: 18px !important;
line-height: 21px !important;
margin-top: 5px !important;
margin-right: 15px;
margin-bottom: 5px !important;
}
.btn-group-pricing.btn-group {
padding-right: 0px;
}
.pricing-item {
max-width: 315px;
}
.Size-of-team {
left: 80px;
top: -25px;
font-size: 16px !important;
}
.home-page .right-plan {
margin-bottom: 20px !important;
}
.notice-price {
font-size: 14px;
}
.trial-div span {
font-size: 14px;
line-height: 25px;
}
.home-page .number-of-box h6 {
font-size: 18px !important;
width: 35px;
height: 35px;
line-height: 35px !important;
}
.pricing-page-faq .pricing-collapse-box h5 {
font-size: 14px !important;
line-height: 18px !important;
}
.pricing-sec-box {
padding: 15px 15px;
min-height: 92px;
}
.pricing-sec-box p {
padding-left: 0px;
font-size: 13px !important;
}
.pricing-page {
padding: 15px 0;
}
.pricing-page .Steps-price .mt-5.mb-5.text-center {
margin: 10px 0px 30px 0px !important;
}
.why-nxatel {
padding: 23px 0px 50px 0px;
}
.why-nxa-box {
flex-direction: column;
}
.about-home .nxa-banner-right img {
width: 90%;
margin-left: auto;
display: block;
}
.about-home {
padding: 30px 0px 40px 0px;
}
.sec-4-boxs {
padding: 15px;
flex-direction: column;
}
.home-page .about-sec-4 .sec-4-boxs h2 {
margin-top: 20px;
}
.values-box {
padding: 15px;
}
.values-box img {
width: 45px;
height: auto;
}
.Founding-Team .font-26.color-191b {
font-size: 16px !important;
}
.about-sec-6 .child-row .common-child:nth-child(3) {
margin-top: 0;
}
.about-sec-6 .child-row .common-child:nth-child(2) {
margin-top: 0px;
}
.Nxaies-box img {
width: 60px;
height: 60px;
margin-right: 10px;
}
.child-row .Nxaies-box .font-24.m-0 {
font-size: 16px;
}
.child-row .common-child {
margin-bottom: 25px;
}
.sec-9-right img {
width: 80%;
left: auto;
right: -24px;
}
.sec-9-left {
padding-top: 60px;
}
.home-page .sec-9-left .color-293F.mb-4 {
margin-bottom: 0.5rem !important;
}
.about-sec-8 .row.mt-30:nth-child(2) {
margin-top: 0px !important;
}
.about-sec-3-right h3 {
line-height: 24px;
font-size: 15px;
}
.about-sec-5 {
padding: 100px 0px 30px 0px;
}
.about-sec-6 {
padding-bottom: 0px;
}
.about-sec-8 {
padding-bottom: 0px;
}
.about-sec-9 {
min-height: auto;
padding-bottom: 0px;
}
.about-sec-2 .nxa-story h6 {
line-height: 16px;
}
.about-sec-2 .nxa-story p {
font-size: 15px;
line-height: 25px;
}
.about-banner h3 {
font-size: 24px;
line-height: 30px;
}
.home-page .slide2-sec .carousel-indicators {
bottom: 0px !important;
}
.home-page .slide2-sec {
margin-top: 60px;
padding-bottom: 30px !important;
padding-top: 30px !important;
}
.compliance-inner-div .compliance-inner-right img {
width: 90%;
margin: 0;
margin-left: auto;
}
.home-page .slide2-sec .carousel-item h6 {
font-weight: normal !important;
font-size: 15px !important;
}
/* ----- */
.nexa-header .collapse:not(.show) {
display: block;
}
.nexa-header .navbar-nav {
flex-direction: unset;
}
.nexa-header .nav-item .dial {
margin-top: 16px;
}
.nexa-header .navbar-nav .dropdown-menu {
position: absolute;
}
.nexa-header.navbar .profile-menu-li .dropdown-toggle::after {
right: -3px !important;
top: 45% !important;
}
.nexa-header .nav-item i.fa-bell {
margin-top: 16px;
margin-right: 10px;
}
.navbar-toggler {
display: none;
}
.progress-sec {
padding: 0 10px;
}
.progress-sec span {
float: none;
}
.navi .side-btn {
left: -18px;
top: 74px;
border-radius: 5px;
}
}
/* .react-html5-camera-photo .display-error{
display: none !important;
} */
.assign-modal-list ul li .tag-li-profile {
height: 37px;
width: 37px;
border-radius: 50px;
border: 2px solid #f0f2f6;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
object-fit: cover;
margin-right: 10px;
}
.assign-modal-list ul li .tag-li-profile img {
height: 37px;
width: 37px;
border-radius: 50px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
object-fit: cover;
}
.assign-modal-list ul li .tag-li-text h5 {
color: #3b566e;
font-size: 14px;
margin-bottom: 0px;
font-family: "sf_ui_textmedium";
}
.modal .modal-dialog.modal-custom-xxl {
width: 75% !important;
max-width: 75% !important;
}
.modal .modal-dialog.modal-custom-xl {
width: 65% !important;
max-width: 65% !important;
}
.upgrade-downgrade-btn {
color: #457afe;
cursor: pointer;
}
.react-autosuggest__container {
position: relative;
}
.react-autosuggest__input {
width: 240px;
height: 30px;
padding: 10px 20px;
font-family: Helvetica, sans-serif;
font-weight: 300;
font-size: 16px;
border: 1px solid #aaa;
border-radius: 4px;
}
.react-autosuggest__input:focus {
outline: none;
}
.react-autosuggest__container--open .react-autosuggest__input {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.react-autosuggest__suggestions-container {
display: none;
}
.react-autosuggest__container--open .react-autosuggest__suggestions-container {
display: block;
position: absolute;
top: 51px;
width: 280px;
border: 1px solid #aaa;
background-color: #fff;
font-family: Helvetica, sans-serif;
font-weight: 300;
font-size: 16px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
z-index: 2;
}
.react-autosuggest__suggestions-list {
margin: 0;
padding: 0;
list-style-type: none;
}
.react-autosuggest__suggestion {
cursor: pointer;
padding: 10px 20px;
}
.react-autosuggest__suggestion:not(:first-child) {
border-top: 1px solid #ddd;
}
.react-autosuggest__suggestion--focused {
background-color: #0c7eaf;
color: #fff;
}
.suggestion-content {
display: flex;
align-items: center;
background-repeat: no-repeat;
}
.suggestion-content .highlighter-name {
margin-left: 68px;
line-height: 45px;
}
.suggestion-content .highlight {
color: #ee0000;
font-weight: bold;
}
.react-autosuggest__suggestion--focused .highlight {
color: #120000;
}
.assign-to-color-yellow {
background: #ffeab8 !important;
}
.assign-to-color-blue {
background: #b1d4ff !important;
}
.assign-to-color-pink {
background: #ffc3c5 !important;
}
.business-hour-slot {
display: inline-block;
width: 76px;
border: 0;
background: #e9effe !important;
color: #457afe !important;
}
/* new after combine */
.forgot-email-card{
background: #fff;
border: none;
}
.forgot-email-card{
background: #fff;
border: none;
}
.forgot-email-card .card-header{
background: #ffeab8;
border: none;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: space-between;
background: #ffeab8;
border: none;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: space-between;
}
.forgot-email-card .card-header h5{
margin-bottom: 0px;
font-size: 16px; margin-bottom: 0px;
font-size: 16px;
}
.forgot-email-card .card-header h5 .fa-copy{
cursor: pointer;
}
.porting-box.blinking-animation {
animation: zoom-in-zoom-out 1s ease infinite;
}
@keyframes zoom-in-zoom-out {
0% {
transform: scale(1, 1);
}
50% {
transform: scale(1.1, 1.1);
}
100% {
transform: scale(1, 1);
}
}
.voucher-collapse-div{
position: absolute;
z-index: 9999;
}
.welcome-complete-reg{
padding: 0px 100px;
}
.nxa-outer-header .navigation-banner .dropdown .dropdown-toggle::after {
display: none;
}
.nxa-outer-header .navigation-banner .dropdown i.fa-chevron-down{
font-size:13px;
}
.business-number h4{
font-size: 22px;
color: #000;
}
.business-number .order-contact-link{
font-size: 20px;
color: #EA7414;
margin-left: 10px;
cursor: pointer !important;
text-decoration: underline;
}
.business-number .order-contact{
margin-bottom: 13px;
color: #3b3b3b;
font-size: 20px;
}
.swal-custom-design .swal-title{
font-size: 22px;
color: #221f24;
font-family: "sf_ui_textmedium";
margin-top: 0px;
}
.swal-custom-design .swal-content p{
font-size: 16px;
margin-bottom: 5px;
margin-top: 10px;
}
.swal-order-contact-link{
color: #f17c2b;
margin-left: 5px;
text-decoration: underline;
}
.swal-custom-design .swal-content{
margin-top: 10px;
}
.add-subscription .swal-title{
font-size: 22px;
color: #221f24;
font-family: "sf_ui_textmedium";
margin-top: 0px;
}
.add-subscription .swal-content p{
font-size: 16px;
margin-bottom: 5px;
margin-top: 10px;
}
.add-subscription .swal-content{
margin-top: 10px;
}
.StepProgress .service-provider-height{
height: calc(1.5em + 0.75rem + 5px) !important;
}
.swal-modal .swal-title {
font-size: 21px;
font-weight: 500;
margin-top: 10px;
padding-top: 0;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type=number] {
-moz-appearance: textfield;
}
/* NEW CSS */
header .navbar {
width: 100%;
padding: 0;
height: 60px;
}
header .navbar a.navbar-brand {
width: 80px;
margin: 0;
}
header .navbar-expand-lg .navbar-nav .nav-link {
padding: 0.5rem 1.3rem;
height: 100%;
color: #393F4E;
font-size: 16px;
}
.footer-nav {
font-family: 'sf_ui_textregular' !important;
}
h1,
h2,
h6 p {
font-family: 'sf_ui_textregular' !important;
}
.home-page .customer-sec .customer-box p,
.home-page .customer-sec .customer-box h6 {
font-family: 'sf_ui_textregular' !important;
}
#preloader {
height: 100% !important;
}
.signup-type {
background: #fff;
}
.one-app {
margin: 50px 0;
}
.number-verify-otp.form-control {
background-color: transparent;
}
.number-verify-otp.form-control input[autocomplete] {
background-color: transparent !important;
}
.number-verify-otp.form-control input:focus-visible {
outline: none;
}
.navbar {
padding: 15px 10px;
}
.sign-up-step-bar {
background-color: #fff;
}
.swal-text{
text-align: center !important;
}
.swal-button--catch{
background-color: #f17c2b !important;
}
.modal .session-modal-dialog{
display: flex;
align-items: center;
justify-content: center;
top: 0 !important;
min-height: calc(100vh - 60px);
}
.session-modal-logo{
width: 100%;
text-align: center;
}
.session-modal-logo .navbar-brand{
margin-right: 0px;
}
.session-modal-logo .navbar-brand img{
width: 100%;
max-width: 80px;
margin: 0 auto;
margin-top: -70px;
background: #fff;
padding: 7px 7px;
border-radius: 6px;
box-shadow: 3px 0px 6px rgb(0 0 0 / 20%);
}
.session-modal-dialog .session-modal-content{
text-align: center;
width: 100%;
}
.session-modal-dialog .session-modal-content h2{
font-size: 24px;
margin-bottom: 15px;
}
.session-modal-dialog .session-modal-content p{
font-size: 14px;
margin-bottom: 30px;
}
.session-modal-dialog .session-modal-content h6{
font-size: 13px;
margin-top: 10px;
margin-bottom: 15px;
}
.session-modal-dialog .session-modal-content h6 a{
color: #F17C2B;
cursor: pointer;
}
.modal .session-modal-dialog .btn {
min-width: 210px;
font-size: 14px;
margin: 8px auto;
/* display: list-item; */
padding: 8px 12px;
}
.session-modal-content .btn-orange-border {
border: 1px solid #f17c2b;
color: #f17c2b;
}
.session-modal-btns {
display: flex;
justify-content: center;
width: 100%;
flex-direction: column;
}