* {
    font-family: 'Poppins' !important;
}

.fos-bold { font-family: 'OpenSans-Bold' !important; }

.bgc-001b41 { background-color: #001b41; }
.bgc-f4f4f4 { background-color: #f4f4f4; }

.text-3c8ee2 { color: #3c8ee2; }
.text-001b41 { color: #001b41; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight: inherit; }

.menu-header .navbar .navbar-nav .nav-item a { color: #f1f1f0; }
.menu-header .navbar .navbar-nav .nav-item:hover a { color: #ffffff; }
.menu-header .navbar .navbar-nav .nav-item.active a { color: #026773; font-weight: 600; font-family: 'Roboto Flex' !important; }

.menu-header .navbar .navbar-nav .div-btn-inspector   { background-color: #026773; }
.menu-header .navbar .navbar-nav .div-btn-inspector.active .btn-inspector { color: #31a3b1; font-weight: 600; font-family: 'Roboto Flex' !important; }

.header-area { 
  position: sticky;
  top: 0;
  z-index: 9999; 
  box-shadow: 2px 4px 5px #9b9b9b;
  margin-bottom: 8px;
}

.banner-area-text-left { padding: 25px; }

.banner-area-text-right    { padding: 40px 0px; }
.banner-area-text-right p  { font-size: 19.5px; font-weight: 500; color: #207883; text-align: right; padding: 18px 0px 0px 160px; margin: 0px; }
.banner-area-text-right a { padding: 12px 30px; font-size: 15px; margin: 25px 0px 0px 0px; border: 0px; background-color: #452049; border-radius: 50px; outline: none; }

.banner-icon-menu div      { height: 135px; }
.banner-icon-menu div .w30 { width: 30%; height: 100px !important; padding: 18px 0px 20px 0px; }
.banner-icon-menu div .w40 { width: 40%; padding: 8px 0px 8px 0px; }
.banner-icon-menu div p    { font-size: 14px; font-family: 'OpenSans-ExtraBold' !important; }

.container-specialist { display: flex; flex-wrap: wrap; }
.container-specialist .pad-10 { padding: 10px !important; }
.title-specialist { font-size: 45px !important; font-family: 'OpenSans-ExtraBold' !important; padding-bottom: 10px; }
.subtitle-specialist { font-size: 33px !important; line-height: 30px !important; padding-bottom: 30px; font-weight: 600; }
.footer-specialist { font-size: 31px !important; line-height: 38px !important; color: #0f74dc !important; padding-top: 35px; padding-right: 90px; font-weight: bold; }
.bg-specialist { background-color: #001b41; width: 260px; height: 170px; border-radius: 25px; background-position: center center; background-repeat: no-repeat; background-size: cover; display: flex; align-items: end; }
.bg-specialist div { width: 100%; text-align: center; background: #12c7e6; color: #001b41; border-radius: 0px 0px 25px 25px; padding: 10px 0px 10px 0px; font-size: 16px; font-family: 'OpenSans-ExtraBold' !important; }
.bg-specialist .div-specialist-last { width: 100%; height: 100% !important; display: flex; justify-content: center; align-items: center; background: #12c7e6; color: #001b41; border-radius: 25px; padding: 10px 0px 10px 0px; font-size: 20px; font-family: 'OpenSans-ExtraBold' !important; }

.container-subscribe  { max-width: 1600px !important; padding-top: 80px !important; padding-bottom: 100px !important; }
.subscribe-area::before { position: absolute; top: 18%; left: 0; width: 100%; height: 60%; background-color: #c7c7c7; }
.container-subscribe .container-subscribe-row  { box-shadow: 1px 10px 10px #c7c7c7!important; }
.subscribe-content-right h2 { color: #ffffff !important; font-size: 35px !important; padding: 45px 125px 0px 125px !important; font-family: 'OpenSans-Bold' !important; }
.subscribe-content-right p  { padding: 0px 40px 0px 125px !important; color: #00c5ff !important; font-size: 38px !important; font-family: 'OpenSans-Bold' !important; line-height: 30px; }
.subscribe-content-left { padding: 40px !important; }
.subscribe-content-left .subscribe-title-left h3 { font-family: 'OpenSans-Bold' !important; padding-bottom: 25px !important; }
.subscribe-content-left a { font-size: 16px; font-weight: 600; color: #0c4d9b; padding-bottom: 3px; }

.form-search-input { border-top-left-radius: 40px !important;  border-bottom-left-radius: 40px !important; height: 42px !important;  }
.form-search-icon  { border-top-right-radius: 40px !important; border-bottom-right-radius: 40px !important; }

.faq-accordion .accordion .accordion-title.active { padding: 10px 20px 10px 20px; background-color: #dbdbdb; font-family: 'OpenSans-ExtraBold' !important; font-size: 32px !important; }
.faq-accordion .accordion .accordion-title.active i { top: 10px; }
.faq-accordion .accordion .accordion-title { font-size: 25px; }

.partner-area h2 { font-size: 42px !important; font-family: 'OpenSans-Bold' !important; }
.partner-area .partner-bg { background-color: transparent; -webkit-box-shadow: inherit; box-shadow: inherit; }
.owl-stage { display: flex; justify-content: center; }
.owl-theme .owl-dots .owl-dot { padding-top: 40px !important; }
.partner-area .owl-theme .owl-nav .owl-prev, .partner-area .owl-theme .owl-nav .owl-next { border: 0px; }
.owl-nav.disabled { display: block !important; }
.section-title    { margin: 0px auto; text-align: center; max-width: 100%; width: 100% !important; }
.section-title h2 { font-size: 30px; font-weight: bold; }

.faq-accordion { max-width: 100% !important; }

.subscribe-content p { font-size: 20px !important; color: #001b41 !important; font-weight: 600 !important; padding: 0px 270px !important; }

.footer-area { background-color: #012e41; }
.single-footer-widget { margin: 0px !important; }
.single-footer-widget .import-link li { margin-bottom: 5px; }
.single-footer-widget .import-link li a { color: #ffffff !important; }
.single-footer-widget .social-icon li a i { font-size: 25px; width: 30px; height: 30px; color: #12c7e6; text-align: center; border: 0px; border-radius: 0px; }
.info-area { background-color: #ffffff; color: #000000; border: 0px; padding: 10px; font-weight: 500; }

.subscribe-area { background-color: transparent !important; }

.working-area .container-fluid { padding-left: 0; padding-right: 0; max-width: 1400px; margin-left: auto; margin-right: auto; }

.title-contain-blog { color: #0f74dc !important; font-size: 45px !important; font-family: 'OpenSans-ExtraBold' !important; }
.single-blog-post { box-shadow: 0px 10px 10px #d4d4d4 !important; padding: 20px !important; height: 100% !important; }
.single-blog-post .blog-content h3 a { color: #1a1a1a !important; font-family: 'OpenSans-Bold' !important; }
.blog-details-content .blog-top-content .news-content .admin li i, .blog-details-content .blog-top-content .news-content .admin li a, .single-blog-post .blog-content ul li i, .single-blog-post .blog-content ul li a, .single-blog-post .blog-content .read-more { color: #4793e4 !important; font-weight: 600 !important; }
.title-blog { font-size: 30px !important; margin-bottom: 20px !important; font-weight: 600 !important; }

.page-title-area .page-title-content h2 { font-family: 'OpenSans' !important; font-size: 40px; font-weight: 600; }

.font-p-page p { font-size: 16px !important; }

.select2-container .select2-selection--single { min-height: 55px !important; background-color: #F3F6F9; border: 1px solid #F3F6F9; }
.select2-container .select2-selection--single .select2-selection__rendered { line-height: 52px !important; padding: 0px 20px !important; }
.select2-container .select2-selection--single .select2-selection__arrow b  { top: 72% !important; }

.select2-container .select2-selection--multiple { min-height: 50px !important; background-color: #F3F6F9; border: 1px solid #F3F6F9; }
.select2-container .select2-selection--multiple:before { right: 8px; top: 45%; }
.select2-container .select2-selection--multiple .select2-selection__choice { padding: 5px 20px; margin-bottom: 0px !important; }
.select2-container .select2-selection--multiple .select2-selection__clear { margin-top: 12px; }

.select2-container .select2-search--inline .select2-search__field { margin: 0px !important; line-height: 45px !important; padding: 5px 20px 0px 20px !important; font-size: 14px !important; }

:root {
--wa-chat-dark-green: #2b6056;
--wa-chat-green: #128c7e;
--wa-chat-light-green: #25d366;
--wa-chat-light: #dcf8c7;
--wa-chat-white: #f9f9f9;
--wa-chat-red: #dc1c2a;
--wa-chat-font-family: sans-serif;
--wa-chat-width: 24rem;
--wa-chat-box-shadow: 0 0.5rem 1.5rem -0.25rem rgba(0, 0, 0, 0.15);
--wa-chat-border-radius: 0.5rem;
--wa-chat-z-index: 1055;
--wa-chat-backdrop-color: rgba(0, 0, 0, 0.75);
--wa-chat-distance-y: 1rem;
--wa-chat-distance-x: 1rem;
--wa-chat-right: var(--wa-chat-distance-x);
--wa-chat-button-size: 3.5rem;
--wa-chat-button-border-radius: 50%;
--wa-chat-button-color: var(--wa-chat-light-green);
--wa-chat-button-icon-size: 1.5rem;
--wa-chat-window-margin-bottom: calc(
var(--wa-chat-button-size) + var(--wa-chat-distance-y) + 1rem);
--wa-chat-header-padding: 0.625rem 1.25rem;
--wa-chat-contact-img-size: 2.5rem;
--wa-chat-close-size: 1.75rem;
--wa-chat-body-color: #000;
--wa-chat-body-padding: 1rem 1rem 1.5rem 1rem;
--wa-chat-placeholder-color: #757575;
--wa-chat-placeholder-color-hover: #414141;
--wa-chat-form-btn-border-radius: 0.25rem;
--wa-chat-error-text-right: auto;
--wa-chat-error-text-left: 0;
--wa-chat-error-text-bottom: 100%;
--wa-chat-error-text-margin: 0 0 0.25rem 0;
--wa-chat-error-text-transform-origin: left;
/* To make the component stay on the left, set the variables commented below */
--wa-chat-left: auto;
/* var(--wa-chat-distance-x) */
--wa-chat-error-text-alt-right: 100%;
/* var(--wa-chat-error-text-right) */
--wa-chat-error-text-alt-left: auto;
/* var(--wa-chat-error-text-left) */
--wa-chat-error-text-alt-bottom: auto;
/* var(--wa-chat-error-text-bottom) */
--wa-chat-error-text-alt-margin: 0 0.5rem 0 0;
/* var(--wa-chat-error-text-margin) */
--wa-chat-error-text-alt-transform-origin: right;
/* var(--wa-chat-error-text-transform-origin) */
}

.whatsapp-chat {
z-index: 1000;
position: fixed;
right: 0;
bottom: 0;
line-height: 1.25;
font-family: var(--wa-chat-font-family);
}
.whatsapp-chat-toggler {
display: none;
}
.whatsapp-chat-toggler:not(:checked) ~ .whatsapp-chat-window {
transform: scale(0.75) translateY(calc(100% + 10rem / 0.75));
pointer-events: none;
}
.whatsapp-chat-toggler:not(:checked) ~ .whatsapp-chat-backdrop {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.whatsapp-chat-backdrop {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
background: var(--wa-chat-backdrop-color);
transition: 0.25s;
}
.whatsapp-chat-button {
position: fixed;
left: var(--wa-chat-left);
right: var(--wa-chat-right);
bottom: 10rem;
width: var(--wa-chat-button-size);
height: var(--wa-chat-button-size);
border-radius: var(--wa-chat-button-border-radius);
background: var(--wa-chat-button-color);
color: var(--wa-chat-white);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.whatsapp-chat-window {
position: fixed;
left: var(--wa-chat-left);
right: var(--wa-chat-right);
bottom: 8rem;
box-shadow: var(--wa-chat-box-shadow);
transform-origin: bottom;
border-radius: var(--wa-chat-border-radius);
width: var(--wa-chat-width);
max-width: calc(100% - var(--wa-chat-distance-x) * 2);
transition: 0.4s;
}
@media (max-width: 425px) {
    .whatsapp-chat-button {
        bottom: 9.2rem;
        width: 48px;
        height: 48px;
    }
    .whatsapp-chat-window{
        bottom: 8.3rem;
    }
}
.whatsapp-chat-header {
background: var(--wa-chat-dark-green);
color: var(--wa-chat-white);
display: flex;
align-items: center;
padding: var(--wa-chat-header-padding);
border-radius: var(--wa-chat-border-radius) var(--wa-chat-border-radius) 0 0;
}
.whatsapp-chat-header > * {
display: flex;
}
.whatsapp-chat-contact-img {
width: var(--wa-chat-contact-img-size);
height: var(--wa-chat-contact-img-size);
border-radius: var(--wa-chat-contact-img-size);
object-fit: cover;
}
.whatsapp-chat-contact-info {
-webkit-flex: 1 0 0;
flex: 1 0 0;
flex-direction: column;
padding: 0 1rem;
}
.whatsapp-chat-close {
padding: 0.25rem;
margin-right: -0.25rem;
cursor: pointer;
transition: 0.2s;
}
.whatsapp-chat-close svg {
width: var(--wa-chat-close-size);
height: var(--wa-chat-close-size);
}
.whatsapp-chat-close:hover {
transform: scale(1.1);
color: var(--wa-chat-light);
}
.whatsapp-chat-body {
padding: var(--wa-chat-body-padding);
font-size: 0.875rem;
background: url('../admin/images/generic/qzkmhio_d.webp') no-repeat;
background-size: cover;
text-align: center;
border-radius: 0 0 var(--wa-chat-border-radius) var(--wa-chat-border-radius);
}
.whatsapp-chat-bubble {
position: relative;
z-index: 0;
margin: 0 auto 0.5rem 0;
padding: 0.125rem 0 0.25rem;
border-width: 0.3rem 0.75rem 0.3rem 1.5rem;
border-style: solid;
-o-border-image: url('../admin/images/generic/UD8BZ7J_d.webp') 8 20 8 30 stretch;
border-image: url('../admin/images/generic/UD8BZ7J_d.webp') 8 20 8 30 stretch;
color: var(--wa-chat-body-color);
text-align: left;
}
@media (min-width: 425px) {
.whatsapp-chat-bubble {
width: 85%;
}
}
.whatsapp-chat-bubble:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #f9f9f9;
z-index: -1;
}
.whatsapp-chat-green-bubble {
position: relative;
display: block;
border-width: 0.3rem 1rem 0.3rem 0.3rem;
border-style: solid;
width: 90%;
text-align: left;
cursor: text;
margin: 0 0 0 auto;
color: var(--wa-chat-body-color);
}
.whatsapp-chat-green-bubble:hover .whatsapp-chat-input::placeholder {
color: var(--wa-chat-placeholder-color-hover);
}
@media (min-width: 40rem) {
.whatsapp-chat-green-bubble {
width: 85% !important;
}
}
.whatsapp-chat-input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-clip: padding-box;
display: block;
font-weight: 400;
line-height: 1.5;
padding: 0.5rem 1rem;
width: 100%;
border: 0;
background: var(--wa-chat-light);
box-shadow: none;
outline: none;
border-radius: 0;
font-size: inherit;
color: inherit;
}
.whatsapp-chat-input::placeholder {
color: var(--wa-chat-placeholder-color);
transition: 0.2s;
}
.whatsapp-chat-input:invalid:hover ~ .error .error-icon {
transform: scale(1);
}
.whatsapp-chat-input:invalid:hover:focus ~ .error .error-text {
color: var(--wa-chat-white);
transform: scaleX(1);
transition: transform 0.2s, color 0.2s 0.1s;
}
.whatsapp-chat-checkbox .whatsapp-chat-green-bubble {
width: calc(90% - 1.75rem);
cursor: pointer;
}
.whatsapp-chat-checkbox .whatsapp-chat-green-bubble:before {
content: "";
position: absolute;
top: 50%;
right: 100%;
width: 1.125rem;
height: 1.125rem;
margin-right: 1rem;
border: 2px solid rgba(0, 0, 0, 0.5);
border-radius: 0.25rem;
transform: translateY(-50%);
transition: 0.2s;
}
.whatsapp-chat-checkbox .whatsapp-chat-green-bubble:after {
content: "";
position: absolute;
top: 50%;
right: 100%;
width: 0.6rem;
height: 0.35rem;
margin-right: 1.125rem;
margin-top: -0.125rem;
border-left: 2px solid var(--wa-chat-white);
border-bottom: 2px solid var(--wa-chat-white);
transform: rotate(-90deg) translateY(-50%) scale(0);
transition: 0.2s;
}
.whatsapp-chat-checkbox .whatsapp-chat-green-bubble:hover:before {
border-color: rgba(0, 0, 0, 0.75);
}
.whatsapp-chat-checkbox .whatsapp-chat-green-bubble:hover .whatsapp-chat-input {
color: var(--wa-chat-placeholder-color-hover);
}
.whatsapp-chat-checkbox .whatsapp-chat-input {
pointer-events: none;
color: var(--wa-chat-placeholder-color);
line-height: 1.2;
transition: 0.2s;
}
.whatsapp-chat-checkbox .error {
margin-right: 1.75rem;
}
.whatsapp-chat-checkbox input[type=checkbox],
.whatsapp-chat-checkbox input[type=radio] {
display: none;
}
.whatsapp-chat-checkbox input[type=radio] ~ .whatsapp-chat-green-bubble:before {
border-radius: 50%;
}
.whatsapp-chat-checkbox input:checked ~ .whatsapp-chat-green-bubble:before {
border-color: var(--wa-chat-green);
background-color: var(--wa-chat-green);
}
.whatsapp-chat-checkbox input:checked ~ .whatsapp-chat-green-bubble:after {
transform: rotate(-45deg) translateY(-50%) scale(1);
transition: 0.2s 0.15s;
}
.whatsapp-chat-checkbox input:checked ~ .whatsapp-chat-green-bubble .whatsapp-chat-input {
color: var(--wa-chat-dark-green);
}
.whatsapp-chat-checkbox input[required]:not(:checked) ~ .whatsapp-chat-green-bubble:hover .error-icon {
transform: scale(1);
}
.whatsapp-chat-checkbox input[required]:not(:checked) ~ .whatsapp-chat-green-bubble:hover .error-text {
color: var(--wa-chat-white);
transform: scaleX(1);
transition: transform 0.2s, color 0.2s 0.1s;
}
.whatsapp-chat .error {
position: absolute;
top: 50%;
right: 100%;
transform: translateY(-50%);
padding-right: 1rem;
white-space: nowrap;
pointer-events: none;
}
.whatsapp-chat .error-icon {
display: inline-block;
width: 1.25rem;
height: 1.25rem;
color: var(--wa-chat-red);
vertical-align: middle;
transform: scale(0);
transition: 0.25s;
}
.whatsapp-chat .error-text {
position: absolute;
right: var(--wa-chat-error-text-right);
left: var(--wa-chat-error-text-left);
bottom: var(--wa-chat-error-text-bottom);
display: inline-block;
font-size: 0.625rem;
margin: var(--wa-chat-error-text-margin);
color: var(--wa-chat-red);
background: var(--wa-chat-red);
border-radius: 0.25rem;
padding: 0.25rem 0.5rem;
vertical-align: middle;
transform: scaleX(0);
transform-origin: var(--wa-chat-error-text-transform-origin);
transition: transform 0.2s 0.1s, color 0.2s;
}
@media (min-width: 640px) {
.whatsapp-chat .error-text {
right: var(--wa-chat-error-text-alt-right, var(--wa-chat-error-text-right));
left: var(--wa-chat-error-text-alt-left, var(--wa-chat-error-text-left));
bottom: var(--wa-chat-error-text-alt-bottom, var(--wa-chat-error-text-bottom));
margin: var(--wa-chat-error-text-alt-margin, var(--wa-chat-error-text-margin));
transform-origin: var(--wa-chat-error-text-alt-transform-origin, var(--wa-chat-error-text-transform-origin));
}
}
.whatsapp-chat-btn {
display: inline-block;
font-size: 16px !important;
letter-spacing: 0.05em;
font-weight: 600;
line-height: 1.5;
text-align: center;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 0;
padding: 8px 20px 9px 20px;
margin-top: 1rem;
border-radius: var(--wa-chat-form-btn-border-radius);
background: var(--wa-chat-green);
color: var(--wa-chat-white);
transition: 0.2s;
}
.whatsapp-chat-btn:hover {
background: var(--wa-chat-dark-green);
color: var(--wa-chat-white);
}
.whatsapp-chat .text-wa-green {
color: var(--wa-chat-green);
}
.whatsapp-chat .text-wa-light-green {
color: var(--wa-chat-light-green);
}
.whatsapp-chat-btn svg {
margin-top: -1px;
width: 20px;
height: 20px;
fill: #ffffff;
margin-left: auto;
transform: rotate(40deg);
-webkit-transform: rotate(40deg);
}


.contact-callme-chat {
z-index: 1000;
position: fixed;
right: 0;
bottom: 0;
line-height: 1.25;
font-family: var(--wa-chat-font-family);
}
.contact-callme-chat-toggler {
display: none;
}
.contact-callme-chat-toggler:not(:checked) ~ .contact-callme-chat-window {
transform: scale(0.75) translateY(calc(100% + 15rem / 0.75));
pointer-events: none;
}
.contact-callme-chat-toggler:not(:checked) ~ .contact-callme-chat-backdrop {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.contact-callme-chat-backdrop {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
background: var(--wa-chat-backdrop-color);
transition: 0.25s;
}
.contact-callme-chat-button {
position: fixed;
left: var(--wa-chat-left);
right: var(--wa-chat-right);
bottom: 0.5rem;
width: var(--wa-chat-button-size);
height: var(--wa-chat-button-size);
border-radius: 25px 30px 0px 25px;
background: #012e41;
border: 1px solid #ffffff;
color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.contact-callme-chat-button {
    width: 125px;
    height: 35px;
}
.contact-callme-chat-button p {
    display: block;
}
.contact-callme-chat-window {
position: fixed;
left: var(--wa-chat-left);
right: var(--wa-chat-right);
bottom: 3.8rem;
box-shadow: var(--wa-chat-box-shadow);
transform-origin: bottom;
border-radius: var(--wa-chat-border-radius);
width: var(--wa-chat-width);
max-width: calc(100% - var(--wa-chat-distance-x) * 2);
transition: 0.4s;
}
@media (max-width: 425px) {
    .contact-callme-chat-button {
        width: 48px;
        height: 48px;
        border-radius: var(--wa-chat-button-border-radius);
    }
    .contact-callme-chat-button p {
        display: none;
    }
    .contact-callme-chat-window {
        bottom: 4.6rem;
    }
}
.contact-callme-chat-header {
background: #31a3b1;
color: var(--wa-chat-white);
display: flex;
align-items: center;
padding: var(--wa-chat-header-padding);
border-radius: var(--wa-chat-border-radius) var(--wa-chat-border-radius) 0 0;
}
.contact-callme-chat-header > * {
display: flex;
}
.contact-callme-chat-contact-img {
width: var(--wa-chat-contact-img-size);
height: var(--wa-chat-contact-img-size);
border-radius: var(--wa-chat-contact-img-size);
object-fit: cover;
}
.contact-callme-chat-contact-info {
-webkit-flex: 1 0 0;
flex: 1 0 0;
flex-direction: column;
padding: 0 1rem;
}
.contact-callme-chat-close {
padding: 0.25rem;
margin-right: -0.25rem;
cursor: pointer;
transition: 0.2s;
}
.contact-callme-chat-close svg {
width: var(--wa-chat-close-size);
height: var(--wa-chat-close-size);
}
.contact-callme-chat-close:hover {
transform: scale(1.1);
color: var(--wa-chat-light);
}
.contact-callme-chat-body {
padding: var(--wa-chat-body-padding);
font-size: 0.875rem;
background: #ffffff;
background-size: cover;
text-align: center;
border-radius: 0 0 var(--wa-chat-border-radius) var(--wa-chat-border-radius);
}
.contact-callme-chat-bubble {
position: relative;
z-index: 0;
margin: 0 auto 0.5rem 0;
padding: 0.125rem 0 0.25rem;
border-width: 0.3rem 0.75rem 0.3rem 1.5rem;
border-style: solid;
-o-border-image: url('../admin/images/generic/UD8BZ7J_d.webp') 8 20 8 30 stretch;
border-image: url('../admin/images/generic/UD8BZ7J_d.webp') 8 20 8 30 stretch;
color: var(--wa-chat-body-color);
text-align: left;
}
@media (min-width: 425px) {
.contact-callme-chat-bubble {
width: 85%;
}
}
.contact-callme-chat-bubble:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #f9f9f9;
z-index: -1;
}
.contact-callme-chat-green-bubble {
position: relative;
display: block;
border-width: 0.3rem 1rem 0.3rem 0.3rem;
border-style: solid;
width: 90%;
text-align: left;
cursor: text;
margin: 0 0 0 auto;
color: var(--wa-chat-body-color);
}
.contact-callme-chat-green-bubble:hover .contact-callme-chat-input::placeholder {
color: var(--wa-chat-placeholder-color-hover);
}
@media (min-width: 40rem) {
.contact-callme-chat-green-bubble {
width: 85% !important;
}
}
.contact-callme-chat-input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-clip: padding-box;
display: block;
font-weight: 400;
line-height: 1.5;
padding: 0.5rem 1rem;
width: 100%;
border: 0;
background: var(--wa-chat-light);
box-shadow: none;
outline: none;
border-radius: 0;
font-size: inherit;
color: inherit;
}
.contact-callme-chat-input::placeholder {
color: var(--wa-chat-placeholder-color);
transition: 0.2s;
}
.contact-callme-chat-input:invalid:hover ~ .error .error-icon {
transform: scale(1);
}
.contact-callme-chat-input:invalid:hover:focus ~ .error .error-text {
color: var(--wa-chat-white);
transform: scaleX(1);
transition: transform 0.2s, color 0.2s 0.1s;
}
.contact-callme-chat-checkbox .contact-callme-chat-green-bubble {
width: calc(90% - 1.75rem);
cursor: pointer;
}
.contact-callme-chat-checkbox .contact-callme-chat-green-bubble:before {
content: "";
position: absolute;
top: 50%;
right: 100%;
width: 1.125rem;
height: 1.125rem;
margin-right: 1rem;
border: 2px solid rgba(0, 0, 0, 0.5);
border-radius: 0.25rem;
transform: translateY(-50%);
transition: 0.2s;
}
.contact-callme-chat-checkbox .contact-callme-chat-green-bubble:after {
content: "";
position: absolute;
top: 50%;
right: 100%;
width: 0.6rem;
height: 0.35rem;
margin-right: 1.125rem;
margin-top: -0.125rem;
border-left: 2px solid var(--wa-chat-white);
border-bottom: 2px solid var(--wa-chat-white);
transform: rotate(-90deg) translateY(-50%) scale(0);
transition: 0.2s;
}
.contact-callme-chat-checkbox .contact-callme-chat-green-bubble:hover:before {
border-color: rgba(0, 0, 0, 0.75);
}
.contact-callme-chat-checkbox .contact-callme-chat-green-bubble:hover .contact-callme-chat-input {
color: var(--wa-chat-placeholder-color-hover);
}
.contact-callme-chat-checkbox .contact-callme-chat-input {
pointer-events: none;
color: var(--wa-chat-placeholder-color);
line-height: 1.2;
transition: 0.2s;
}
.contact-callme-chat-checkbox .error {
margin-right: 1.75rem;
}
.contact-callme-chat-checkbox input[type=checkbox],
.contact-callme-chat-checkbox input[type=radio] {
display: none;
}
.contact-callme-chat-checkbox input[type=radio] ~ .contact-callme-chat-green-bubble:before {
border-radius: 50%;
}
.contact-callme-chat-checkbox input:checked ~ .contact-callme-chat-green-bubble:before {
border-color: #012e41;
background-color: #012e41;
}
.contact-callme-chat-checkbox input:checked ~ .contact-callme-chat-green-bubble:after {
transform: rotate(-45deg) translateY(-50%) scale(1);
transition: 0.2s 0.15s;
}
.contact-callme-chat-checkbox input:checked ~ .contact-callme-chat-green-bubble .contact-callme-chat-input {
color: #001b41;
}
.contact-callme-chat-checkbox input[required]:not(:checked) ~ .contact-callme-chat-green-bubble:hover .error-icon {
transform: scale(1);
}
.contact-callme-chat-checkbox input[required]:not(:checked) ~ .contact-callme-chat-green-bubble:hover .error-text {
color: var(--wa-chat-white);
transform: scaleX(1);
transition: transform 0.2s, color 0.2s 0.1s;
}
.contact-callme-chat .error {
position: absolute;
top: 50%;
right: 100%;
transform: translateY(-50%);
padding-right: 1rem;
white-space: nowrap;
pointer-events: none;
}
.contact-callme-chat .error-icon {
display: inline-block;
width: 1.25rem;
height: 1.25rem;
color: var(--wa-chat-red);
vertical-align: middle;
transform: scale(0);
transition: 0.25s;
}
.contact-callme-chat .error-text {
position: absolute;
right: var(--wa-chat-error-text-right);
left: var(--wa-chat-error-text-left);
bottom: var(--wa-chat-error-text-bottom);
display: inline-block;
font-size: 0.625rem;
margin: var(--wa-chat-error-text-margin);
color: var(--wa-chat-red);
background: var(--wa-chat-red);
border-radius: 0.25rem;
padding: 0.25rem 0.5rem;
vertical-align: middle;
transform: scaleX(0);
transform-origin: var(--wa-chat-error-text-transform-origin);
transition: transform 0.2s 0.1s, color 0.2s;
}
@media (min-width: 640px) {
.contact-callme-chat .error-text {
right: var(--wa-chat-error-text-alt-right, var(--wa-chat-error-text-right));
left: var(--wa-chat-error-text-alt-left, var(--wa-chat-error-text-left));
bottom: var(--wa-chat-error-text-alt-bottom, var(--wa-chat-error-text-bottom));
margin: var(--wa-chat-error-text-alt-margin, var(--wa-chat-error-text-margin));
transform-origin: var(--wa-chat-error-text-alt-transform-origin, var(--wa-chat-error-text-transform-origin));
}
}
.contact-callme-chat-btn {
display: inline-block;
font-size: 16px !important;
letter-spacing: 0.05em;
font-weight: 500;
line-height: 1.5;
text-align: center;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 0;
padding: 10px 20px;
width: 100%;
margin: 0px;
border-radius: var(--wa-chat-form-btn-border-radius);
background: #012e41;
color: var(--wa-chat-white);
transition: 0.2s;
}
.contact-callme-chat-btn:hover {
background: #012e41;
color: var(--wa-chat-white);
}
.contact-callme-chat .text-wa-green {
color: #012e41;
}
.contact-callme-chat .text-wa-light-green {
color: var(--wa-chat-light-green);
}
.contact-callme-chat-btn svg {
margin-top: -2px;
width: 25px;
height: 25px;
fill: #ffffff;
margin-left: auto;
}

.whatsapp-chat-button { -webkit-animation: blur 2s 8s 1; animation: blur 2s 12s 2; }
.contact-callme-chat-button { -webkit-animation: blur 2s 8s 1; animation: blur 2s 8s 2; }

@-webkit-keyframes blur {
    0%   { -webkit-transform: rotateZ(-5deg); }
    50%  { -webkit-transform: rotateZ(0deg) scale(0.8); }
    100% { -webkit-transform: rotateZ(5deg); }
}

@keyframes blur {
    0%   { transform: rotateZ(-5deg); }
    50%  { transform: rotateZ(0deg) scale(0.8); }
    100% { transform: rotateZ(5deg); }
}

@media only screen and (max-width: 1450px) {
    
    .title-specialist { font-size: 40px !important; padding-bottom: 8px; }
    .subtitle-specialist { font-size: 30px !important; }
    .footer-specialist { font-size: 28px !important; line-height: 35px !important; }
    .bg-specialist { width: 200px; height: 150px; }

    .partner-area h2 { font-size: 32px !important; font-family: 'OpenSans-Bold' !important; }
    
    .container-subscribe  { max-width: 1250px !important; padding-top: 60px !important; padding-bottom: 90px !important; }
    .subscribe-area::before { position: absolute; top: 18%; left: 0; width: 100%; height: 60%; background-color: #c7c7c7; }
    .container-subscribe .container-subscribe-row  { box-shadow: 1px 10px 10px #c7c7c7!important; }
    .subscribe-content-right h2 { color: #ffffff !important; font-size: 30px !important; padding: 45px 85px 0px 85px !important; font-family: 'OpenSans-Bold' !important; }
    .subscribe-content-right p  { padding: 0px 20px 0px 85px !important; color: #00c5ff !important; font-size: 32px !important; font-family: 'OpenSans-Bold' !important; line-height: 18px; }
    .subscribe-content-left { padding: 40px !important; }
    .subscribe-content-left .subscribe-title-left h3 { font-family: 'OpenSans-Bold' !important; padding-bottom: 25px !important; font-size: 22px; }
    .subscribe-content-left a { font-size: 14px; font-weight: 600; color: #0c4d9b; padding-bottom: 3px; }

    .cta-area .tleft  { color: #ffffff; padding: 50px 55px 60px 55px; font-size: 35px; margin: 0px; }
    .cta-area .tleft  .tleftb-1  { font-family: 'OpenSans-Bold' !important; font-size: 45px; }

    .working-area .container-fluid { max-width: 1100px; }

    .subscribe-content p { font-size: 17px !important; padding: 0px 80px !important; }
}


@media only screen and (max-width: 767px) {

    .banner-icon-menu div .w30 { width: 30%; height:100px !important; padding: 18px 0px 16px 0px; }
    .banner-icon-menu div .w40 { width: 35%; padding: 8px 0px 8px 0px; }
    .banner-icon-menu div p    { font-size: 12px; font-family: 'OpenSans-ExtraBold' !important; }

    .working-area { padding-top: 60px !important; }

    .bg-specialist { width: 175px; height: 150px; }
    .bg-specialist div { font-size: 14px; }
    .title-specialist { font-size: 25px !important; padding-bottom: 0px !important; text-align: center !important; }
    .subtitle-specialist { font-size: 16px !important; text-align: center !important; }
    .footer-specialist { font-size: 13px !important; line-height: 18px !important; text-align: center; padding-right: 0; }

    .subscribe-content-right h2 { font-size: 25px !important; padding: 45px 60px 0px 45px !important; text-align: left; }
    .subscribe-content-right p { padding: 0px 0px 0px 45px !important; font-size: 26px !important; text-align: left; }
    .subscribe-content-left .subscribe-title-left h3 { font-size: 15px; text-align: left; }
    .subscribe-content-left .row { font-size: 12px; text-align: left; padding: 0px 25px; }
    .subscribe-content-left .row div { font-size: 13px; text-align: left; }

    .cta-area .tleft { padding: 25px 0px; font-size: 20px; }
    .cta-area .tleft .tleftb-1 { font-size: 30px; }
    .cta-area .tright .trightb-1 { font-size: 16px; }
    .cta-area a{ padding: 10px 50px 10px 50px; font-size: 20px; margin: 25px auto; }

    .partner-area h2 { font-size: 20px !important; padding-top: 20px; }
    .partner-area .owl-theme .owl-nav .owl-prev { left: -30px; }
    .partner-area .owl-theme .owl-nav .owl-next { right: -30px; }
    .partner-area .owl-theme .owl-nav .owl-prev, .partner-area .owl-theme .owl-nav .owl-next { border: 0px; }
    .owl-theme .owl-dots .owl-dot { padding-top: 20px !important; }

    .title-contain-blog { font-size: 30px !important; }

    .fsize-29 { font-size: 18px; }
    .faq-accordion .accordion .accordion-title { background-color: #dbdbdb; padding: 10px 20px 10px 20px; }
    .faq-accordion .accordion .accordion-title.active { font-size: 28px !important; }
    .faq-accordion .accordion .accordion-title i, .faq-accordion .accordion .accordion-title.active i { top: 15px; }
    .subscribe-content p { font-size: 14px !important; padding: 0px 10px !important; text-align: left; }

}

@media only screen and (max-width: 400px) {

    .bg-specialist { width: 160px; height: 150px; }
}

@font-face {
    font-family: 'OpenSans';
    src: url('../fonts/OpenSans/OpenSans-Regular.ttf');
}

@font-face {
    font-family: 'OpenSans-Bold';
    src: url('../fonts/OpenSans/OpenSans-Bold.ttf');
}

@font-face {
    font-family: 'OpenSans-ExtraBold';
    src: url('../fonts/OpenSans/OpenSans-ExtraBold.ttf');
}