/*
Nav Area Style
======================================================*/
.navbar-area {
-webkit-box-shadow: 0px 5px 20px 3px rgba(230, 233, 249, 0.9);
        box-shadow: 0px 5px 20px 3px rgba(230, 233, 249, 0.9);
background-color: #ffffff;
padding: 5px 0px;
}

.menu-header {
background-color: #31a3b1;
padding: 0px;
box-shadow: 2px 4px 5px #9b9b9b;
}

.menu-header {
padding-top: 0;
padding-bottom: 0;
}
.navbar {
position: inherit;
padding: .8rem 1rem !important;
}
.menu-header .navbar {
position: inherit;
padding: 0px !important;
}

.menu-header .navbar .navbar-brand {
font-size: inherit;
line-height: 1;
padding: 0;
margin-right: 0;
}

.menu-header .navbar ul {
padding-left: 0;
list-style-type: none;
margin-bottom: 0;
}

.menu-header .navbar .navbar-nav .nav-item {
position: relative;
padding: 0;
}

.menu-header .navbar .navbar-nav .nav-item a {
font-size: 14px;
font-weight: 500;
color: #f1f1f0;
letter-spacing: 1px;
-webkit-transition: all ease 0.5s;
transition: all ease 0.5s;
margin-left: 0;
margin-right: 0;
padding: 13px 0;
position: relative;
margin: 0 24px;
}

.menu-header .navbar .navbar-nav .nav-item a i {
font-size: 25px;
line-height: 0;
position: relative;
top: 4px;
color: #f1f1f0;
}

.menu-header .navbar .navbar-nav .nav-item a:hover, .menu-header .navbar .navbar-nav .nav-item a:hover i {
color: #026773;
}

.menu-header .navbar .navbar-nav .nav-item a.active {
color: #026773;
}

.menu-header .navbar .navbar-nav .nav-item .dropdown-menu--large {
position: absolute;
top: 130%;
left: -300px;
opacity: 0;
width: 380px;
visibility: hidden;
z-index: 99;
display: block;
padding: 0;
background-color: #ffffff;
border: none;
border-radius: 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-box-shadow: 0px 5px 20px 3px rgba(230, 233, 249, 0.9);
        box-shadow: 0px 5px 20px 3px rgba(230, 233, 249, 0.9);
border-top: 2px solid #011c40;
max-height: 400px;
overflow: auto;
}

.menu-header .navbar .navbar-nav .nav-item .dropdown-menu--large li a {
font-size: 14px;
color: #1a1a1a;
position: relative;
padding: 15px 15px;
border-bottom: 1px dashed #eeeeee;
margin-left: 0;
margin-right: 0;
text-transform: initial;
display: block;
font-weight: 600;
}

.menu-header .navbar .navbar-nav .nav-item .dropdown-menu {
position: absolute;
top: 130%;
left: 15px;
opacity: 0;
width: 250px;
visibility: hidden;
z-index: 99;
display: block;
padding: 0;
background-color: #ffffff;
border: none;
border-radius: 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-box-shadow: 0px 5px 20px 3px rgba(230, 233, 249, 0.9);
box-shadow: 0px 5px 20px 3px rgba(230, 233, 249, 0.9);
border-top: 2px solid #011c40;
}

.bg-active { background-color: #F3F6F9; }

.menu-header .navbar .navbar-nav .nav-item .dropdown-menu li {
position: relative;
padding: 0;
}

.menu-header .navbar .navbar-nav .nav-item .dropdown-menu li a {
font-size: 14px;
color: #1a1a1a;
position: relative;
padding: 15px 15px;
border-bottom: 1px dashed #eeeeee;
margin-left: 0;
margin-right: 0;
text-transform: initial;
display: block;
font-weight: 600;
}

.menu-header .navbar .navbar-nav .nav-item .dropdown-menu li a i {
float: right;
top: 7px;
-webkit-transition: all ease 0.5s;
transition: all ease 0.5s;
font-size: 20px;
}

.menu-header .navbar .navbar-nav .nav-item .dropdown-menu li a:hover {
color: #011c40;
}

.menu-header .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
color: #011c40;
}

.menu-header .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
left: 100%;
top: 0;
}

.menu-header .navbar .navbar-nav .nav-item .dropdown-menu li:last-child a {
border-bottom: none;
}

.menu-header .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
position: absolute;
left: -98%;
top: 20px !important;
opacity: 0 !important;
visibility: hidden !important;
}

.menu-header .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu {
position: absolute;
right: -100%;
top: 0;
opacity: 0 !important;
visibility: hidden !important;
}

.menu-header .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
color: #1a1a1a;
text-transform: capitalize;
font-size: 14px;
font-weight: 600;
border-bottom: 1px dashed #eeeeee;
}

.menu-header .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover {
color: #011c40;
}

.menu-header .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus {
color: #011c40;
}

.menu-header .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active {
color: #011c40;
}

.menu-header .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:last-child a {
border-bottom: 0;
}

.menu-header .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {
opacity: 1 !important;
visibility: visible !important;
top: -4px !important;
}

.menu-header .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu li:hover .dropdown-menu {
opacity: 1 !important;
visibility: visible !important;
top: -20px !important;
}

.menu-header .navbar .navbar-nav .nav-item .dropdown-menu:last-child .dropdown-menu {
right: auto;
left: -100%;
}

.menu-header .navbar .navbar-nav .nav-item:hover ul {
opacity: 1;
visibility: visible;
top: 98%;
}

.menu-header .navbar .navbar-nav .nav-item:hover .dropdown-menu::before {
height: 100%;
right: auto;
bottom: 0;
}

.menu-header .navbar .others-option .get-quote {
display: inline-block;
}

.navbar-area.navbar-area-two {
-webkit-box-shadow: none;
        box-shadow: none;
}

.navbar-expand-md .navbar-collapse { display: flex !important; align-items: center !important; justify-content: end !important; }

