html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
} article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}* {
box-sizing: border-box;
scroll-behavior: smooth;
}
:root {
--menu-color: #0a0d14;
--txt-primary-color: #000;
--txt-secondary-color: #fff;
--text-sub-500: #525866;
--bg-primary-color: #cdd0d5;
--bg-secondary-color: #f6f8fa;
--border-color: #d9d9d9;
--banner-bg-color: #fcf4fc;
--primary-lighter-color: #fff1f7;
--primary-light-color: #ffbfda;
--primary-dark-color: #7d1440;
--primary-base-color: #ea6fa2;
--netrual-200-color: #e2e4e9;
}
@font-face {
font-family: "Proxima Nova", sans-serif;
font-weight: 800;
src: url(//mvc-mm.com/wp-content/themes/mvc/assets/fonts/ProximaNovaExtrabold.otf);
font-style: normal;
}
@font-face {
font-family: "Proxima Nova", sans-serif;
font-weight: 700;
src: url(//mvc-mm.com/wp-content/themes/mvc/assets/fonts/ProximaNovaBold.otf);
font-style: normal;
}
@font-face {
font-family: "Proxima Nova", sans-serif;
font-weight: 600;
src: url(//mvc-mm.com/wp-content/themes/mvc/assets/fonts/ProximaNovaSemibold.otf);
font-style: normal;
}
@font-face {
font-family: "Proxima Nova", sans-serif;
font-weight: 400;
src: url(//mvc-mm.com/wp-content/themes/mvc/assets/fonts/ProximaNovaRegular.otf);
font-style: normal;
}
body {
max-width: 1920px;
margin: 0 auto;
line-height: 1.2;
font-size: 16px;
font-family: "Proxima Nova", sans-serif;
font-weight: 400;
color: var(--txt-primary-color);
letter-spacing: -0.2px;
}
img {
width: 100%;
max-width: 100%;
margin: 0 auto;
vertical-align: middle;
object-fit: cover;
}
.container {
width: 80%;
margin: 0 auto;
}
a {
color: var(--menu-color);
text-decoration: none;
cursor: pointer;
letter-spacing: -0.2px;
font-weight: 600;
}
strong {
font-weight: 800;
}
h2 {
font-size: 56px;
font-weight: 700;
letter-spacing: -0.5px;
color: var(--txt-secondary-color);
}
h3 {
font-size: 48px;
font-weight: 700;
color: var(--txt-primary-color);
letter-spacing: -0.5px;
}
h4 {
font-size: 40px;
font-weight: 700;
color: var(--txt-primary-color);
letter-spacing: -0.5px;
}
h5 {
font-size: 32px;
font-weight: 700;
color: var(--txt-primary-color);
letter-spacing: -0.5px;
}
h6 {
font-size: 24px;
font-weight: 700;
color: var(--txt-primary-color);
letter-spacing: -0.5px;
}
p {
font-size: 18px;
font-weight: 400;
color: var(--txt-primary-color);
line-height: 1.5;
}
.common-section {
padding: 80px 0;
}
.ttl-blk {
text-align: center;
margin-bottom: 40px;
}
.ttl-blk span {
text-transform: uppercase;
color: var(--primary-base-color);
font-weight: 600;
font-size: 20px;
}
.ttl-blk p {
font-size: 22px;
margin-top: 15px;
}
.d-flex {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.d-flex .content-blk {
width: 65%;
display: flex;
flex-direction: column;
}
.d-flex .content-blk p {
margin: 15px 0;
}
.d-flex .content-blk span {
text-transform: uppercase;
font-weight: 700;
color: var(--primary-base-color);
}
.d-flex .content-blk li {
font-size: 18px;
list-style: disc;
margin-left: 20px;
line-height: 1.5;
margin-bottom: 10px;
}
.d-flex .img-blk {
width: 30%;
}
.divider {
width: 100%;
height: 1px;
background: var(--bg-primary-color);
margin: 30px 0;
}
.title-line {
width: 91px;
height: 6px;
background: var(--primary-light-color);
margin: 15px 0;
}
.title-line-center {
margin: 15px auto;
}
.btn-gp {
display: flex;
gap: 20px;
}
.btn {
background-color: var(--primary-base-color);
color: var(--txt-secondary-color);
padding: 18px 20px 14px;
border-radius: 10px;
font-weight: 600;
text-decoration: none;
text-transform: uppercase;
width: fit-content;
transition: all 0.2s ease-out;
}
.btn:hover {
background-color: var(--primary-dark-color);
}
.btn-secondary {
background-color: var(--txt-secondary-color);
border: 1px solid var(--primary-base-color);
color: var(--primary-dark-color);
}
.btn-secondary:hover {
background-color: var(--primary-light-color);
border: 1px solid transparent;
}
.btn img {
margin-left: 10px;
width: 15px;
height: 15px;
}
.card {
border-bottom-right-radius: 50px;
box-shadow: 9px 11px 0px 0px var(--primary-light-color);
background-color: var(--txt-secondary-color);
} .header {
position: fixed;
background-color: var(--txt-secondary-color);
box-shadow: 0px 4px 44px 0px #0000000d;
padding: 12px 24px;
top: 0;
left: 0;
right: 0;
width: 100%;
margin: 0 auto;
z-index: 1;
}
.header .container {
width: 100%;
}
.header .d-flex {
align-items: center;
justify-content: space-around;
}
.header .logo {
width: 166px;
height: 36px;
}
.footer .ft-logo img {
width: 315px;
height: 75px;
}
.header .logo a,
.footer .ft-logo {
display: block;
}
.header .nav-list {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.header .nav-list li {
margin: 0 16px;
}
.header .nav-list li a {
text-transform: uppercase;
display: block;
}
.header .nav-list li a.active {
color: var(--primary-base-color);
}
.header .nav-list li.btn {
padding: 16px 45px 14px 20px;
position: relative;
display: flex;
align-items: center;
cursor: pointer;
}
.header .nav-list li.btn a {
color: var(--txt-secondary-color) !important;
}
.header .nav-list li.btn::after {
position: absolute;
content: "";
background: url(//mvc-mm.com/wp-content/themes/mvc/assets/img/ico_plane.svg) no-repeat center/cover;
width: 15px;
height: 15px;
right: 0;
margin: 0 15px;
} .home-banner {
position: relative;
width: 100%;
height: 100vh;
overflow: hidden;
background-color: var(--banner-bg-color);
}
.home-banner .banner-content {
position: absolute;
top: 25%;
left: 5%;
width: 100%;
}
.home-banner .banner-content .content-blk {
width: 65%;
}
.home-banner .banner-content p {
font-size: 32px;
font-weight: 700;
margin: 10px 0;
}
.home-banner .banner-content .mvc-logo {
width: 300px;
margin-left: -15px;
margin-bottom: 20px;
}
.home-banner .banner-content ul {
list-style: none;
}
.home-banner .banner-content ul li {
list-style: none;
font-size: 32px;
font-weight: 700;
position: relative;
margin-left: 0;
padding-left: 40px;
}
.home-banner .banner-content ul li::before {
content: "";
background: url(//mvc-mm.com/wp-content/themes/mvc/assets/img/ico_check.svg) no-repeat center/cover;
position: absolute;
left: 0;
top: 0;
width: 36px;
height: 36px;
display: block;
}
.hero-image {
flex: 1;
position: relative;
}
.hero-image .circle {
width: 400px;
height: 400px;
border-radius: 50%;
background: var(--txt-secondary-color);
display: flex;
align-items: center;
justify-content: center;
font-size: 72px;
font-weight: 700;
background-clip: padding-box;
}
.hero-image .circle .logo {
width: 380px;
}
.home-banner .btn-gp {
position: absolute;
bottom: 50px;
left: 5%;
} .about-section .d-flex .content-blk {
justify-content: flex-start;
}
.about-section .d-flex .content-blk h6 {
font-weight: 600;
}
.about-section .d-flex .content-blk .content {
margin-top: 20px;
}
.about-section .d-flex .content-blk span {
font-size: 26px;
}
.about-section .d-flex .content-blk li {
font-size: 22px;
} .service-section {
background-color: var(--bg-secondary-color);
}
.services {
font-size: 20px !important;
font-weight: 700;
}
.services-vision {
font-weight: 700;
font-style: italic;
}
.service-section .service-list li {
width: 30%;
background-color: var(--txt-secondary-color);
}
.service-section .service-list li img {
width: 100%;
height: 350px;
}
.service-section .service-list li:nth-child(2n) .service-img, .img-sayaka {
object-fit: contain;
background: linear-gradient(180deg, #DBDDD7 46.97%, #CACBC6 100%);
}
.img-sayaka {
height: 350px;
}
.service-section .service-list li .service-content {
padding: 20px;
}
.service-section .service-list li .service-content h6 {
margin: 10px 0;
font-weight: 600;
}
.service-section .service-list li .service-content p {
font-size: 19px;
line-height: 1.5;
margin-bottom: 20px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.service-section .service-list li .read-more img {
width: 12px;
height: 12px;
margin-left: 5px;
} .client-section h3 {
text-align: center;
margin-bottom: 40px;
}
.client-section .client-list li {
margin-right: 50px;
} .unlock-potential {
background-color: var(--primary-lighter-color);
padding: 50px;
box-shadow: 27px 30px 62px -12px #00000021;
border-radius: 10px;
}
.unlock-potential .btn-gp {
margin-top: 30px;
} .faq-section {
background-color: var(--bg-secondary-color);
}
.faq-list {
width: 80%;
margin: 0 auto;
}
.faq-list li {
border-radius: 10px;
padding: 30px;
margin-bottom: 20px;
background-color: var(--netrual-200-color);
color: var(--txt-primary-color);
}
.faq-list li.active {
background-color: var(--primary-lighter-color);
border: 1px solid var(--primary-dark-color);
}
.faq-list li .faq-question {
position: relative;
cursor: pointer;
}
.faq-list li .faq-question h6 {
width: 90%;
}
.faq-list li .faq-question::after,
.faq-list li .faq-question::before {
content: "";
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
background-color: var(--txt-primary-color);
transition: all 0.2s ease-out;
}
.faq-list li .faq-question::after {
width: 3px;
height: 20px;
transition: transform 0.3s ease-out;
}
.faq-list li .faq-question::before {
width: 20px;
height: 3px;
right: 7px;
transition: transform 0.3s ease-out;
}
.faq-list li.active .faq-question::before {
background-color: var(--txt-primary-color);
transform: rotate(-180deg);
transition: transform 0.3s ease-out;
}
.faq-list li.active .faq-question::after {
background-color: transparent;
transform: rotate(-180deg);
transition: transform 0.3s ease-out;
}
.faq-list li .faq-ans {
display: none;
margin-top: 20px;
} .footer {
background-color: var(--banner-bg-color);
}
.footer .container {
padding: 40px 0;
border-bottom: 1px solid var(--bg-primary-color);
}
.footer .ft-logo-blk {
width: 35%;
margin-right: 30px;
}
.footer .page-blk {
width: 55%;
}
.footer-heading {
text-transform: uppercase;
margin: 20px 0;
}
.ft-social-list {
justify-content: flex-start;
margin: 20px 10px;
}
.ft-social-list li {
margin-right: 10px;
}
.footer .ft-page-list,
.ft-contact-list {
margin: 20px 0;
}
.footer .ft-page-list li {
margin: 10px 0;
}
.footer .ft-page-list li a {
font-size: 18px;
font-weight: 400;
color: var(--txt-primary-color);
}
.footer .ft-contact-list li span {
font-size: 16px;
font-weight: 600;
line-height: 1.5;
color: var(--primary-base-color);
text-transform: uppercase;
margin-right: 30px;
width: 12%;
}
.footer .ft-contact-list .img-blk {
border: 1px solid black;
border-radius: 50%;
width: 40px;
height: 40px;
padding: 10px;
display: flex;
align-items: center;
}
.ft-social-list li img {
width: 24px;
height: 24px;
}
.sc-list li {
align-items: center;
}
.sc-list li img {
width: 16px;
height: 16px;
}
.sc-list li a {
text-decoration: underline;
}
.ft-contact-list li {
display: flex;
margin-bottom: 10px;
}
.ft-contact-list li .contact-info-detail {
margin-left: 20px;
display: flex;
width: 100%;
}
.ft-contact-list img {
width: 20px;
height: 20px;
}
.copyright-blk {
display: flex;
justify-content: space-between;
}
.copyright-blk .sc:hover {
color: var(--primary-base-color);
}  .common-banner {
position: relative;
width: 100%;
height: 40vh;
overflow: hidden;
background-color: var(--banner-bg-color);
}
.common-banner .banner-img img {
width: 100%;
height: 40vh;
}
.common-banner .banner-img::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 50vh;
background-color: rgba(0, 0, 0, 0.5);
}
.common-banner .banner-content {
position: absolute;
top: 65%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
width: 100%;
}
.about-page .about-section .d-flex {
flex-direction: row-reverse;
}
.about-page .about-section .d-flex .content-blk {
justify-content: center;
}
.founder-section .content-blk h5 {
color: var(--primary-base-color);
}
.founder-section .content-blk h6 {
margin: 18px 5px 10px;
font-weight: 700;
}
.founder-section .d-flex .content-blk p {
margin: 0;
}
.founder-section .img-blk {
padding: 20px 20px 0 20px;
height: fit-content;
}
.founder-section .btn {
transition: all 0.3s ease-out;
}
.founder-section .contact-gp {
margin: 15px 0;
}
.founder-section .contact-gp a {
margin-right: 5px;
}
.founder-section .contact-gp img {
width: 20px;
height: 20px;
margin-right: 5px;
}
.expert-list {
justify-content: unset;
}
.expert-list li {
width: 22%;
margin-right: 30px;
margin-bottom: 30px;
}
.expert-list li:last-child {
margin-right: 0;
}
.expert-list li .expert-img {
height: 350px;
}
.expert-list .content-blk {
width: 100%;
margin-top: 20px;
align-items: center;
}
.expert-list .content-blk span {
text-transform: capitalize;
font-size: 18px;
font-weight: 700;
margin-bottom: 0;
color: var(--txt-primary-color);
}
.expert-list .content-blk h6 {
margin: 5px 0;
font-weight: 700;
color: var(--primary-base-color);
}
.expert-list .content-blk a {
margin-top: 10px;
}
.expert-list .content-blk a img {
width: 20px;
height: 20px;
margin-right: 5px;
}
.about-page .services-in-about .service-section {
background-color: var(--bg-secondary-color);
}
.about-page .services-in-about .service-section:nth-child(2) {
background-color: var(--txt-secondary-color);
}
.about-page .services-in-about .service-section:nth-child(2) .d-flex {
flex-direction: row-reverse;
}
.about-page .services-in-about .service-section .content-blk {
display: block;
}
.about-page .services-in-about .service-section .content-blk a {
margin-top: 20px;
display: block;
}
.about-page .services-in-about .service-section .img-blk img {
height: 350px;
}
.about-page .services-in-about .service-section:nth-child(2n) .img-blk .service-img {
object-fit: contain;
background: linear-gradient(180deg, #DBDDD7 46.97%, #CACBC6 100%);
}
.service-logo {
width: 83px;
height: 73px;
object-fit: unset;
} .team-page .common-banner .banner-content h2 {
color: var(--txt-primary-color);
}
.team-page .d-flex .service-blk {
width: 45%;
} .mvc-page .common-banner {
height: 40vh;
}
.silo-page .first-section .d-flex .img-blk {
padding: 20px;
}
.mvc-page .common-banner .banner-img img {
height: 50vh;
}
.mvc-page .first-section .counter-list {
display: flex;
align-items: center;
justify-content: space-around;
padding-top: 10px;
border-top: 1px solid var(--border-color);
}
.mvc-page .first-section .counter-list .counter-list-detail {
display: flex;
flex-direction: column;
align-items: center;
}
.mvc-page .first-section .counter-list .counter-list-detail .number {
font-size: 24px;
font-weight: 800;
line-height: 1.5;
color: var(--txt-primary-color);
}
.mvc-page .first-section .counter-list .counter-list-detail .info-ttl {
text-transform: capitalize;
color: var(--txt-primary-color);
}
.mission-vision {
padding: 50px 0;
background-color: var(--bg-secondary-color);
}
.mission-vision .d-flex {
justify-content: space-evenly;
}
.mission-vision .d-flex .content-blk {
width: 45%;
padding: 35px;
}
.mvc-services .d-flex .content-blk {
width: 55%;
justify-content: flex-start;
}
.mvc-services .d-flex .img-blk {
width: 45%;
}
.mvc-sub-services.d-flex {
flex-direction: row !important;
background: var(--bg-secondary-color);
padding: 20px 20px 0 20px;
}
.mvc-sub-services li {
width: 49%;
display: flex;
flex-direction: column;
background: var(--txt-secondary-color);
padding: 20px;
margin-bottom: 20px;
}
.mvc-sub-services li:hover {
background: none;
}
.mvc-sub-services li img {
width: 516px;
height: 174px;
}
.harico-services .mvc-sub-services li img {
height: 300px;
object-fit: fill;
}
.mvc-sub-services li .sub-service-content {
margin: 0 auto;
}
.mvc-sub-services li .sub-service-content h6 {
font-weight: 700;
margin: 10px 0;
}
.mvc-sub-services li:hover .sub-service-content h6 {
color: var(--primary-base-color);
} ul.breadcrumbs {
display: flex;
align-items: center;
justify-content: center;
white-space: nowrap;
padding-bottom: 10px;
}
ul.breadcrumbs li {
margin-right: 15px;
}
ul.breadcrumbs li a {
color: var(--txt-primary-color);
font-size: 14px;
font-weight: 400;
}
ul.breadcrumbs li:last-child a {
cursor: default;
}
ul.breadcrumbs li a:hover {
text-decoration: underline;
color: var(--menu-color);
}
ul.breadcrumbs li + li:before {
margin-right: 12px;
padding: 3px;
background: url(//mvc-mm.com/wp-content/themes/mvc/assets/img/ico_right.svg) no-repeat center/contain;
content: "";
} .silo-page .first-section {
padding-top: 150px;
}
.silo-page .first-section .d-flex .content-blk img {
margin: 0 0 20px 0;
}
.silo-page .silo-services .d-flex li {
width: 33%;
}
.silo-page .silo-services .d-flex li img {
width: 347px;
height: 174px;
} .harico-banner {
padding-top: 150px;
}
.harico-team {
text-align: center;
}
.harico-team img {
width: 150px;
height: auto;
display: block;
}
.harico-team h4 {
margin: 20px 0;
}
.harico-team-img {
width: 600px;
height: 400px;
display: flex;
}
.harico-services .sub-service-content p {
margin: 10px 0;
} .contact-page .contact-banner {
height: 130vh;
position: relative;
}
.contact-page .contact-banner .banner-content {
position: absolute;
width: 50%;
top: 55%;
left: 23%;
transform: translate(-50%, -50%);
background-color: var(--txt-secondary-color);
padding: 30px;
}
.contact-page .contact-banner .img-blk {
position: absolute;
top: 27%;
right: 5%;
}
.contact-page .contact-banner .img-blk img {
height: 60vh;
object-fit: contain;
}
.contact-page .map-blk {
margin: 50px 0;
}
.contact-page .contact-banner .banner-content h3 {
margin-bottom: 20px;
}
.nf-form-fields-required,
.nf-after-field .nf-error-msg {
display: none;
}
.contact-page form {
text-transform: uppercase;
}
.contact-page form input,
.contact-page form textarea {
height: 50px;
border-radius: 10px;
border: 1px solid #b9b9b9;
outline: none;
background-color: var(--bg-secondary-color);
padding: 20px;
}
.contact-page form input[type="submit"] {
border-radius: 10px;
width: 100%;
border: none;
text-transform: uppercase;
background-color: var(--primary-base-color);
color: var(--txt-secondary-color);
font-size: 16px;
font-weight: 600;
cursor: pointer;
padding: 0;
}
textarea {
resize: none;
height: 150px !important;
}
.contact-page .contact-info {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
} @media only screen and (min-width: 768px) and (max-width: 1280px) {
body {
max-width: 150vw;
font-size: 1.25vw;
letter-spacing: -0.016vw;
}
.container {
width: 85%;
margin: 0 auto;
}
h2 {
font-size: 4.375vw;
letter-spacing: -0.039vw;
}
h3 {
font-size: 3.75vw;
letter-spacing: -0.039vw;
}
h4 {
font-size: 3.125vw;
letter-spacing: -0.039vw;
}
h5 {
font-size: 2.5vw;
letter-spacing: -0.039vw;
}
h6 {
font-size: 1.875vw;
letter-spacing: -0.039vw;
}
p {
font-size: 1.406vw;
}
.common-section {
padding: 6.25vw 0;
}
.ttl-blk {
margin-bottom: 3.125vw;
}
.ttl-blk p {
font-size: 2.188vw;
}
.d-flex .content-blk p {
margin: 1.172vw 0;
}
.d-flex .content-blk li {
margin-left: 1.563vw;
font-size: 1.406vw;
}
.btn-gp {
gap: 1.563vw;
margin-top: 0.125vw;
}
.btn {
padding: 1.094vw 3.516vw;
border-radius: 0.781vw;
}
.btn img {
margin-left: 0.781vw;
width: 1.172vw;
height: 1.172vw;
} .header {
padding: 0.938vw 1.875vw;
}
.header .logo,
.footer .ft-logo img {
width: 12.969vw;
height: 2.813vw;
}
.header .nav-list li {
margin: 0 1.25vw;
}
.header .nav-list li.btn {
padding: 1.094vw 3.516vw 1.094vw 1.563vw;
}
.header .nav-list li.btn::after {
width: 1.172vw;
height: 1.172vw;
margin: 0 1.172vw;
} .home-banner .banner-content h4 {
margin: 1.563vw 0;
}
.home-banner .banner-content p {
margin: 1.563vw 0;
font-size: 1.875vw;
}
.home-banner .banner-content ul li {
font-size: 1.875vw;
padding-left: 3.125vw;
}
.home-banner .banner-content ul li::before {
width: 2.813vw;
height: 2.813vw;
}
.hero-image .circle {
width: 31.25vw;
height: 31.25vw;
font-size: 5.625vw;
}  .service-section .service-list li .service-content {
padding: 1.563vw;
}
.service-section .service-list li .service-content h6 {
margin: 0.781vw 0;
}
.service-section .service-list li .service-content p {
margin-bottom: 1.563vw;
font-size: 1.484vw;
}
.service-section .service-list li .read-more img {
width: 0.938vw;
height: 0.938vw;
margin-left: 0.391vw;
} .client-section h3 {
margin-bottom: 3.125vw;
}
.client-section .client-list li {
margin-right: 3.906vw;
} .unlock-potential {
padding: 3.906vw;
border-radius: 0.781vw;
} .faq-list li {
border-radius: 0.781vw;
padding: 2.344vw;
margin-bottom: 1.563vw;
}
.faq-list li .faq-question::after {
width: 0.234vw;
height: 1.563vw;
}
.faq-list li .faq-question::before {
width: 1.563vw;
height: 0.234vw;
right: 0.547vw;
}
.faq-list li .faq-ans {
margin-top: 1.563vw;
} .footer .container {
padding: 6.25vw 0;
}
.footer .ft-logo-blk {
margin-right: 2.344vw;
}
.footer .ft-social-list {
margin: 1.563vw 0.781vw;
}
.footer .ft-social-list li {
margin-right: 0.781vw;
}
.footer .ft-page-list,
.footer .ft-contact-list {
margin: 1.563vw 0;
}
.footer .ft-page-list li {
margin: 0.781vw 0;
}
.footer .ft-page-list li a {
font-size: 1.406vw;
}
.footer .ft-contact-list li span {
font-size: 1.25vw;
}
.footer .ft-social-list li img {
width: 1.875vw;
height: 1.875vw;
}
.footer .ft-contact-list li {
margin-bottom: 0.781vw;
}
.footer .ft-contact-list li .contact-info-detail {
margin-left: 0.781vw;
}
.footer .ft-contact-list img {
width: 2.5vw;
height: 2.5vw;
}  .founder-section .img-blk {
padding: 1.563vw 1.563vw 0 1.563vw;
}
.expert-list li {
margin-right: 2.109vw;
}
.expert-list li .expert-img {
height: 25vw;
}
.expert-list .content-blk {
margin-top: 1.563vw;
}
.expert-list .content-blk h6 {
margin: 0.391vw 0;
}
.expert-list .content-blk span {
font-size: 1.406vw;
}
.expert-list .content-blk a {
margin-top: 0.781vw;
}
.expert-list .content-blk a img {
width: 1.563vw;
height: 1.563vw;
margin-right: 0.391vw;
}
.about-page .services-in-about .service-section .content-blk a {
margin-top: 1.563vw;
}
.about-page .services-in-about .service-section .img-blk img {
height: 25.844vw;
}
.service-logo {
width: 6.484vw;
height: 5.703vw;
}  .mvc-page .first-section .counter-list {
padding-top: 0.781vw;
}
.mvc-page .first-section .counter-list .counter-list-detail .number {
font-size: 1.875vw;
}
.mission-vision .vision-blk {
padding-left: 7.813vw;
}
.mvc-sub-services li {
padding: 1.563vw;
}
.mvc-sub-services li img {
width: 29.219vw;
height: 13.594vw;
}
.mvc-sub-services li .sub-service-content h6 {
margin: 0.781vw 0;
} ul.breadcrumbs {
padding-bottom: 0.781vw;
}
ul.breadcrumbs li {
margin-right: 1.172vw;
}
ul.breadcrumbs li a {
font-size: 1.094vw;
}
ul.breadcrumbs li + li:before {
margin-right: 0.938vw;
padding: 0.391vw;
} .silo-page .first-section {
padding-top: 11.719vw;
}
.silo-page .silo-services .d-flex li {
padding: 1.563vw;
}
.silo-page .silo-services .d-flex li img {
width: 27.109vw;
height: 13.594vw;
}
.silo-page .silo-services .d-flex li h6 {
margin: 0.781vw 0;
} .harico-banner {
padding-top: 11.719vw;
} .contact-page .contact-banner {
height: 150vh;
}
.contact-page .contact-banner .banner-content {
padding: 2.344vw;
}
.contact-page form input,
.contact-page form textarea {
height: 3.906vw;
border-radius: 0.781vw;
padding: 1.563vw;
}
.contact-page form input[type="submit"] {
border-radius: 0.781vw;
font-size: 1.25vw;
}
textarea {
height: 11.719vw !important;
}
.contact-page .contact-info .info-blk {
margin-bottom: 1.563vw;
}
.contact-page .contact-info .info-blk span {
font-size: 0.938vw;
}
.contact-page .contact-info .info-blk a {
font-size: 1.406vw;
}
} @media all and (max-width: 767.9px) {
body {
font-size: 4.267vw;
letter-spacing: -0.053vw;
}
.container {
width: 88%;
margin: 0 auto;
}
h2 {
font-size: 8.533vw;
letter-spacing: -0.133vw;
}
h3 {
font-size: 6.4vw;
letter-spacing: -0.133vw;
}
h4 {
font-size: 5.333vw;
letter-spacing: -0.133vw;
}
h5 {
font-size: 5.2vw;
letter-spacing: -0.133vw;
}
h6 {
font-size: 5vw;
letter-spacing: -0.133vw;
}
p {
font-size: 4.267vw;
}
.common-section {
padding: 8vw 0;
}
.ttl-blk {
margin-bottom: 5.333vw;
}
.ttl-blk p {
font-size: 4.8vw;
}
.d-flex {
display: block;
}
.d-flex .content-blk {
width: 100%;
margin: 5.333vw 0;
}
.d-flex .content-blk p {
font-size: 4.267vw;
margin: 4vw 0;
}
.d-flex .content-blk li {
margin-left: 5.333vw;
font-size: 4.267vw;
}
.d-flex .img-blk {
width: 100%;
}
.btn-gp {
gap: 2.667vw;
}
.home-banner .btn-gp {
bottom: 5.333vw;
}
.btn {
padding: 3.733vw;
border-radius: 1.333vw;
}
.btn img {
margin-left: 2.667vw;
width: 4vw;
height: 4vw;
} .burger {
position: relative;
display: block;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 1.6rem;
height: 1.15rem;
opacity: 1;
z-index: 11;
visibility: visible;
background: transparent;
}
.burger-line:nth-child(1) {
top: 0vw;
}
.burger-line:nth-child(2) {
top: 0.5rem;
width: 70%;
}
.burger-line:nth-child(3) {
top: 1rem;
}
.burger-line {
position: absolute;
display: block;
right: 0;
width: 100%;
height: 0.56vw;
opacity: 1;
border: none;
outline: none;
background: var(--menu-color);
transition: transform 0.3s ease, opacity 0.3s ease;
}
.burger.burger.active .burger-line {
transition: transform 0.3s ease, opacity 0.3s ease;
}
.burger.active .burger-line:nth-child(1) {
transform: translateY(5px) rotate(45deg);
}
.burger.active .burger-line:nth-child(3) {
transform: translateY(-10px) rotate(-45deg);
}
.burger.active .burger-line:nth-child(2) {
opacity: 0;
}
.header {
padding: 3.2vw;
}
.header .container {
display: flex;
justify-content: space-between;
}
.header .logo,
.footer .ft-logo img {
width: 44.267vw;
height: 9.6vw;
}
.header nav {
position: fixed;
top: 0;
left: -100%;
width: 100%;
height: 100%;
z-index: 10;
opacity: 0;
overflow-y: auto;
visibility: hidden;
background-color: var(--txt-secondary-color);
transition: all 0.5s ease;
display: block;
}
.header nav.active {
left: 0rem;
opacity: 1;
visibility: visible;
}
.header .nav-list {
display: block;
padding: 13.333vw;
}
.header .nav-list li {
margin: 8vw 0;
}
.header .nav-list li.btn {
padding: 3.733vw 12vw 3.733vw 5.333vw;
}
.header .nav-list li.btn::after {
width: 4vw;
height: 4vw;
margin: 0 4vw;
} .home-banner {
height: 67vh;
}
.home-banner .banner-img img {
height: 70vh;
}
.home-banner .banner-content {
width: 95%;
top: 50%;
left: 53%;
transform: translate(-50%, -50%);
}
.home-banner .banner-content .content-blk {
width: 100%;
}
.home-banner .banner-content .mvc-logo {
width: 40vw;
margin-left: -3vw;
margin-bottom: 5.333vw;
}
.home-banner .banner-content h4 {
margin: 5.333vw 0;
width: 100%;
}
.home-banner .banner-content p {
margin: 3.333vw 0;
width: 100%;
font-size: 4.8vw;
}
.home-banner .banner-content ul li {
font-size: 4.8vw;
padding-left: 7.333vw;
}
.home-banner .banner-content ul li::before {
width: 6.667vw;
height: 6.667vw;
}
.hero-image .circle {
display: none;
} .about-section .d-flex .content-blk p {
width: 100%;
}
.about-section .d-flex .content-blk span {
font-size: 5vw;
} .service-section .service-list li {
width: 100%;
margin-bottom: 5.333vw;
}
.service-section .service-list li .service-content {
padding: 5.333vw;
}
.service-section .service-list li .service-content h6 {
margin: 2.667vw 0;
}
.service-section .service-list li .service-content p {
font-size: 4.5vw;
margin-bottom: 5.333vw;
}
.service-section .service-list li .read-more img {
width: 3.2vw;
height: 3.2vw;
margin-left: 1.333vw;
} .client-section h3 {
margin-bottom: 10.667vw;
}
.client-section .client-list li {
margin-right: 5.333vw;
} .unlock-potential {
padding: 5.333vw;
border-radius: 1.333vw;
} .faq-list {
width: 100%;
}
.faq-list li {
border-radius: 1.333vw;
padding: 5.333vw;
margin-bottom: 5.333vw;
}
.faq-list li .faq-question::after {
width: 0.8vw;
height: 5.333vw;
}
.faq-list li .faq-question::before {
width: 5.333vw;
height: 0.8vw;
}
.faq-list li .faq-ans {
margin-top: 5.333vw;
} .footer .container {
padding: 10.333vw 0;
}
.footer .ft-logo-blk {
width: 100%;
margin-right: 8vw;
}
.footer .page-blk {
width: 100%;
margin-bottom: 5.333vw;
margin-left: 3vw;
}
.footer .ft-social-list {
display: flex;
margin: 5.333vw 2.667vw;
}
.footer .ft-social-list li {
margin-right: 2.667vw;
}
.footer .ft-page-list,
.footer .ft-contact-list {
margin: 2.667vw 0;
}
.footer .ft-page-list li {
margin: 2.667vw 0;
}
.footer .ft-page-list li a,
.footer .ft-contact-list li span {
font-size: 3.733vw;
}
.footer .ft-social-list li img {
width: 6.4vw;
height: 6.4vw;
}
.footer .ft-contact-list li {
display: flex;
margin-bottom: 2.667vw;
}
.footer .ft-contact-list li .contact-info-detail {
margin-left: 2.667vw;
flex-wrap: wrap;
width: 100%;
}
.footer .ft-contact-list img {
width: 5.533vw;
height: 5.533vw;
}
.footer .ft-contact-list .img-blk {
width: 11.333vw;
height: 10.333vw;
padding: 2.667vw;
}
.copyright-blk {
display: block;
}  .common-banner .banner-content {
width: 100%;
}
.founder-section .img-blk {
padding: 5.333vw 5.333vw 0 5.333vw;
}
.expert-list li {
width: 100%;
margin-right: 0;
margin-bottom: 5.333vw;
}
.expert-list .content-blk {
margin-top: 5.333vw;
}
.expert-list .content-blk h6 {
margin: 1.333vw 0;
}
.expert-list .content-blk span {
font-size: 4.267vw;
}
.expert-list .content-blk a {
margin-top: 2.667vw;
}
.expert-list li .expert-img {
height: 100vw;
}
.expert-list .content-blk a img {
width: 5.333vw;
height: 5.333vw;
margin-right: 1.333vw;
}
.about-page .services-in-about .service-section .content-blk a {
margin-top: 5.333vw;
}
.about-page .services-in-about .service-section .img-blk img {
height: 70vw;
}
.service-logo {
width: 22.133vw;
height: 19.467vw;
} .team-page .d-flex .service-blk {
width: 100%;
margin-top: 13.6vw;
}
.harico-team-img {
width: 106.667vw;
height: 72vw;
} .mvc-page .first-section .counter-list {
padding-top: 2.667vw;
}
.mvc-page .first-section .counter-list .counter-list-detail .number {
font-size: 6.4vw;
}
.mission-vision .vision-blk {
border-left: none;
padding-left: 0;
padding-top: 5.333vw;
}
.mission-vision .d-flex .content-blk {
width: 100%;
}
.mvc-services .d-flex .content-blk {
width: 100%;
}
.mvc-services .d-flex .img-blk {
width: 100%;
}
.mvc-sub-services li {
width: 100%;
padding: 5.333vw;
border: none !important;
}
.mvc-sub-services li img {
width: 99.733vw;
height: 46.4vw;
}
.harico-services .mvc-sub-services li img {
height: 46.4vw;
}
.mvc-sub-services li .sub-service-content h6 {
margin: 2.667vw 0;
} ul.breadcrumbs {
padding-bottom: 2.667vw;
}
ul.breadcrumbs li {
margin-right: 4vw;
}
ul.breadcrumbs li a {
font-size: 3.733vw;
}
ul.breadcrumbs li + li:before {
margin-right: 3.2vw;
padding: 0.8vw;
} .silo-page .first-section {
padding-top: 25vw;
}
.silo-page .silo-services .ttl-blk p {
width: 100%;
}
.silo-page .silo-services .d-flex li {
width: 100%;
padding: 5.333vw;
border-right: none;
}
.silo-page .silo-services .d-flex li img {
width: 92.533vw;
height: 46.4vw;
}
.silo-page .silo-services .d-flex li h6 {
margin: 2.667vw 0;
} .harico-banner {
padding-top: 40vw;
}  .contact-page .contact-banner {
height: 300vw;
}
.contact-page .contact-banner .img-blk {
display: none;
}
.contact-page .contact-banner .banner-content {
width: 100%;
top: 155.467vw;
left: 50%;
padding: 4vw;
}
.nf-form-cont .one-half {
width: 100% !important;
margin-left: 0 !important;
}
.contact-page form input,
.contact-page form textarea {
height: 8vw;
border-radius: 2.667vw;
padding: 5.333vw;
}
.contact-page form input[type="submit"] {
border-radius: 1.333vw;
font-size: 4.267vw;
height: 13.333vw;
}
textarea {
resize: none;
height: 40vw !important;
}
}