.mnthly_sctn,
.annual_sctn {
display: flex;
justify-content: center;
gap: 15.11px;
}
.mnthly_sctn .card,
.annual_sctn .card {
border-radius: 28.322px;
background: #FFF;
padding: 50px 0 37px 0;
display: flex;
border-radius: 12px;
box-shadow: 0 4px 6px rgba(0, 0, 0, .1);
justify-content: center;
}
.card-item .price_head h5 {
color: #1D2127;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 0.302px;
margin: 0;
}
.price {
color: #1D2127;
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 58px;
font-family: sans-serif;
}
.price_plan {
color: #484848;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 20px;
}
.price_head {
display: flex;
padding: 30.21px 22.658px 24px 22.658px;
flex-direction: column;
justify-content: flex-start;
text-align: center;
gap: 15.105px;
}
.price_head p {
margin: 0;
display: flex;
align-items: baseline;
gap: 8px;
justify-content: center;
}
.price-symbol {
color: #1D2127;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 58px;
font-family: sans-serif;
}
.price_details {
display: flex;
padding: 0px 16px 16px 16px;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
gap: 35px;
}
.price_details ul {
display: flex;
flex-direction: column;
gap: 11px;
list-style: none;
padding-left: 0px;
margin: 0;
}
.price_details ul li {
color: #1D2127;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 25px;
position: relative;
display: inline-flex;
gap: 10px;
height: 38px;
align-items: center;
}
.price_details ul li::before {
content: ''; position: absolute;
left: -24px; top: 50%; transform: translateY(-50%); width: 16px;
height: 16px;
background-size: contain; background-repeat: no-repeat;/
}
.price_details div.plan-btn {
padding: 12px 24px;
background-color: #0066d4;
color: #fff;
border: none;
border-radius: 6px;
cursor: pointer;
font-weight: 600;
transition: background-color .3s;
color: #fff;
margin: 0 auto;
border: 1px solid #0066d4;
}
.price_details div.plan-btn a {
color: #fff;
}
.price_details div.plan-btn a:hover {
color: #fff;
}
.price_details div.plan-btn p {
margin: 0;
color: #fff;
text-align: center;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 22.658px;
cursor: pointer;
}
.pricing_cards_wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
width: 100%;
}
.card .card-item {
position: relative;
}
.hylyt_blk .card-item .price_head h5,
.hylyt_blk .card-item .price_head .price,
.card:hover .card-item .price_head h5,
.card:hover .card-item .price_head .price {
color: #181818;
transition: color 0.3s ease;
}
.hylyt_blk .price_details ul li::before,
.card:hover .price_details ul li::before {
content: ''; position: absolute;
left: -24px; top: 50%; transform: translateY(-50%); width: 16px;
height: 16px;
background-size: contain; background-repeat: no-repeat;
transition: background-image 0.3s ease;
}
.hylyt_txt {
border-radius: 7.553px;
background: #FFF;
position: absolute;
top: -15px;
right: 19px;
padding: 5.664px 7.553px;
color: #0066d4;
text-align: center;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 0.227px;
border: 1px solid #0066d4;
}
.pricing_cards_wrapper {
padding-top: 60px;
}
.visita-pricing-section {
margin: 11px -9px;
}
.visita-pricing-section h3 {
color: #1D2127;
text-align: center;
font-size: 38px;
font-style: normal;
font-weight: 500;
line-height: 58px;
margin: 0;
}
.visita-pricing-section h6 {
margin-top: 8px;
margin-bottom: 24px;
color: #52575D;
text-align: center;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 30px;
}
.pricing-switcher {
border-radius: 94.407px;
background: #EFEFEF;
display: flex;
padding: 4px;
justify-content: center;
align-items: center;
}
.pricing-switcher a {
display: flex;
padding: 9.441px 16px;
justify-content: center;
align-items: center;
gap: 3.776px;
border-radius: 94.407px;
text-align: center;
font-size: 15.105px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 0.302px;
}
.pricing-switcher a.active {
background: #022928;
color: #FFF;
}
.mnthly_sctn,
.annual_sctn {
display: none;
} .mnthly_sctn.active,
.annual_sctn.active {
display: contents;
}
.price_head.pr-cnt {
padding: 30.21px 22.658px 40px;
gap: 27px;
}
.price-txt {
color: #1D2127;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 28px;
} .overlay-open {
z-index: 0 !important;
}
body.overlay-opened .menu-wrapper {
z-index: 0;
}
.visita-popup,
.visita-demo-popup {
display: none;
z-index: 9 !important;
}
.cnt_popup {
align-items: center;
border-radius: 16px;
background: #FFF;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 999;
overflow: hidden;
width: 576px;
}
.popup-content {
padding: 32px;
position: relative;
flex-grow: 1;
overflow-y: auto;
max-height: 100%;
height: 706px;
max-height: 70vh;
}
.close-popup {
position: fixed;
top: 10px;
right: 20px;
cursor: pointer;
font-size: 15px;
font-weight: 700;
z-index: 1;
}
.close-popup:hover {
color: #000;
}
.cnt_popup form h2 {
color: #181818;
font-size: 28px;
font-style: normal;
font-weight: 600;
line-height: 38px;
margin: 0;
margin-bottom: 8px;
}
.cnt_popup form p.ctct-cnt {
color: #484848;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
margin: 0;
margin-bottom: 42px;
}
.overlay {
opacity: 0.8;
background: #131313;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 9;
display: none;
visibility: visible;
}
.form-row {
margin-bottom: 24px;
}
input~.form-row {
margin-bottom: 0;
}
input~.form-row p {
display: flex;
}
.form-row p,
.cnt_popup .wpcf7-response-output {
color: #484848;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
margin: 0;
}
.cnt_popup .wpcf7-response-output {
margin-top: 20px;
margin-bottom: 0;
}
.cnt_popup {
z-index: 1001 !important;
}
.popup-content {
padding: 32px;
position: relative;
flex-grow: 1;
overflow-y: scroll;
max-height: 100%;
height: 672px;
overflow-y: auto !important; max-height: 70vh; pointer-events: auto; } .popup-content::-webkit-scrollbar {
width: 12px;
height: 2px;
}
.popup-content::-webkit-scrollbar-track {
background: #f1f1f1;
}
.popup-content::-webkit-scrollbar-thumb {
background: #888;
border-radius: 10px;
} @-moz-document url-prefix() {
.popup-content {
scrollbar-width: thin; scrollbar-color: #888 #f1f1f1; }
}
input,textarea,label{
font-family: Catamaran !important;
}
.form-row p input {
display: flex;
height: 48px;
padding: 8px 12px;
border-radius: 8px;
border: 1px solid #EFEFEF;
background: #FFF;
margin-top: 6px;
width: 100%;
outline: none;
}
.form-row p textarea {
display: flex;
padding: 12px 14px;
border-radius: 8px;
border: 1px solid #E4E4E4;
background: #FFF;
height: 118px;
margin-top: 6px;
width: -webkit-fill-available;
outline: none;
font-family: Catamaran !important;
}
.form-row p .intl-tel-input input {
margin-top: 6px !important;
height: 42px;
padding-left: 60px !important;
}
.intl-tel-input {
position: relative;
}
.intl-tel-input * {
box-sizing: border-box;
-moz-box-sizing: border-box
}
.intl-tel-input .hide {
display: none;
}
.intl-tel-input .v-hide {
visibility: hidden;
}
.intl-tel-input input,
.intl-tel-input input[type=tel],
.intl-tel-input input[type=text] {
position: relative;
z-index: 0;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-right: 36px;
margin-right: 0;
font-family: Catamaran !important;
}
.intl-tel-input .flag-container {
position: absolute;
top: 0;
bottom: 0;
right: 0;
padding: 1px
}
.intl-tel-input .selected-flag {
z-index: 1;
position: relative;
width: 36px;
height: 100%;
padding: 0 0 0 8px
}
.intl-tel-input .selected-flag .iti-flag {
position: absolute;
top: 0;
bottom: 0;
margin: auto
}
.intl-tel-input .selected-flag .iti-arrow {
position: absolute;
top: 50%;
margin-top: -2px;
right: 6px;
width: 0;
height: 0;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 4px solid #555
}
.intl-tel-input .selected-flag .iti-arrow.up {
border-top: none;
border-bottom: 4px solid #555
}
.intl-tel-input ul.country-list {
list-style: none;
padding: 0;
margin: 0;
}
.intl-tel-input .country-list {
position: absolute;
z-index: 2;
list-style: none;
text-align: left;
padding: 0;
margin: 0 0 0 -1px;
box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
background-color: #fff;
border: 1px solid #ccc;
white-space: nowrap;
max-height: 200px;
overflow-y: auto;  }
.intl-tel-input .country-list.dropup {
bottom: 100%;
margin-bottom: -1px
}
.intl-tel-input .country-list .flag-box {
display: inline-block;
width: 20px
}
.intl-tel-input .country-list .divider {
display: none;
}
.intl-tel-input.separate-dial-code.allow-dropdown .selected-flag {
width: 50px !important;
}
.intl-tel-input.separate-dial-code .selected-dial-code {
display: none;
}
.intl-tel-input.separate-dial-code.allow-dropdown .selected-flag {
width: 50px;
background-color: #EFEFEF !important;
border-top-left-radius: 8px !important;
border-bottom-left-radius: 8px !important;
}
.form-row p .wpcf7-submit {
display: flex;
height: 44px;
border-radius: 8.665px;
border: 1.083px solid #0066d4;
background: #0066d4;
color: #181818;
font-size: 17.73px;
font-style: normal;
font-weight: 500;
line-height: 26.596px;
margin: 0;
width: auto;
justify-content: center;
align-items: center;
padding: 0 18px;
cursor: pointer;
color: #fff;
}
.mnthly_sctn,
.annual_sctn {
display: flex;
flex-wrap: wrap; justify-content: center;
gap: 15.11px;
}
.visita-features .icon-box-content p {
hyphens: auto;
}
.visita-features-sec .row-inner {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 30px;
width: 100%;
height: 100% !important;
margin: 0 auto !important;
}
.visita-feature-col {
background: #fff;
height: 100% !important;
padding: 20px !important;
border-radius: 10px;
width: 100%;
position: relative;
top: 0;
transition: top 0.3s ease, border 0.3s ease;
border: 1px solid #fff;
}
.visita-feature-col:hover {
top: -30px;
border: 1px solid #0066d4;
}
.visita-login-menu-btn {
color: #0066d4;
border: 1px solid #0066d4;
}
.visita-footer-first,.visita-footer-third{
background: linear-gradient(328deg, #4195ef, #87bdf5);
}
.visita-footer-second {
background: linear-gradient(83deg, #fff, #6daef3);
}
.visita-footer-menu ul li a {
color: #fff;
} .visita-footer-third .quad-h-padding{
padding: 12px !important;
}
.visita-footer-first .single-h-padding{
padding: 5px !important;
}
.visita-demo-menu-btn {
background: #0066d4;
color: #fff;
padding: 15px 20px !important;
}
.visita-demo-menu-btn:hover,.form-row p .wpcf7-submit:hover{
background: #fff;
color: #0066d4;
}
.price_details div.plan-btn:hover{
background: #fff;
}
.price_details div.plan-btn:hover a{
color: #0066d4;
}
.visita-footer-btn.btn-default {
color: #0066d4 !important;
padding: 5px 20px !important;
}
.visita-footer-btn:hover {
color: #fff !important;
}
.navbar-nav-first ul li {
padding-right: 35px;
}
.wpcf7 form.invalid .wpcf7-response-output {
border: 1px solid #B71C1C;
padding: 5px;
font-family: Catamaran !important;
}
.wpcf7 span.wpcf7-not-valid-tip {
color: #B71C1C !important;
font-family: Catamaran !important;
}
.wpcf7 form.sent .wpcf7-response-output {
border: 1px solid #46b450;
padding: 5px;
font-family: Catamaran !important;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
background: #0066d4 !important;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
height: 110px;
}
.ui-datepicker .ui-datepicker-title {
color: #0066d4;
background: #fff;
}
.ui-datepicker th {
color: #0066d4;
}
.ui-datepicker .ui-datepicker-header {
background: #fff;
}
.ui-state-active,
.ui-widget-content .ui-state-active {
background: #0066d4 !important;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight {
border: 1px solid #0066d4;
background: #0066d4;
color: #fff;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover {
background: #0066d4;
color: #fff;
}
.xdsoft_datetimepicker,
.xdsoft_time_box.xdsoft_scroller_box {
overflow-y: auto;
}
.footer-last {
display: none;
}
.visita-404 {
background: linear-gradient(177deg, #067bf7, #fff);
} .visita-demo-form form textarea,.visita-contact-form form textarea{
margin: 0;
}
.visita-footer-desktop .single-h-padding {
padding-top: 20px !important;
padding-bottom: 20px !important;
}
.vsta-content-sec ul{
padding: 0px 0px 0px 45px !important;
}
.vsta-content-sec p{
padding: 0px 0px 0px 24px !important;
}
.vsta-content-sec ul,.vsta-content-sec h3,.vsta-content-sec p{
margin-top: 18px !important;
}
.iti-mobile .intl-tel-input.iti-container {
top: 120px;
} @media (min-width: 960px) and (max-width: 1120px) {
.navbar-nav-first ul li {
padding-right: 15px;
}
header .row-menu-inner {
display: flex;
align-items: baseline;
}
header .menu-horizontal-inner {
padding: 12px 0;
}
#logo-container-mobile {
min-width: auto;
height: 100%;
}
}
@media (min-width: 570px) and (max-width: 959px) {
.visita-features-sec .row-inner,
html.chrome:not(.fp-enabled) .main-container .visita-features-sec .cols-md-responsive {
height: 100% !important;
}
.main-container .visita-features-sec .cols-md-responsive>div[class*=col-md] {
padding-top: 20px !important;
padding-bottom: 20px !important;
}
}
@media (max-width: 1024px) {
.pricing_cards_wrapper {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.visita-features-sec .row-inner {
grid-template-columns: repeat(3, 1fr);
row-gap: 60px;
}
}
@media (max-width: 768px) {
.visita-features-sec .row-inner {
grid-template-columns: repeat(2, 1fr);
row-gap: 60px;
}
}
@media (max-width: 767px) {
.pricing_cards_wrapper {
display: grid;
grid-template-columns: repeat(1, 1fr);
}
.visita-pricing-section h3 {
font-size: 28px;
line-height: 38px;
}
.card-item .price_head h5 {
color: #1D2127;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 28px;
}
.price {
font-size: 40px;
line-height: 54px;
}
.price_plan,
.price_details ul li,
.price_details div.plan-btn p,
.icon_content_block p.details {
font-size: 16px;
line-height: normal;
height: auto;
}
.price_details div.plan-btn {
margin-bottom: 10px;
}
.price_head {
padding: 30.21px 22.658px 20px 22.658px;
}
.price_details {
gap: 16px;
}
.visita-pricing-section {
margin: 11px 0px;
}
.cnt_popup {
width: 398px;
}
.popup-content {
padding: 30px;
height: 702px;
}
.cnt_popup form p.ctct-cnt {
font-size: 14px;
line-height: 20px;
}
}
@media (max-width:600px) {
.row-parent.row-slider .owl-nav-double-block-padding.window-width.uncode-owl-nav .uncode-owl-nav-in {
padding-left: 20px;
padding-right: 20px;
}
.visita-features-sec .row-inner {
grid-template-columns: repeat(1, 1fr);
row-gap: 60px;
}
h1 {
font-size: 30px;
}
}
@media (max-width:570px) {
.visita-footer-menu-second {
padding: 0 !important;
}
.owl-carousel.owl-loaded.owl-height-forced .owl-stage .owl-item .uncell {
padding: 0 55px;
}
}
@media (max-width: 569px) {
body.menu-mobile-centered .visita-footer-third .mobile-hidden {
display: block !important;
}
body.menu-mobile-centered .visita-footer-desktop{
display: none !important;
}
.visita-demo-col{
padding: 0 !important;
}
.visita-footer-second {
background: linear-gradient(334deg, #4195ef, #ffffff);
}
.visita-footer-first, .visita-footer-third {
background: linear-gradient(334deg, #4195ef, #6daef3);
}
.visita-demo-form  .wpcf7-inline-wrapper,.visita-contact-form .wpcf7-inline-wrapper {
display: flex;
flex-direction: column;
margin-top: 0;
}
.visita-demo-form .wpcf7-inline-wrapper .wpcf7-inline-field, .visita-contact-form .wpcf7-inline-wrapper .wpcf7-inline-field {
width: 100%;
margin-top: 18px;
}
.visita-demo-form .wpcf7-inline-wrapper .wpcf7-inline-field:last-child, .visita-contact-form .wpcf7-inline-wrapper .wpcf7-inline-field:last-child{
padding-left: 0px !important;
}
.visita-demo-form .wpcf7-submit,.visita-contact-form .wpcf7-submit{
margin-top: 18px !important;
}
}
@media (max-width: 450px) {
.visita-footer-mob-menu-second{
padding: 0 !important;
}
.visita-footer-mobile ul li{
font-size: 15px !important;
}
}
@media (max-width: 400px) {
.cnt_popup {
width: calc(100% - 30px);
}
.close-popup {
right: 16px;
}
}