.banner-img-fondo {mix-blend-mode: multiply;}
.banner-area { padding: 20px 445px 50px 445px; background-color: #f1f1f0; }
.banner-area .banner-area-img { padding: 25px 0px 0px 0px; }
.banner-area h1 { font-size: 40px; line-height: 45px; font-weight: 700; color: #000000; text-align: right; padding-top: 60px; padding-bottom: 20px; }
.banner-area h4 { font-size: 20px; line-height: 30px; font-weight: 500; color: #026773; text-align: right; padding-left: 120px; }
.banner-area a        {  font-size: 16px;  line-height: 26px; font-family: 'Roboto Flex', 'Poppins', Arial !important; padding: 15px 35px; margin: 20px 0px 0px 0px; border: 0px; background-color: #452049; border-radius: 50px; outline: none; }
.banner-area a:hover  { background-color: #96449f !important; color: #ffffff !important; }
.banner-area a:active { background-color: #dbbade !important; outline: none !important; }

.how-it-work-area              { padding: 100px 100px 90px 100px; }
.how-it-work-area .col-md-3    { padding: 0px 35px; }
.how-it-work-area img          { width: auto !important; height: 145px !important; margin: 20px auto 0px auto !important; margin-top: 20px; }
.how-it-work-area h2           { font-size: 40px; line-height: 45px; font-weight: 700; color: #012e41; padding-bottom: 30px; }
.how-it-work-area h4           { font-size: 20px; line-height: 30px; font-weight: 500; color: #000000; }
.how-it-work-area .card-hiw    { padding: 40px 0px; }
.how-it-work-area .card-hiw h3 { font-size: 22px; line-height: 28px; font-weight: 600; padding: 20px 0px 0px 0px; color: #31a3b1; }
.how-it-work-area .card-hiw p  { font-size: 19px; line-height: 25px; font-weight: 500; color: #000000; font-family: 'Roboto Flex', 'Poppins', Arial !important; padding-top: 5px; margin-bottom: 5px; }
.how-it-work-area a        {  font-size: 16px;  line-height: 26px; font-family: 'Roboto Flex', 'Poppins', Arial !important; padding: 15px 35px; margin: 20px 0px 0px 0px; border: 0px; background-color: #452049; border-radius: 50px; outline: none; }
.how-it-work-area a:hover  { background-color: #96449f !important; color: #ffffff !important; }
.how-it-work-area a:active { background-color: #dbbade !important; outline: none !important; }

.data-report-area .cm6-dr-left        { background-color: #dcdcdc; }
.data-report-area .cm6-dr-right       { background-color: #012e41; padding: 55px 55px 10px 55px; }
.data-report-area .cm6-dr-right ul.custom-list-circle { padding: 12px 0px; margin: 0px; list-style: inside; }
.data-report-area .cm6-dr-right ul.custom-list-circle li { font-size: 18px; line-height: 23px; font-weight: 200; color: #ffffff; font-family: 'Roboto Flex', 'Poppins', Arial !important; letter-spacing: 1px; position: relative; margin-bottom: 8px; }
.data-report-area .cm6-dr-right ul.custom-list-circle li::marker { font-size: 25px; }
.data-report-area .cm6-dr-right ul.custom-list-circle li a { font-weight: 600; color: #31a3b1; font-size: 18px; letter-spacing: 0px; }
.data-report-area .cm6-dr-right ul.custom-list-checked { padding: 22px 35px 0px 35px; margin: 0px; list-style-type: none; }
.data-report-area .cm6-dr-right ul.custom-list-checked li { font-size: 18px; line-height: 23px; font-weight: 200; color: #ffffff; font-family: 'Roboto Flex', 'Poppins', Arial !important; letter-spacing: 1px; position: relative; padding-left: 35px; margin-bottom: 10px; }
.data-report-area .cm6-dr-right ul.custom-list-checked li::before { content: "\2713"; font-size: 16px; font-weight: 800; color: #74C658; background-color: transparent; border: 2px solid #74C658; border-radius: 3px; padding: 5px; position: absolute; left: 0; top: 0; width: 22px; height: 22px; display: flex; align-items: center; justify-content: center; }
.data-report-area .cm6-dr-right ul.custom-list-checked li a { font-weight: 600; color: #31a3b1; font-size: 18px; letter-spacing: 0px; }
.data-report-area .cm6-dr-right h2    { font-size: 40px; line-height: 45px; font-weight: 700; padding-right: 300px; color: #ffffff; }
.data-report-area .cm6-dr-right p     { font-size: 19px; line-height: 27px; font-weight: 600; color: #ffffff; margin-bottom: 2px; padding-top: 0px; padding-right: 210px; font-family: 'Roboto Flex', 'Poppins', Arial !important; }

.specialities-area      { padding: 85px 445px 105px 445px; }
.specialities-area h3   { font-size: 24px; line-height: 32px; font-weight: 700; text-align: center; color: #026773; }
.specialities-area .sca { padding: 30px 30px 20px 30px; }
.specialities-area .sca .data-images { text-align: center; }
.specialities-area .sca .data-images .hover:hover { box-shadow: 0px 6px 8px 0px #878787; }
.specialities-area .sca .data-images p { font-weight: 700; font-size: 20px; line-height: 22px; color: #012E41; margin: 15px 0px 0px 0px; }
.specialities-area .sca .data-images .b-bottom-25  { border-bottom: 4px solid #339bab; width: 25%;  border-radius: 10px; margin: 0px auto 15px auto; }
.specialities-area .sca .data-images .b-bottom-100 { border-bottom: 1px solid #4e4e4e; width: 100%; border-radius: 10px; margin: 0px auto 15px auto; }

.slider-report-area { margin-bottom: 125px; }
.slider-report-area .slider-report-slider .slider-report-item a img { width: auto !important; }
.slider-report-area .owl-theme .owl-nav {margin-top: 0 !important; }
.slider-report-area .owl-theme .owl-nav .owl-prev, .slider-report-area .owl-theme .owl-nav .owl-next { position: absolute; left: -60px; top: 50%; -webkit-transform: translateY(-15px); transform: translateY(-15px); margin: 0; width: 30px; height: 30px; line-height: 26px; border-radius: 50%; display: inline-block; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; }
.slider-report-area .owl-theme .owl-nav .owl-prev i, .slider-report-area .owl-theme .owl-nav .owl-next i { font-size: 90px; font-style: normal; color: #026773; position: relative; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; }
.slider-report-area .owl-theme .owl-nav .owl-next { right: -60px; left: auto; }
.slider-report-area .owl-theme .owl-nav .owl-next i { left: auto; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; }
.slider-report-area .owl-theme .owl-nav .owl-prev:hover, .slider-report-area .owl-theme .owl-nav .owl-next:hover { background-color: transparent !important; border-color: transparent; }

.prices-area    { padding: 0px 315px 100px 315px; }
.prices-area h1 { font-size: 40px; line-height: 45px; font-weight: 700; color: #31A3B1; margin-bottom: 32px; }
.prices-area h3 { font-size: 24px; line-height: 32px; font-weight: 700; color: #4E4E4E; margin-bottom: 58px; }
.prices-area .prices-card .card { border-radius: 0px 100px 0px 100px; box-shadow: 2px 0.5px 1.5px -0.5px #452049; }
.prices-area .prices-card .card .card-header { background: #31a3b1; border-radius: 0px 100px 0px 0px; padding: 25px 30px 10px 30px; box-shadow: 1px 0px 2px 0px #31a3b1; }
.prices-area .prices-card .card .card-header h1 { font-size: 40px; line-height: 40px; font-weight: 800; font-style: italic; color: #f1f1f0; margin: 0px; letter-spacing: 4px; }
.prices-area .prices-card .card .card-header h4 { font-size: 20px; line-height: 27px; font-weight: 600; font-family: 'Roboto Flex', 'Poppins', Arial !important; color: #4E4E4E; }
.prices-area .prices-card .card .card-body { padding: 120px 0px 65px 0px; box-shadow: 1px 0px 2px 0px #ffffff; }
.prices-area .prices-card .card .card-body .price-number { font-size: 96px; line-height: 40px; font-weight: 800; color: #31A3B1; letter-spacing: 10px; }
.prices-area .prices-card .card .card-body .price-text   { font-size: 18px; line-height: 28px; font-weight: 500; color: #452049; padding: 10px 15px; letter-spacing: 1px; font-style: italic; }
.prices-area .prices-card .card .card-info { background-color: #f1f1f0; padding: 5px 10px; box-shadow: 1px 0px 2px 0px #f1f1f0; }
.prices-area .prices-card .card .card-info ul { padding-top: 10px; margin: 0px; }
.prices-area .prices-card .card .card-info ul li { font-size: 18px; line-height: 24px; padding-bottom: 10px; font-weight: 500; font-style: italic; text-align: left; letter-spacing: 1px; }
.prices-area .prices-card .card .card-footer { background: #452049; border-radius: 0px 0px 0px 100px; padding: 20px 55px 20px 30px; text-align: right; box-shadow: 1px 0px 2px 0px #452049; }
.prices-area .prices-card .card .card-footer a { font-size: 18px; line-height: 40px; font-weight: 700; color: #ffffff; letter-spacing: 2px; }
.prices-area .prices-slider .owl-nav { display: none !important; }

/*.provinces-area                { padding: 0px 405px 0px 405px; }*/
.provinces-area .row {display: flex; flex-wrap: wrap; margin: auto;}
.provinces-area .cm5-p-left    { background-color: #012e41; justify-content: center; display: flex; align-items: center; flex-direction: column;}
.provinces-area .cm5-p-left h2 { padding: 25px 50px 20px 50px; font-size: 25px; font-weight: 600; color: #ffffff; }
.provinces-area .cm7-p-right   { padding: 25px 20px; background-color: #31a3b1; }
.provinces-area .cm7-p-right p { font-weight: 600; font-size: 20px; color: #000000; }
.provinces-area .cm7-p-right a { font-size: 11px; padding: 10px 15px 5px 20px; font-family: 'Roboto Flex', 'Poppins', Arial !important; font-weight: 500; color: #F1F1F0; letter-spacing: 1px; }
.provinces-area .cm7-p-right a:hover { color: #026773; }

.calculator-area    { padding: 85px 520px; } 
.calculator-area h2 { font-size: 42px; font-weight: 700; color: #31a3b1; }
.calculator-area h3 { font-size: 23px; line-height: 33px; font-weight: 700; color: #4e4e4e; margin-top: 12px; }
.calculator-area p  { font-family: 'Roboto Flex', 'Poppins', Arial !important; font-size: 19px; line-height: 23px; margin-top: 15px; color: #000000; font-weight: 500; }
.calculator-area a  { font-size: 18px; color: #31a3b1; font-weight: 500; }

.cta-cdc-area    { background-color: #dcdcdc; padding: 0px 415px; margin-bottom: 100px; }
.cta-cdc-area .cta-right { padding: 32px 0px; }
.cta-cdc-area h1 { font-size: 40px; line-height: 45px; font-weight: 700; color: #012E41; padding-right: 35px; padding-bottom: 15px; }
.cta-cdc-area p  { font-size: 20px; line-height: 23px; font-weight: 400; color: #012E41; padding-bottom: 15px; font-family: 'Roboto Flex', 'Poppins', Arial !important; }
.cta-cdc-area .btn-cdc { font-size: 16px; line-height: 19px; font-weight: 500; font-family: 'Roboto Flex', 'Poppins', Arial !important; padding: 15px 35px; border: 0px; background-color: #31A3B1; color: #f1f1f0; border-radius: 50px; outline: none; float: right; margin-right: 20px; }
.cta-cdc-area .btn-cdc:hover { background-color: #5db4bf !important; outline: none !important; }
.cta-cdc-area .btn-cdc:active { background-color: #89d3dc !important; outline: none !important; }

.testimonials-area { margin-bottom: 100px; }
.testimonials-area h1 { font-size: 40px; line-height: 45px; font-weight: 700; color: #31A3B1; padding-bottom: 25px; }
.testimonials-area h4 { font-size: 20px; line-height: 30px; font-weight: 500; color: #4E4E4E; padding-bottom: 50px; }
.testimonials-area .testimonials-slider { padding: 0px 70px; }
.testimonials-area .testimonials-slider .testimonials-item { display: flex; align-items: center; justify-content: center; text-align: center; }
.testimonials-area .testimonials-slider .testimonials-item .testimonials-data .testimonials-img { width: auto !important; height: 200px !important; margin: auto; padding-bottom: 12px; }
.testimonials-area .testimonials-slider .testimonials-item .testimonials-data .testimonials-rating { display: flex; align-items: center; justify-content: center; padding-bottom: 10px; }
.testimonials-area .testimonials-slider .testimonials-item .testimonials-data .testimonials-rating img { width: auto !important; }
.testimonials-area .testimonials-slider .testimonials-item .testimonials-data h2 { font-size: 32px; line-height: 38px; font-weight: 600; color: #31A3B1; padding-bottom: 5px; }
.testimonials-area .testimonials-slider .testimonials-item .testimonials-data p  { font-size: 18px; line-height: 21px; font-weight: 500; color: #000000; font-family: 'Roboto Flex', 'Poppins', Arial !important; padding: 0px 20px; }
.testimonials-area .owl-theme .owl-nav {margin-top: 0 !important; }
.testimonials-area .owl-theme .owl-nav .owl-prev, .testimonials-area .owl-theme .owl-nav .owl-next { position: absolute; left: -60px; top: 50%; -webkit-transform: translateY(-15px); transform: translateY(-15px); margin: 0; width: 30px; height: 30px; line-height: 26px; border-radius: 50%; display: inline-block; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; }
.testimonials-area .owl-theme .owl-nav .owl-prev i, .testimonials-area .owl-theme .owl-nav .owl-next i { font-size: 90px; font-style: normal; color: #000000; position: relative; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; }
.testimonials-area .owl-theme .owl-nav .owl-next { right: -60px; left: auto; }
.testimonials-area .owl-theme .owl-nav .owl-next i { left: auto; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; }
.testimonials-area .owl-theme .owl-nav .owl-prev:hover, .testimonials-area .owl-theme .owl-nav .owl-next:hover { background-color: transparent !important; border-color: transparent; }

.description-text {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;transition: all 0.3s ease;line-height: 1.4em;max-height: calc(1.4em * 3);}
  
.description-text.expanded {-webkit-line-clamp: unset;max-height: none;display: block;overflow: visible;}
  
.toggle-btn {font-size: 14px;color: #452049 !important;cursor: pointer;margin-top: 5px;display: inline-block;}

.faqs-area    { padding: 0px 500px 75px 500px; }
.faqs-area h1 { font-size: 40px; line-height: 45px; font-weight: 700; color: #31A3B1; padding-bottom: 30px; }
.faqs-area .faq-accordion .accordion { margin-bottom: 35px; }
.faqs-area .faq-accordion .accordion .accordion-item { margin-bottom: 0px; }
.faqs-area .faq-accordion .accordion .accordion-item .accordion-title i { top: 25px; }
.faqs-area .faq-accordion .accordion .accordion-item .accordion-title { padding: 22px 20px; border-radius: 0px; background-color: #f1f1f0; border-bottom: 1px solid #31a3b1; }
.faqs-area .faq-accordion .accordion .accordion-item .accordion-title h4 { font-size: 20px; line-height: 30px; font-weight: 500; color: #000000; margin: 0px; }
.faqs-area .faq-accordion .accordion .accordion-item .accordion-content { background-color: #31a3b1; color: #ffffff !important; }
.faqs-area .faq-accordion .accordion .accordion-item .accordion-content p { font-size: 16px; line-height: 24px; font-weight: 400; color: #f1f1f0; }
.faqs-area .accordion-button a { font-size: 16px; line-height: 19px; font-weight: 500; font-family: 'Roboto Flex', 'Poppins', Arial !important; padding: 15px 35px; border: 0px; background-color: #452049; border-radius: 50px; outline: none; }
.faqs-area .accordion-button a:active { background-color: #452049 !important; outline: none !important; }

.cta-area    { background-color: #012e41 !important; margin: 0px 0px 80px 0px; padding: 23px 0px 27px 0px; }
.cta-area h4 { font-size: 40px; line-height: 45px; font-weight: 600; font-style: italic; color: #31A3B1; margin-bottom: 15px; }
.cta-area p  { font-size: 20px; line-height: 23px; font-weight: 400; font-family: 'Roboto Flex', 'Poppins', Arial !important; color: #F1F1F0; margin-bottom: 20px; }
.cta-area a { font-size: 16px; line-height: 19px; font-weight: 500; font-family: 'Roboto Flex', 'Poppins', Arial !important; padding: 15px 35px; border: 0px; background-color: #31A3B1; color: #f1f1f0; border-radius: 50px; outline: none; }
.cta-area a:hover { background-color: #5db4bf !important; outline: none !important; }
.cta-area a:active { background-color: #89d3dc !important; outline: none !important; }

.brands-area { margin: 0px 412px 75px 412px; }
.brands-area h4 { font-size: 20px; line-height: 30px; font-weight: 400; background-color: #31A3B1; color: #f1f1f0; padding:25px; margin: 0px; text-align: left; letter-spacing: 1px; }
.brands-area .faq-accordion .accordion .accordion-title { background-color: #31A3B1; padding-top: 0px; padding-right: 40px; padding-bottom: 0px; padding-left: 0px; }
.brands-area .faq-accordion .accordion .accordion-title.active { padding-top: 0px; padding-right: 40px; padding-bottom: 0px; padding-left: 0px; }
.brands-area .faq-accordion .accordion .accordion-title i { top: 28px; color: #ffffff; }
.brands-area .faq-accordion .accordion .accordion-title.active i { top: 28px; color: #ffffff; }
.brands-area .faq-accordion .accordion .accordion-content { padding: 60px 35px 40px 35px; background-color: #012e41; }
.brands-area .faq-accordion .accordion .accordion-content .list-cars-spain div { font-size: 11px; line-height: 13px; font-weight: 500; font-family: 'Roboto Flex', 'Poppins', Arial !important; color: #f1f1f0; letter-spacing: 2px; padding-bottom: 12px; } 

.blog-area { margin: 0px 412px 100px 412px; }
.blog-area h1 { font-size: 40px; line-height: 45px; font-weight: 700; color: #026773; padding-bottom: 30px; }
.blog-area p  { font-size: 20px; line-height: 23px; font-weight: 400; color: #000000; font-family: 'Roboto Flex', 'Poppins', Arial !important; padding-bottom: 50px; }
.blog-area .blog-data { padding: 20px; margin: 0px 0px 40px 0px; box-shadow: 0px 5px 12px -5px #2f2f2f; }
.blog-area .blog-data .blog-title       { font-size: 20px; line-height: 27px; font-weight: 600; color: #31A3B1; font-family: 'Roboto Flex', 'Poppins', Arial !important; text-transform: uppercase; }
.blog-area .blog-data .blog-description { font-size: 20px; line-height: 27px; font-weight: 600; color: #000000; font-family: 'Roboto Flex', 'Poppins', Arial !important; }
.blog-area .blog-data .blog-link { font-size: 18px; line-height: 40px; font-weight: 500; color: #026773; font-style: italic; position: absolute; bottom: 0; letter-spacing: 1px; }
.blog-area .btn-foro { font-size: 16px; line-height: 19px; font-weight: 500; font-family: 'Roboto Flex', 'Poppins', Arial !important; padding: 15px 35px; border: 0px; background-color: #452049; color: #f1f1f0; border-radius: 50px; outline: none; }
.blog-area .btn-foro:hover { background-color: #96449f !important; outline: none !important; }
.blog-area .btn-foro:active { background-color: #dbbade !important; outline: none !important; }
.blog-area .btn-blog { font-size: 16px; line-height: 19px; font-weight: 500; font-family: 'Roboto Flex', 'Poppins', Arial !important; padding: 15px 35px; border: 0px; background-color: #31A3B1; color: #f1f1f0; border-radius: 50px; outline: none; }
.blog-area .btn-blog:hover { background-color: #5db4bf !important; outline: none !important; }
.blog-area .btn-blog:active { background-color: #89d3dc !important; outline: none !important; }

.footer-area .footer-data { padding: 30px 370px 20px 370px; }
.footer-area .footer-data ul { list-style-type: disc; list-style-position: outside; color: #f1f1f0; }
.footer-area .footer-data ul li { padding-bottom: 10px; }
.footer-area .footer-data ul li a { font-size: 13px; line-height: 16px; font-weight: 600; font-family: 'Roboto Flex', 'Poppins', Arial !important; letter-spacing: 2px; }
.footer-area .footer-data ul li a:hover { color: #7d7d7d !important; }
.footer-area .footer-data ul li a:active, .footer-area .footer-data ul li a.active { color: #31a3b1 !important; }
.footer-area .footer-area-legal { background-color: #00161f; padding: 10px; }
.footer-area .footer-area-legal .legal   { font-size: 13px; line-height: 16px; font-weight: 500; font-family: 'Roboto Flex', 'Poppins', Arial !important; text-align: left;   }
.footer-area .footer-area-legal .terms   { font-size: 13px; line-height: 16px; font-weight: 500; font-family: 'Roboto Flex', 'Poppins', Arial !important; text-align: center; }
.footer-area .footer-area-legal .privacy { font-size: 13px; line-height: 16px; font-weight: 500; font-family: 'Roboto Flex', 'Poppins', Arial !important; text-align: right;  }
.footer-area .footer-area-legal .legal a, .footer-area .footer-area-legal .terms a, .footer-area .footer-area-legal .privacy a { color: #f1f1f0; letter-spacing: 2px; }
.footer-area .footer-area-legal .legal a:hover, .footer-area .footer-area-legal .terms a:hover, .footer-area .footer-area-legal .privacy a:hover { color: #7d7d7d; }
.footer-area .footer-area-legal .legal a:active, .footer-area .footer-area-legal .terms a:active, .footer-area .footer-area-legal .privacy a:active,
.footer-area .footer-area-legal .legal a.active, .footer-area .footer-area-legal .terms a.active, .footer-area .footer-area-legal .privacy a.active { color: #31a3b1; }
.footer-area .single-footer-widget .social-icon { margin-top: 55px !important; margin-bottom: 15px !important; }
.footer-area .btn-sr { font-size: 16px; line-height: 19px; font-weight: 500; font-family: 'Roboto Flex', 'Poppins', Arial !important; padding: 15px 35px; border: 0px; background-color: #31A3B1; color: #f1f1f0; border-radius: 50px; outline: none; position: absolute; bottom: 0px; right: 0px; }
.footer-area .btn-sr:hover { background-color: #5db4bf !important; outline: none !important; }
.footer-area .btn-sr:active { background-color: #89d3dc !important; outline: none !important; }

/*----- BEGIN:LANDING PROVINCES -----*/
.banner-provinces { background-color: #012e41; position: relative; display: flex; flex-direction: row; width: 100%; }
.banner-provinces .image-banner-provinces { flex: 1.5; background-size: cover; clip-path: polygon(0 0, 72% 0, 90% 100%, 0 100%); }
.banner-provinces .description-banner-provinces { flex: 1; background-color: #012e41; display: flex; flex-direction: column; justify-content: center; color: white; padding: 20px 60px 20px 0px; }
.banner-provinces .description-banner-provinces h1 { font-size: 40px; line-height: 45px; font-weight: 700; color: #f1f1f0; text-align: right; }
.banner-provinces .description-banner-provinces h1 span { color: #18a5a6; }
.banner-provinces .description-banner-provinces p { font-size: 16px; line-height: 24px; font-weight: 400; color: #ffffff; text-align: right; margin-top: 10px; }
.data-provinces-left{text-align:right;}
.section-3-provinces h2 { font-size: 40px; line-height: 45px; font-weight: 700; color: #4E4E4E; text-align: center; margin: 85px 0px 0px 0px; padding:10px;}
.section-3-provinces h2 span { color: #31A3B1; }
.section-3-provinces h4 { font-size: 19px; line-height: 28px; font-weight: 500; color: #026773; text-align: center; margin: 30px 0px 25px 0px; }
.section-3-provinces p { font-size: 19px; line-height: 28px; font-weight: 500; color: #026773; text-align: center; margin: 30px 0px 25px 0px; }

.section-3-provinces h3 { font-size: 40px; line-height: 45px; font-weight: 700; color: #4E4E4E; text-align: left; padding: 0px 180px 0px 0px; }
.section-3-provinces h3 span { color: #31A3B1; }
.section-3-provinces ul li { font-size: 18px; line-height: 21.09px; font-weight: 600; color: #4E4E4E; text-align: left; font-family: 'Roboto Flex', 'Poppins', 'Arial' !important; letter-spacing: 2px; padding-top: 10px; padding-bottom: 10px; }

.data-information-area h2 { font-size: 40px; line-height: 45px; font-weight: 700; color: #31A3B1; text-align: center; padding-top: 90px; padding-top: 90px; padding-bottom: 15px; text-transform: uppercase; }
.data-information-area .data-information-box { background: #f1f1f0; padding: 35px 70px 0px 70px; }
.data-information-area .data-information-box .col-md-12 { padding: 0px 0px 35px 0px; }
.data-information-area h3 { font-size: 32px; line-height: 45px; font-weight: 600; color: #4E4E4E; text-align: left; }
.data-information-area p  { font-size: 20px; line-height: 23.45px; font-weight: 400; color: #4E4E4E; text-align: left; font-family: 'Roboto Flex', 'Poppins', 'Arial' !important; }
/*------- END:LANDING PROVINCES -----*/

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

    .banner-area { padding: 20px 150px !important; }

    .how-it-work-area { padding: 100px 90px 90px 90px; }
    .how-it-work-area h2 { margin: 0px; }

    .data-report-area .cm6-dr-right    { padding: 40px 55px 10px 55px; }
    .data-report-area .cm6-dr-right h2 { font-size: 38px; padding-right: 60px; }
    .data-report-area .cm6-dr-right p  { padding-right: 0px; }

    .specialities-area { padding: 85px 170px 45px 170px; }
    .specialities-area .sca { padding: 30px 85px 20px 85px; }
    .specialities-area .sca .col-md-3 { padding: 0px 5px; }

    .slider-report-area { margin-bottom: 80px; }

    .prices-area { padding: 0px 60px 100px 60px; }

    /*.provinces-area { padding: 0px 130px 0px 130px; }*/
    
    .calculator-area { padding: 85px 260px; }
    .calculator-area h2 { font-size: 40px; }
    .calculator-area h3 { font-size: 22px; }
    .calculator-area p { font-size: 17px; line-height: 22px; }

    .cta-cdc-area { padding: 0px 160px; }

    .testimonials-area h1 { font-size: 39px; padding-bottom: 25px; }
    .testimonials-area .owl-theme .owl-nav .owl-prev, .testimonials-area .owl-theme .owl-nav .owl-next { right: -35px; }

    .faqs-area { padding: 0px 235px 75px 235px; }

    .cta-area    { padding: 27px 0px; }
    .cta-area h4 { font-size: 39px; }

    .brands-area { margin: 0px 160px 70px 160px; }

    .blog-area { margin: 0px 170px 100px 170px; }
    .blog-area .blog-data .blog-title { font-size: 19px; line-height: 25px; }

    .footer-area .footer-data { padding: 30px 125px 20px 125px; }
    .footer-area .footer-data ul li a { font-size: 12px; }
}


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

    .banner-provinces .description-banner-provinces h1 {font-size: 35px;}
    .banner-provinces .description-banner-provinces p {font-size: 15px;}
    .menu-header .container { max-width: 1020px; }
    .menu-header .navbar .navbar-nav .nav-item a { font-size: 13px; margin: 0 28px; }
    
    .banner-area { padding: 20px 80px !important; }

    .specialities-area .sca { padding: 30px 0px 20px 0px; }

    .prices-area .prices-card .card .card-footer a { font-size: 14px; }

    .calculator-area { padding: 85px 160px; }

    .cta-cdc-area h1 { font-size: 30px; line-height: 35px; }
    .cta-cdc-area p  { font-size: 16px; line-height: 20px; }

    .faqs-area { padding: 0px 150px 75px 150px; }
    .faqs-area .faq-accordion .accordion .accordion-item .accordion-title h4 { font-size: 16px; }

    .cta-area h4 { font-size: 34px; }
    
    .brands-area { margin: 0px 30px 70px 30px; }
    .brands-area .faq-accordion .accordion .accordion-content .list-cars-spain div { font-size: 9px; }

    .blog-area .blog-data .row { align-items: center; justify-content: center; }
    .blog-area .blog-data .blog-description { margin-bottom: 40px; }

    .footer-area .btn-sr { font-size: 14px; }
}

@media only screen and (max-width: 834px) and (min-width: 451px) {

    .container { max-width: 755px; }
    
    .top-header { padding: 5px 0px !important; }
    .top-header .header-left-content li { margin: 0px !important; }
    .top-header .header-left-content li span { font-size: 14px !important; line-height: 21px !important; font-weight: 400 !important; }
    
    .top-header .header-right-content .log-in li a { font-size: 14px !important; line-height: 16px !important; font-weight: 700 !important; font-family: 'Roboto Flex', 'Poppins', Arial !important; }

    .menu-header .navbar .navbar-nav .nav-item a { font-size: 11px !important; line-height: 13px !important; font-weight: 700 !important; font-family: 'Roboto Flex', 'Poppins', Arial !important; margin: 0 16px; }

    .banner-area    { padding: 20px 15px !important; }
    .banner-area h1 { font-size: 32px; line-height: 37px; padding-top: 20px; }
    .banner-area h4 { font-size: 20px; line-height: 30px; padding-left: 0px; }

    .banner-area .banner-area-img { width: 90%;}

    .how-it-work-area                     { padding: 100px 35px 125px 35px; }
    .how-it-work-area .card-hiw           { padding: 85px 0px 0px 0px; }
    .how-it-work-area .card-hiw .col-md-6 { padding: 0px 65px; }
    .how-it-work-area .card-hiw h2        { font-size: 32px; line-height: 45px; font-weight: 600; color: #31A3B1; }
    .how-it-work-area .card-hiw p         { font-size: 16px; line-height: 22px; font-weight: 400; color: #000000; font-family: 'Roboto Flex', 'Poppins', Arial !important; padding-bottom: 0px; }

    .data-report-area .cm6-dr-left img { padding: 35px 0px; }

    .data-report-area .cm6-dr-right    { padding: 40px 65px 10px 65px; }
    .data-report-area .cm6-dr-right h2 { font-size: 40px; line-height: 45px; font-weight: 700;}
    .data-report-area .cm6-dr-right p  { font-size: 20px; line-height: 23.44px; font-weight: 400; font-family: 'Roboto Flex', 'Poppins', Arial !important; }

    .specialities-area { padding: 85px; }

    .provinces-area { padding: 72px 0px; }
    /*.provinces-area .cm5-p-left h2 { text-align: left; }*/
    .provinces-area .cm5-p-left { text-align: center; padding-bottom: 50px; }

    .calculator-area { padding: 85px 0px; }
    
    .cta-cdc-area { padding: 0px; }

    .faqs-area { padding: 0px 0px 75px 0px; }

    .cta-area { padding: 27px 155px; }

    .brands-area { margin: 0px 0px 70px 0px; }
    .brands-area .faq-accordion .accordion .accordion-content { padding: 60px 50px 40px 50px; }
    .brands-area .faq-accordion .accordion .accordion-content .list-cars-spain div { font-size: 8px; padding: 0px 0px 12px 0px; }

    .blog-area { margin: 0px 0px 100px 0px; }

    .blog-area .blog-data { padding: 20px 45px; }

    .blog-area .blog-data .data-texts { padding-top: 60px; }

    .single-footer-widget { margin: auto !important; display: flex; padding-top: 40px; }
    .footer-area .footer-data { padding: 30px 75px 20px 75px; }
    .footer-area .btn-sr { position: relative; margin: auto; }
    .footer-area .single-footer-widget .social-icon { margin-top: 35px !important; margin-bottom: 15px !important; margin: auto; }
}

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

    .data-provinces-left{text-align:center; padding: 0; width: 100vw; /*margin: 0 calc((-100vw + 100%) / 2);*/ height: 365px;}
    .top-header { background-color: #31A3B1; padding: 10px 0px !important; }
    .top-header .col-md-8 { display: none; }

    .top-header .header-right-content .log-in li a { font-size: 16px !important; }
    
    .top-header .header-right-content { text-align: left !important; }

    .modal-dialog-menu { max-width: 100%; }
    .modal-dialog-menu .modal-content { background-color: #00161F; opacity: .8; border-radius: 0px; }
    
    .modal-dialog-menu .modal-header { border: 0px; padding: 1rem 1rem 0rem 1rem; }

    .modal-dialog-menu .modal-header .modal-close-button { display: inline-block; width: 25px; height: 25px; border-radius: 50%; border: 2px solid white; background-color: transparent; color: #ffffff; font-size: 20px; text-align: center; line-height: 20px; }

    .modal-dialog-menu .modal-body { border: 0px; padding: 0rem; }
    .modal-dialog-menu .modal-body .navbar-nav .nav-item.bb-31A3B1 { border-bottom: 1px solid #31A3B1; }
    .modal-dialog-menu .modal-body .navbar-nav .nav-item.bg-026773 { background-color: #026773; }
    .modal-dialog-menu .modal-body .navbar-nav .nav-item.bg-452049 { background-color: #452049; }
    .modal-dialog-menu .modal-body .navbar-nav .nav-item a { font-size: 12px; line-height: 14.06px; font-weight: 600; color: #fff; font-family: 'Roboto Flex' !important; letter-spacing: 5px; padding: 15px 40px !important; }

    .how-it-work-area .card-hiw-slider h3 { font-size: 28px; line-height: 35px; font-weight: 600; padding: 30px 0px 10px 0px; color: #31a3b1; }
    .how-it-work-area .card-hiw-slider p  { font-size: 17px; line-height: 24px; font-weight: 500; color: #000000; font-family: 'Roboto Flex', 'Poppins', Arial !important; padding-top: 5px; margin-bottom: 5px; }
    .how-it-work-area .card-hiw-slider .owl-theme .owl-nav {margin-top: 0 !important; }
    .how-it-work-area .card-hiw-slider .owl-theme .owl-nav .owl-prev, .how-it-work-area .card-hiw-slider .owl-theme .owl-nav .owl-next { font-size: 90px; color: #026773 !important; position: absolute; left: -30px; top: 35%; -webkit-transform: translateY(-15px); transform: translateY(-15px); margin: 0; width: 30px; height: 30px; line-height: 26px; border-radius: 50%; display: inline-block; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; }
    .how-it-work-area .card-hiw-slider .owl-theme .owl-nav .owl-prev i, .how-it-work-area .card-hiw-slider .owl-theme .owl-nav .owl-next i { font-style: normal; position: relative; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; }
    .how-it-work-area .card-hiw-slider .owl-theme .owl-nav .owl-next { right: -30px; left: auto; }
    .how-it-work-area .card-hiw-slider .owl-theme .owl-nav .owl-next i { left: auto; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; }
    .how-it-work-area .card-hiw-slider .owl-theme .owl-nav .owl-prev:hover, .how-it-work-area .card-hiw-slider .owl-theme .owl-nav .owl-next:hover { background-color: transparent !important; border-color: transparent; }

    .provinces-area .modal-dialog-menu .modal-content { background-color: #31a3b1; opacity: 1; }

    .provinces-area .modal-dialog-menu .modal-body p { font-size: 20px; font-weight: 600; color: #000000; text-align: left; padding-top: 15px; padding-right: 100px; padding-bottom: 20px; padding-left: 25px; }
    .provinces-area .modal-dialog-menu .modal-body a { font-size: 14px; text-align: left; padding: 8px 40px; }
    
    .navbar-area { padding-top: 5px !important; padding-bottom: 10px !important; }

    .mobile-nav .logo { max-width: 175px !important; }
    .mobile-nav .mobile-menu.mean-container a.meanmenu-reveal { padding-top: 20px !important; }
    .mobile-nav .mobile-menu.mean-container a.meanmenu-reveal span { background: #452049 !important; }
    
    .footer-area .footer-area-legal .legal, .footer-area .footer-area-legal .terms, .footer-area .footer-area-legal .privacy { text-align: left; padding: 10px; flex: 0 0 100% !important; max-width: 100% !important; width: 100% !important; }
}

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

    .modal-dialog-menu { margin: 0px; }
    .how-it-work-area h2 { font-size: 35px; line-height: 45px; font-weight: 700; color: #012e41; padding-bottom: 50px; }
    .section-3-provinces h3 { font-size: 32px; line-height: 37px; font-weight: 700; color: #4E4E4E; text-align: left; padding: 0px 0px 0px 0px; }
}

@media only screen and (max-width: 450px) and (min-width: 321px) {

    .banner-area { padding: 20px 0px !important; text-align: center !important; }
    .banner-area .banner-area-img { text-align: center; width: 80%;}
    .banner-area h1 { font-size: 28px; line-height: 35px; font-weight: 700; color: #000000; text-align: center; padding: 20px 30px; }
    .banner-area h4 { font-size: 20px; line-height: 30px; font-weight: 500; color: #026773; text-align: center; padding: 10px 30px; }
    .banner-area a  { float: none !important; margin: 20px 0px 30px 0px; }

    .how-it-work-area { padding: 40px 30px; }
    .how-it-work-area h2 { font-size: 38px; line-height: 45px; font-weight: 700; color: #012e41; padding-bottom: 50px; }
    .how-it-work-area h4 { font-size: 18px; }
    .how-it-work-area .card-hiw-slider { margin-top: 75px !important; margin-bottom: 35px !important; }
    .how-it-work-area .card-hiw-slider h3 { font-size: 32px; line-height: 38px; font-weight: 600; padding: 30px 0px 0px 0px; color: #31a3b1; }
    .how-it-work-area .card-hiw-slider p  { font-size: 18px; line-height: 30px; font-weight: 500; color: #000000; }
    .how-it-work-area .card-hiw-slider .owl-theme .owl-nav {margin-top: 0 !important; }
    .how-it-work-area .card-hiw-slider .owl-theme .owl-nav .owl-prev, .how-it-work-area .card-hiw-slider .owl-theme .owl-nav .owl-next { font-size: 90px; color: #026773 !important; position: absolute; left: -30px; top: 35%; -webkit-transform: translateY(-15px); transform: translateY(-15px); margin: 0; width: 30px; height: 30px; line-height: 26px; border-radius: 50%; display: inline-block; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; }
    .how-it-work-area .card-hiw-slider .owl-theme .owl-nav .owl-prev i, .how-it-work-area .card-hiw-slider .owl-theme .owl-nav .owl-next i { font-style: normal; position: relative; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; }
    .how-it-work-area .card-hiw-slider .owl-theme .owl-nav .owl-next { right: -30px; left: auto; }
    .how-it-work-area .card-hiw-slider .owl-theme .owl-nav .owl-next i { left: auto; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; }
    .how-it-work-area .card-hiw-slider .owl-theme .owl-nav .owl-prev:hover, .how-it-work-area .card-hiw-slider .owl-theme .owl-nav .owl-next:hover { background-color: transparent !important; border-color: transparent; }

    .data-report-area .cm6-dr-left img { padding: 40px 20px; }
    .data-report-area .cm6-dr-right    { padding: 40px 20px 10px 20px; }
    .data-report-area .cm6-dr-right h2 { font-size: 24px; line-height: 35px; font-weight: 700; padding: 0px; }
    .data-report-area .cm6-dr-right p  { font-size: 20px; line-height: 23.44px; font-weight: 400; padding-right: 0px; }

    .specialities-area { padding: 65px 20px; }
    .specialities-area h3 { font-size: 23px; line-height: 29px; font-weight: 600; text-align: left; }
    .specialities-area .sca { display: none !important; }
    .specialities-area .sca-slider { margin-top: 40px !important; margin-bottom: 35px !important; display: block !important; padding: 0px 40px; }
    .specialities-area .sca-slider .data-images { text-align: center; }
    .specialities-area .sca-slider .data-images .hover:hover { box-shadow: 0px 6px 8px 0px #878787; }
    .specialities-area .sca-slider .data-images p { font-weight: 700; font-size: 20px; line-height: 22px; color: #012E41; margin: 15px 0px 0px 0px; }
    .specialities-area .sca-slider .data-images .b-bottom-25  { border-bottom: 4px solid #339bab; width: 25%;  border-radius: 10px; margin: 0px auto 15px auto; }
    .specialities-area .sca-slider .data-images .b-bottom-100 { border-bottom: 1px solid #4e4e4e; width: 100%; border-radius: 10px; margin: 0px auto 15px auto; }
    .specialities-area .sca-slider .owl-theme .owl-nav {margin-top: 0 !important; }
    .specialities-area .sca-slider .owl-theme .owl-nav .owl-prev, .specialities-area .sca-slider .owl-theme .owl-nav .owl-next { font-size: 90px; color: #026773 !important; position: absolute; left: -50px; top: 35%; -webkit-transform: translateY(-15px); transform: translateY(-15px); margin: 0; width: 30px; height: 30px; line-height: 26px; border-radius: 50%; display: inline-block; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; }
    .specialities-area .sca-slider .owl-theme .owl-nav .owl-prev i, .specialities-area .sca-slider .owl-theme .owl-nav .owl-next i { font-style: normal; position: relative; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; }
    .specialities-area .sca-slider .owl-theme .owl-nav .owl-next { right: -30px; left: auto; }
    .specialities-area .sca-slider .owl-theme .owl-nav .owl-next i { left: auto; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; }
    .specialities-area .sca-slider .owl-theme .owl-nav .owl-prev:hover, .specialities-area .sca-slider .owl-theme .owl-nav .owl-next:hover { background-color: transparent !important; border-color: transparent; }

    .specialities-area h3.last { font-size: 24px; line-height: 32px; font-weight: 700; text-align: center; }
    
    .slider-report-area { margin-bottom: 70px; }
    .slider-report-area .slider-report-slider .slider-report-item a img { width: auto !important; height: auto !important; display: flex; align-items: center; justify-content: center; margin: auto; }
    .slider-report-area .owl-theme .owl-nav .owl-next { right: 15px; left: auto; }
    .slider-report-area .owl-theme .owl-nav .owl-prev { right: auto; left: 15px; }

    .prices-area { padding: 0px 20px; }
    .prices-area h1 { font-size: 40px; line-height: 45px; font-weight: 700; color: #31A3B1; margin-bottom: 32px; }
    .prices-area .prices-item { padding: 25px; }

    .provinces-area { padding: 72px 0px 0px 0px; }
    .provinces-area .cm5-p-left h2  { padding: 25px 50px 20px 50px; font-size: 28px; line-height: 32px; font-weight: 700; color: #ffffff; }
    .provinces-area .cm5-p-left img { padding: 40px; }

    .calculator-area { padding: 20px; }
    .calculator-area .row { flex-direction: column-reverse; }
    .calculator-area img { width: auto !important; height: auto !important; padding: 0px 20px; }
    .calculator-area h2 { font-size: 40px; line-height: 45px; font-weight: 700; padding-top: 25px; }
    .calculator-area h3 { font-size: 20px; line-height: 23.44px; font-weight: 600; }

    .cta-cdc-area { padding: 0px 30px 40px 30px; }
    .cta-cdc-area h1 { padding-right: 35px; }
    .cta-cdc-area p { font-size: 20px; line-height: 23.44px; }
    
    .testimonials-area h1 { font-size: 40px; line-height: 45px; font-weight: 700; padding: 0px 50px 25px 50px;  }
    .testimonials-area h4 { font-size: 18px; line-height: 27px; font-weight: 600; padding: 10px 25px 50px 25px; }
    .testimonials-area .owl-theme .owl-nav .owl-next { right: 15px; left: auto; }
    .testimonials-area .owl-theme .owl-nav .owl-prev { right: auto; left: 15px; }
    .testimonials-area .owl-theme .owl-nav .owl-prev i, .testimonials-area .owl-theme .owl-nav .owl-next i { font-size: 80px; }
    .testimonials-area .testimonials-slider .testimonials-item .testimonials-data p { font-size: 20px; line-height: 23.44px; }
    .testimonials-area .testimonials-slider { padding: 0px 40px; }

    .faqs-area { padding: 0px 0px 50px 0px; }
    .faqs-area .faq-accordion .accordion .accordion-item .accordion-title h4 { font-size: 18px; line-height: 27px; font-weight: 500; }

    .cta-area { padding: 30px 20px 0px 20px; margin: 0px 0px 60px 0px; }

    .brands-area { margin: 0px 0px 70px 0px; }

    .blog-area { margin: 0px 0px 70px 0px; }
    .blog-area .blog-data .blog-title { font-size: 20px; line-height: 27px; padding-top: 15px; }

    .footer-area .footer-data { padding: 30px 70px 20px 70px; }
    .footer-area .single-footer-widget { text-align: center; margin-bottom: 30px !important; }
    .footer-area .footer-data ul li { text-align: left; }
    .footer-area .single-footer-widget .btn-sr { margin-top: 15px !important; margin-bottom: 15px !important; position: relative; margin: auto; }
    
    .copy-right-area { font-size: 14px !important; padding: 5px !important; }
}

@media only screen and (max-width: 820px) { 
    .banner-provinces { flex-direction: column; }
    .banner-provinces .image-banner-provinces {flex: none; clip-path: none; height: 320px;}
    .banner-provinces .description-banner-provinces { padding: 20px 10px 20px 10px; }
}

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

    .banner-area { padding: 20px 0px 0px 0px !important; }
    .banner-area .banner-area-data { text-align: center; }
    .banner-area h1 { font-size: 30px; line-height: 36px; font-weight: 700; text-align: center; padding: 0px 0px 20px 0px; }
    .banner-area h4 { font-size: 20px; line-height: 30px; font-weight: 500; text-align: center; padding: 0px 0px 20px 0px; }
    .banner-area a  { float: none !important; margin: 20px 0px 30px 0px; }

    .how-it-work-area { padding: 75px 15px; }
    .how-it-work-area h2 { text-align: left; }
    .how-it-work-area h4 { text-align: left; }
    .how-it-work-area .card-hiw { display: none !important; }
    .how-it-work-area .card-hiw-slider { margin-top: 75px !important; margin-bottom: 35px !important; display: block !important; }
    .how-it-work-area .card-hiw-slider h3 { font-size: 32px; line-height: 38px; font-weight: 600; padding: 30px 0px 0px 0px; color: #31a3b1; }
    .how-it-work-area .card-hiw-slider p  { font-size: 18px; line-height: 30px; font-weight: 500; color: #000000; }
    .how-it-work-area .card-hiw-slider .owl-theme .owl-nav {margin-top: 0 !important; }
    .how-it-work-area .card-hiw-slider .owl-theme .owl-nav .owl-prev, .how-it-work-area .card-hiw-slider .owl-theme .owl-nav .owl-next { font-size: 90px; color: #026773 !important; position: absolute; left: -30px; top: 35%; -webkit-transform: translateY(-15px); transform: translateY(-15px); margin: 0; width: 30px; height: 30px; line-height: 26px; border-radius: 50%; display: inline-block; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; }
    .how-it-work-area .card-hiw-slider .owl-theme .owl-nav .owl-prev i, .how-it-work-area .card-hiw-slider .owl-theme .owl-nav .owl-next i { font-style: normal; position: relative; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; }
    .how-it-work-area .card-hiw-slider .owl-theme .owl-nav .owl-next { right: -30px; left: auto; }
    .how-it-work-area .card-hiw-slider .owl-theme .owl-nav .owl-next i { left: auto; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; }
    .how-it-work-area .card-hiw-slider .owl-theme .owl-nav .owl-prev:hover, .how-it-work-area .card-hiw-slider .owl-theme .owl-nav .owl-next:hover { background-color: transparent !important; border-color: transparent; }

    .data-report-area .cm6-dr-right    { padding: 40px 20px 10px 20px; }
    .data-report-area .cm6-dr-right h2 { font-size: 24px; line-height: 35px; font-weight: 700; padding-right: 0px; }
    .data-report-area .cm6-dr-right p  { font-size: 20px; line-height: 23.44px; font-weight: 400; }
    .data-report-area .cm6-dr-right ul li a { font-size: 14px; }
    .data-report-area .cm6-dr-left img { padding: 30px 0px; }

    .data-information-area .data-information-box { background: #f1f1f0; padding: 35px 20px 0px 20px; }

    .specialities-area { padding: 85px 0px 65px 0px; }
    .specialities-area h3 { font-size: 23px; line-height: 29px; font-weight: 600; }
    .specialities-area .sca { display: none !important; }
    .specialities-area .sca-slider { margin-top: 35px !important; margin-bottom: 35px !important; display: block !important; padding: 0px 50px; }
    .specialities-area .sca-slider .data-images { text-align: center; }
    .specialities-area .sca-slider .data-images .hover:hover { box-shadow: 0px 6px 8px 0px #878787; }
    .specialities-area .sca-slider .data-images p { font-weight: 700; font-size: 20px; line-height: 22px; color: #012E41; margin: 15px 0px 0px 0px; }
    .specialities-area .sca-slider .data-images .b-bottom-25  { border-bottom: 4px solid #339bab; width: 25%;  border-radius: 10px; margin: 0px auto 15px auto; }
    .specialities-area .sca-slider .data-images .b-bottom-100 { border-bottom: 1px solid #4e4e4e; width: 100%; border-radius: 10px; margin: 0px auto 15px auto; }
    .specialities-area .sca-slider .owl-theme .owl-nav {margin-top: 0 !important; }
    .specialities-area .sca-slider .owl-theme .owl-nav .owl-prev, .specialities-area .sca-slider .owl-theme .owl-nav .owl-next { font-size: 90px; color: #026773 !important; position: absolute; left: -50px; top: 35%; -webkit-transform: translateY(-15px); transform: translateY(-15px); margin: 0; width: 30px; height: 30px; line-height: 26px; border-radius: 50%; display: inline-block; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; }
    .specialities-area .sca-slider .owl-theme .owl-nav .owl-prev i, .specialities-area .sca-slider .owl-theme .owl-nav .owl-next i { font-style: normal; position: relative; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; }
    .specialities-area .sca-slider .owl-theme .owl-nav .owl-next { right: -30px; left: auto; }
    .specialities-area .sca-slider .owl-theme .owl-nav .owl-next i { left: auto; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; }
    .specialities-area .sca-slider .owl-theme .owl-nav .owl-prev:hover, .specialities-area .sca-slider .owl-theme .owl-nav .owl-next:hover { background-color: transparent !important; border-color: transparent; }

    .specialities-area h3.last { font-size: 24px; line-height: 32px; font-weight: 700; text-align: center; }

    .slider-report-area { margin-bottom: 70px; }
    .slider-report-area .slider-report-slider .slider-report-item a img { width: auto !important; height: auto !important; display: flex; align-items: center; justify-content: center; margin: auto; }
    .slider-report-area .owl-theme .owl-nav .owl-prev i, .slider-report-area .owl-theme .owl-nav .owl-next i { font-size: 75px; }
    .slider-report-area .owl-theme .owl-nav .owl-next { right: 5px; left: auto; }
    .slider-report-area .owl-theme .owl-nav .owl-prev { right: auto; left: -10px; }

    .prices-area { padding: 0px 10px; }
    .prices-area h3 { margin-bottom: 70px; }
    .prices-area .prices-card .card .card-header h1 { font-size: 32px; line-height: 40px; font-weight: 800; padding-bottom: 10px; }
    .prices-area .prices-card .card .card-body { padding: 75px 0px 30px 0px; }
    .prices-area .prices-card .card .card-body .price-number { font-size: 96px; line-height: 80px; font-weight: 800; }

    .prices-area .prices-card .card .card-footer { padding: 20px 20px 20px 30px }

    .provinces-area { padding: 50px 0px 0px 0px; }
    .provinces-area .cm5-p-left h2 { padding: 25px 50px 20px 50px; font-size: 28px; line-height: 32px; font-weight: 700; color: #ffffff; }
    .provinces-area .cm5-p-left img { padding: 20px 10px 40px 10px; }

    .calculator-area { padding: 20px; }
    .calculator-area .row { flex-direction: column-reverse; }
    .calculator-area img { width: auto !important; height: auto !important; padding: 0px; }
    .calculator-area h2 { font-size: 32px; line-height: 45px; font-weight: 700; padding-top: 25px; }
    .calculator-area h3 { font-size: 20px; line-height: 23.44px; font-weight: 600; }

    .cta-cdc-area { padding: 0px 25px; }
    .cta-cdc-area h1 { padding-right: 35px; }
    .cta-cdc-area .btn-cdc { font-size: 14px; }

    .testimonials-area { padding: 0px 25px; margin-bottom: 55px; }
    .testimonials-area h1 { font-size: 32px; line-height: 40px; font-weight: 700; padding-bottom: 25px; }
    .testimonials-area h4 { font-size: 20px; line-height: 27px; font-weight: 600; }
    .testimonials-area .testimonials-slider { padding: 0px; }
    .testimonials-area .owl-theme .owl-nav .owl-prev,   .testimonials-area .owl-theme .owl-nav .owl-next   { top: 20%; }
    .testimonials-area .owl-theme .owl-nav .owl-prev i, .testimonials-area .owl-theme .owl-nav .owl-next i { font-size: 60px; }
    .testimonials-area .owl-theme .owl-nav .owl-next     { right: -30px; }
    .testimonials-area .owl-theme .owl-nav .owl-prev     { left: -35px; }
    .testimonials-area .testimonials-slider .testimonials-item .testimonials-data p { font-size: 20px; line-height: 23.44px; }

    .faqs-area { padding: 0px 0px 35px 0px; }
    .faqs-area .faq-accordion .accordion .accordion-item .accordion-title h4 { font-size: 14px; line-height: 16px; font-weight: 500; }
    .faqs-area .accordion-button a { font-size: 14px; }

    .cta-area { padding: 30px 15px; margin: 0px 0px 40px 0px; }
    .cta-area p { font-size: 20px; line-height: 27px; font-weight: 500; }
    .cta-area a { margin: 5px auto; }

    .brands-area { margin: 0px 0px 20px 0px; }
    .brands-area h4 { font-size: 18px; line-height: 30px; }

    .blog-area { margin: 0px 0px 30px 0px; }
    .blog-area p { font-size: 20px; line-height: 27px; font-weight: 500; }
    .blog-area .blog-data .blog-title { font-size: 20px; line-height: 27px; padding-top: 15px; }
    .blog-area .btn-foro, .blog-area .btn-blog { padding: 15px; }

    .footer-area .footer-data { padding: 30px 35px 20px 35px; }
    .footer-area .single-footer-widget { text-align: center; margin-bottom: 10px !important; }
    .footer-area .footer-data ul li { text-align: left; }
    .footer-area .single-footer-widget .btn-sr { margin-top: 5px !important; margin-bottom: 5px !important; position: relative; margin: auto; }

    .footer-area .footer-area-legal .legal, .footer-area .footer-area-legal .terms, .footer-area .footer-area-legal .privacy { text-align: left; padding: 10px; flex: 0 0 100% !important; max-width: 100% !important; width: 100% !important; }
    
    .copy-right-area { font-size: 12px !important; padding: 5px !important; }
}