/*!
Theme Name: vmc
Theme URI: #
Author: VMC 
Author URI: #
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: vmc
*/
:root {
  --primary: #1976D2;
  --secondary: #0A172C;
  --light-blue: #E4EEFF;
  --body-color: #4C4C4C;
  --oranage-color:#F19A00;
}
/* 1.0 General
--------------------------------------------------------------*/
html, body{ margin:0px; padding:0px; overflow-x: hidden;}
ul, ol { margin: 0 0 1.5em 20px; padding: 0}
ul { list-style: outside none disc}
ol { list-style: outside none decimal}
li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em}
li > ul{list-style: circle;}

ol.h3-title li::marker,
ul.h3-title li::marker{ font-size: 22px; font-weight: 500;}
ol.h3-title li li::marker,
ul.h3-title li li::marker{ font-size: 16px; font-weight: normal;}

ol.ul-strong li::marker,
ul.ul-strong li::marker{ font-weight: bold !important;}
ol.ul-strong li li::marker,
ul.ul-strong li li::marker{ font-weight: normal !important;}
.nowrap{ white-space: nowrap;}
ul.ul-check{list-style:none; margin-left:0;}
ul.ul-check li {break-inside: avoid; padding:7px 10px 7px 25px; background:url("images/check.svg") no-repeat left 13px; background-size:18px}

hr { background-color: #bbbbbb; border: 0 none; height: 1px; margin-bottom: 1.5em}
a { color:var(--primary); text-decoration: underline}
a:hover, a:active { color: #000; text-decoration: none}
fieldset { border: medium none; margin: 15px 0; padding: 0}
legend { color: #101010; font-size: 16px; font-weight: bold; margin: 10px 0}
a:focus , *{ outline:none}
:-moz-placeholder { color: currentcolor; font-family: "Outfit", sans-serif}
*::-moz-placeholder { color: currentcolor; font-family: "Outfit", sans-serif; opacity: 0.5}
figcaption, figure, main { display: block}
b, strong { font-weight: 700}
img{ max-width:100%; border:none; vertical-align: top; height: auto}
iframe{ max-width: 100%}

/* 2.0 Clearings
--------------------------------------------------------------*/
.clear:before, .clear:after, .site-header:before, .site-header:after,.site-content:before, .site-content:after , .site-footer:before, .site-footer:after{ content: ""; display: table; table-layout: fixed}
.clear:after, .site-header:after, .site-content:after, .site-footer:after { clear: both}

/* 3.0 Alignments
--------------------------------------------------------------*/
.alignleft { display: inline; float: left; margin-right: 1.5em}
.alignright { display: inline; float: right; margin-left: 1.5em}
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto}
.text-left{ text-align:left !important}
.text-center{ text-align:center !important}
.text-right{ text-align:right !important}
.text-justify{text-align:justify !important}
.uppercase{ text-transform:uppercase !important}
.align-center{ display:flex; align-items:center}
.justify-center{justify-content:center;}
.row-revers{flex-direction:row-reverse; }
/* 4.0 Typography
--------------------------------------------------------------*/
body, button, input, select, textarea { color:var(--body-color); font-family: "Outfit", sans-serif; font-size: 17px; font-weight: 400; line-height: 1.6; letter-spacing:0px}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3 { clear: both; line-height: 1.3; margin: 0 0 15px; padding: 0 0 0; font-family: "Outfit", sans-serif; color:var(--secondary);}
h1,.h1{ font-size: 42px; font-weight: 600;}
h2,.h2{ font-size: 32px; font-weight: 600;}
h3,.h3{	font-size: 26px; font-weight: 500}
h4{	font-size: 22px; font-weight: 500}
h5{	font-size: 16px; font-weight: 500}
h6 { font-size: 15px}
p { margin: 0 0 15px; padding: 0}
p:empty { display: none}
p:last-child{ margin-bottom: 0}
.table-wrap{ overflow: auto; margin-bottom: 20px;}
table{border-collapse: collapse; width: 100%; margin-bottom: 0;}
table {caption-side: bottom; border-collapse: collapse; display: table; text-indent: 0; border-color:rgba(0,0,0,0.1); width: 100%;}
table > thead {vertical-align: bottom;}
tbody, td, tfoot, th, thead, tr{border-color:inherit; border-style: solid; border-width: 0;}
table > :not(caption) > * > * {padding:15px; background-color:#ffffff; border-bottom-width:1px; line-height: 1.3;}
table > tbody {vertical-align: inherit;}
table th{text-align:left; font-weight:500; color: var(--secondary);}
table > tbody > tr:hover > * {background-color:rgba(0,0,0,0.05);}

.site-content li { padding-top: 5px; padding-bottom: 5px;}

/* 5.0 Form Style
--------------------------------------------------------------*/
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select{
	height: 48px; line-height:48px; border: solid 1px #e5e5e5; padding:6px 15px; width:100%; margin-bottom:10px; display:block; -webkit-appearance:none; font-family: "Outfit", sans-serif; border-radius: 5px; font-size:18px;}

select{ height: 44px; line-height: 44px; border: solid 1px #e5e5e5; border-radius: 5px; color: #000; padding:0 30px 0 10px; background: url("images/select-arrow.svg") center right 10px no-repeat #fff;background-size: 13px; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: "Outfit", sans-serif; font-size: 15px;}

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus{ border-color: #e5e5e5}
textarea{ height:120px; font-size: 15px; line-height: 1.5}
button, html [type="button"], [type="reset"], [type="submit"], .button { -webkit-appearance: button; background:var(--primary); color:#ffffff !important; border-radius:30px; line-height:46px; font-size:16px; padding:0 30px 0 30px; text-align:center; font-family: 'Outfit', sans-serif; text-transform:uppercase; cursor:pointer; font-weight:600; display: inline-block; transition: all 0.2s ease; text-decoration: none !important; border: solid 1px transparent; white-space: nowrap; letter-spacing:0.5px; position:relative;}
button:hover, html [type="button"]:hover, [type="reset"]:hover, [type="submit"]:hover, .button:hover{ background:var(--secondary); color:#ffffff; border: solid 1px transparent}
.button, button{padding-right:45px; transition:all 300ms;}
.button:after,
button:after{background:url(images/arrow-right-white.svg) no-repeat scroll 0 0; width:14px; height:14px; background-size:14px auto; content:""; position:absolute; top:16px;right:25px; transition:all 300ms;}
button:hover:after,
.button:hover:after{right:20px;}

.button.button-wrap{white-space: initial; line-height: 1.3; padding-top: 7px; padding-bottom: 7px;}
.button + .button{ margin-left: 5px;}

.button-sm,
.sm-button{padding: 0px 24px 0; line-height:34px; font-size:14px}
.button-mid{padding: 0px 30px 0; line-height:40px; font-size:18px}
	
.button.border-button{background:transparent; border:2px solid var(--secondary); color:var(--secondary) !important;}
.button.border-button:after{background: url(images/arrow-right-dark.svg) no-repeat scroll 0 0; background-size: 14px auto;}

.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors { clear: both; float: left; margin: 0 10px; width: calc(100% - 20px); background-color: #fff3cd; border-color: #ffeeba; color: #856404; padding:8px 12px}
.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ng{ clear: both; float: left; margin: 0 10px; width: calc(100% - 20px); background-color: #f8d7da; border-color: #f5c6cb; color: #721c24; padding:8px 12px}
input.wpcf7-not-valid, textarea.wpcf7-not-valid, select.wpcf7-not-valid{ border-color: #dc3545}
.wpcf7-not-valid-tip{ display:none !important}
.link-btn{text-transform:uppercase; font-weight:600; position:relative;  font-size:14px; padding-right:25px; text-underline-offset:3px; text-decoration-thickness: 2px;}
.link-btn:after{background: url(images/arrow-right-blue.svg) no-repeat scroll 0 0; width:14px; height:14px; background-size:12px auto; content:""; position:absolute; top:2px;right:5px; transition:all 300ms;}
/* 6.0 Layout
--------------------------------------------------------------*/
body{background:#ffffff;}
*, *::before, *::after {box-sizing: border-box;}
img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img { max-width: 100%; height: auto}
.row{margin-left:-15px;margin-right:-15px; display: flex; flex-wrap: wrap;row-gap: 30px;}
.col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-5-new{min-height:1px;padding-left:15px;padding-right:15px;position:relative; flex: 0 0 auto}
.col-12{width:100%}
.col-11{width:91.6667%}
.col-10{width:83.3333%}
.col-9{width:75%}
.col-8{width:66.6667%}
.col-7{width:58.3333%}
.col-6{width:50%}
.col-5{width:41.6667%}
.col-4{width:33.3333%}
.col-3{width:25%}
.col-2{width:16.6667%}
.col-1{width:8.33333%}
.col-5-new{width:20%}

.font-15{ font-size:15px}
.font-18{ font-size:18px}
.font-20{ font-size:20px}
.font-22{ font-size:22px}
.font-24{ font-size:24px}
.font-s-bold{ font-weight:600}
.font-bold{ font-weight:800}
.font-600{ font-weight: 600}
.font-500{ font-weight: 500}

.pb-0{padding-bottom:0 !important}
.pb-10{padding-bottom:10px !important}
.pb-20{padding-bottom:20px !important}
.pb-30{padding-bottom:30px !important}
.pb-40{padding-bottom:40px !important}
.pb-50{padding-bottom:50px !important}
.pb-60{padding-bottom:60px !important}

.pt-0{ padding-top:0 !important}
.pt-10{ padding-top:10px !important}
.pt-20{ padding-top:20px !important}
.pt-30{ padding-top:30px !important}
.pt-40{ padding-top:40px !important}
.pt-50{ padding-top:50px !important}
.pt-60{ padding-top:60px !important}

.mb-0{margin-bottom:0 !important}
.mb-10{margin-bottom:10px !important}
.mb-20{margin-bottom:20px !important}
.mb-30{margin-bottom:30px !important}
.mb-40{margin-bottom:40px !important}
.mb-50{margin-bottom:50px !important}
.mb-60{margin-bottom:60px !important}

.mt-0{ margin-top:0 !important}
.mt-10{ margin-top:10px !important}
.mt-20{ margin-top:20px !important}
.mt-30{ margin-top:30px !important}
.mt-40{ margin-top:40px !important}
.mt-50{ margin-top:50px !important}
.mt-60{ margin-top:60px !important}

.gx-60{ margin-left: -30px; margin-right: -30px}
.gx-60 [class*="col-"]{ padding-left: 30px; padding-right: 30px;}
.font-13{ font-size: 13px;}
.container{max-width:1410px; width:100%; margin:auto; padding: 0 30px;}
.mw-1024{max-width:1024px;}
.mw-850{max-width:850px;}
.mw-750{max-width:750px;}
.mw-650{max-width:650px;}

.center .mw-1024,
.center .mw-750,
.center .mw-850,
.center .mw-650{margin:auto;}
/* 7.0 Header- Footer
--------------------------------------------------------------*/
.site-header{padding:15px 0 0; position:absolute; width:100%; top:0; left:0; z-index:1; }
.inner-header{background:#ffffff; border-radius:10px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.04); display:flex; justify-content:space-between; align-items:center; padding:15px 30px; position:relative; transition:all 400ms;}

.site-header.sticky-header{position: fixed; left: 0; right: 0; top: 0; padding: 0; background:#ffffff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08); transition: all 0.4s ease; animation: slide-down 0.7s; z-index: 9}
.site-header.sticky-header .inner-header{box-shadow: none; }
@keyframes slide-down {
  0% {
    opacity:0;
    transform:translateY(-100%)
  }
  100% {
    opacity:1;
    transform:translateY(0)
  }
}
.main-navigation .menu-toggle{display:none; height: 48px;position: absolute;width: 48px;padding:14px; text-align: center;
  background: #fff;border: 2px solid rgba(0,0,0,0.1); right: 0; flex-direction:column; align-items:center; justify-content:space-between; z-index:1;}
.main-navigation .menu-toggle:after{display:none;}
.main-navigation .menu-toggle span{height:2px; background:var(--secondary); width:20px; border-radius:5px; transition:all 400ms;}
.main-navigation .menu-toggle.toggled span:nth-child(2){opacity:0; }
.main-navigation .menu-toggle.toggled span:nth-child(1){transform: rotate(45deg) translate(5px, 5px);}
.main-navigation .menu-toggle.toggled span:nth-child(3){ transform: rotate(-45deg) translate(5px, -5px); }


.primary-menu-wrapper{height:100%;}
.main-navigation .menu{display:flex; gap:45px; list-style:none; margin:0; padding:0; height:100%;align-items: center;}
.main-navigation .menu li{margin:0; position:relative; list-style:none;}
.main-navigation .menu li a{font-weight: 600; font-size: 16px; line-height:55px; text-transform: uppercase; text-decoration:none; transition:all 400ms; color:#565656;}
.main-navigation .menu li:hover a,
.main-navigation .menu li.current-menu-item a,
.main-navigation .menu li.current-menu-parent a{color:var(--primary);}
.main-navigation .menu li > .sub-menu{position:absolute; top:100%; left:0; transition: opacity .25s,visibility .25s; max-height:0px; visibility:hidden; opacity:0; min-width:320px; display: table; background-color: #fff; border:1px solid var(--light-blue); margin:0; padding:5px 15px; border-radius:10px;}
.main-navigation .menu li.menu-item-has-children::after,
.main-navigation .menu li.menu-item-has-children::before{bottom:-1px; content: "";height: 0;left: 50%;opacity: 0;pointer-events: none;
  position: absolute; width: 0;z-index: 10; border: solid #fff0;}
.main-navigation .menu li.menu-item-has-children::before{border-width:10px;margin-left: -10px; z-index: -999; border-bottom-color: var(--light-blue);}
.main-navigation .menu li.menu-item-has-children::after{border-color:#fff0 #fff0 #fff;border-width: 8px; margin-left: -8px;}
.main-navigation .menu li.menu-item-has-children:hover:before,
.main-navigation .menu li.menu-item-has-children:hover:after{opacity: 1; transition: opacity .25s; z-index: 100;}
.main-navigation .menu li > .sub-menu li{padding:10px 0;}
.main-navigation .menu li > .sub-menu li + li{border-top:1px solid var(--light-blue);}
.main-navigation .menu li > .sub-menu li a{font-weight: 600; font-size: 16px; line-height: 20px; text-decoration:none; transition:all 400ms; color:#565656;}
.main-navigation .menu li > .sub-menu li a:hover,
.main-navigation .menu li > .sub-menu li.current_page_item a{color:var(--primary);}
.main-navigation .menu li:hover > .sub-menu{left:-15px; max-height: inherit; opacity: 1; visibility: visible;}

#header-cta-menu{list-style:none; margin:0; padding:0;} 
#header-cta-menu li{list-style:none; padding:0; margin:0;}
#header-cta-menu li a{background:var(--secondary); color:#fff; text-transform:uppercase; padding:0 55px 0 30px; display: block;
  line-height: 48px; border-radius: 30px; text-decoration: none; font-weight: 600;letter-spacing: 0.5px; position:relative; transition:all 300ms;}
#header-cta-menu li a:after{content:""; background: rgba(255, 255, 255, 0.12) url(images/arrow-right-white.svg) no-repeat scroll center; width:32px; height:32px; border-radius:30px; position:absolute; right:8px; top:8px;}
#header-cta-menu li a:hover{ background-color:var(--primary); }


.site-footer{position:relative; background:var(--secondary); color:rgba(255,255,255,0.7); border-radius:60px 60px 0 0; padding-top:70px;}
.site-footer a{color:#ffffff;}
.footer-top{padding-bottom:30px; position:relative; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid rgba(255,255,255,0.1);}
.footer-top .footer-tag-line{font-style: normal;font-weight: 600; font-size: 48px; line-height:1.25; color: #FFFFFF; max-width:725px; width:100%;}
.footer-top .button{background:#fff; color:var(--secondary) !important;}
.footer-top .button:after{background:url(images/arrow-right-dark.svg) no-repeat scroll 0 0; background-size: 14px auto;}
.footer-widget-areas{padding-top:45px; padding-bottom:45px;}
.footer-widget-col .widget + .widget{margin-top:30px;} 
.footer-widget-areas .col-6 .footer-widget-col{padding-right:30px;}
.footer-widget-col .widget-title{font-style: normal; font-weight: 600; font-size: 24px; line-height:1.15; color: #FFFFFF;}
.footer-widget-col .widget .menu{margin:0; padding:0; list-style:none}
.footer-widget-col .widget .menu li + li{padding-top:15px;}
.footer-widget-col .widget .menu li a{text-decoration:none;}
.footer-widget-col .widget .menu li a:hover{color:var(--primary);}
.footer-widget-areas .social_links{display:flex; gap:10px;}
.footer-widget-areas .social_links a{width:36px; height:36px; border-radius:30px; background:rgba(255,255,255,0.1); text-align:center; line-height:36px; display:flex; align-items:center; justify-content:center; transition:all 300ms; }
.footer-widget-areas .social_links .social_icon{width:100%; display:flex; align-items: center;justify-content: center;}
.footer-widget-areas .social_links a img{max-height:18px; width:auto; max-width:18px; display:inline-block;   filter: brightness(0) invert(1); transition:all 300ms; }
.footer-widget-areas .social_links a:hover{background:#fff;}
.footer-widget-areas .social_links a:hover img{  filter: brightness(0);}
.footer-widget-areas .social_links .title{font-size:0; display:none;}
.footer-copyright{padding:18px 0; border-top:1px solid rgba(255,255,255,0.1); text-align:center;}


.site-main{padding-top:100px; position:relative; background: linear-gradient(180deg, #EFF5FF 0%, #FFFFFF 100%);}
.page-section{padding-top:70px; padding-bottom:70px; position:relative;}
.hero-section{background:url(images/hero-bg.png) no-repeat scroll center center; background-size:auto; }
.hero-section .hero-content{max-width:1024px; margin:auto; text-align:center; padding-bottom:30px; font-size:20px;}
.hero-section .hero-tagline{font-style: normal; font-weight: 400; font-size: 48px; line-height:1.2;color:var(--secondary);}
.hero-section h1{font-style: normal; font-weight: 600; font-size: 68px; line-height:1.1;}
.hero-section .hero-image{max-width:850px; width:100%; margin:auto; position:relative;}
.hero-section .hero-image .logo-highlighter{position:absolute; top:220px; left:10px;}
.hero-section .hero-image .bluetick-highlighter{position:absolute; top:230px; right:110px;}
.hero-section .hero-image .logo-highlighter span,
.hero-section .hero-image .bluetick-highlighter span{font-family:"Kalam", cursive; font-weight:700; color:var(--secondary); font-size:20px; max-width:135px; line-height: 1.2; display:block; text-align: center;}
.hero-section .hero-image .bluetick-highlighter img{position:absolute;bottom:0px;right: 100%;margin-right:-14px; animation: bluetick-move 2.5s ease-in-out infinite;}
@keyframes bluetick-move {
  0%   { transform:translateY(0px); }
  50%  { transform:translateY(-5px);}
  100% { transform:translateY(0px); }
}
.hero-section .hero-image .logo-highlighter span{transform: rotate(-17.52deg); position:relative; top:20px;}
.hero-section .hero-image .logo-highlighter img{position:absolute;bottom:-22px;left: 100%;margin-left:-25px; animation: brandlogo-move 2.2s ease-in-out infinite;}
@keyframes brandlogo-move {
  0%   { transform:translateX(0px); }
  50%  { transform:translateX(-6px);}
  100% { transform:translateX(0px); }
}

.section-heading{margin-bottom:40px;}
.section-heading.center{text-align:center;}
.section-heading h2{font-size:48px; line-height:1.2; font-weight:600; margin-bottom:15px;}
.section-heading .sub-title{font-size:20px;}
.section-heading.center .sub-title{margin:auto;}
.section-heading .highlight-heading{font-size:17px; font-weight:500; background:var(--oranage-color); color:#ffffff; transform:rotate(-5deg); display:inline-block; border-radius:30px; padding:0 20px; line-height:36px; transition:400ms; animation: left-right 2.2s ease-in-out infinite; margin: 0;}
.section-heading.side-by-side{display:flex; gap:45px; justify-content:space-between;}
.section-heading.side-by-side .section-title{flex:0 0 40%; max-width:40%;}
.section-heading.side-by-side .sub-title{flex:0 0 calc(60% - 45px); max-width:calc(60% - 45px);}
.section-heading.with-prefix .sub-title{text-transform:uppercase; color:var(--primary); font-size:24px; font-weight:500;}



@keyframes left-right {
  0%   { transform:translateX(0px) rotate(-5deg); }
  50%  { transform:translateX(-5px) rotate(-5deg);}
  100% { transform:translateX(0px) rotate(-5deg); }
}

.icon-box{background:var(--light-blue); border-radius:20px; padding:50px 30px 30px; height: 100%; display:flex; flex-wrap: wrap; flex-direction: column;}
.icon-box .icon-box-img{background:#fff; border-radius:10px; padding:12px; width:64px; height:64px; display:inline-block; margin-bottom:20px;}
.icon-box .icon-box-title{font-style: normal; font-weight: 600; font-size: 28px; line-height:1.2; color:var(--secondary);}

.icon-box.without-bottom-img .icon-box-content{margin-bottom:0;}
.icon-box .icon-box-bottom-img{ margin-top:auto; width: 100%; padding-top: 20px;}
.icon-box.white-style{background:#ffffff;}
.icon-box.white-style .icon-box-img{background:var(--light-blue);}

.what-mark-certificate .product-image.cmc{text-align:right;}
.what-mark-certificate h3{font-size:36px; font-weight:600;}

.product-image { position: relative;}
.product-image.vmc .bluetick-block{position:absolute; right: 120px; top: 22px; font-family: "Kalam", cursive;
  font-weight: 700; color: var(--secondary); font-size: 20px; max-width: 135px; line-height: 1.2; display: block; text-align: center;}
.product-image.vmc .bluetick-block img{display:block; margin:0 auto 10px;  animation: zoom-in-out 3s infinite ease-in-out;}
.product-image.vmc .vmc-line-arrow {stroke-dasharray: 1000; stroke-dashoffset: 1000;animation: dash 5s linear infinite;}
@keyframes dash {
  to {stroke-dashoffset: 0;}
}
.product-image.vmc .vmc-arrowhead {opacity: 0; animation: vmc-arrow 5s linear infinite;}
@keyframes vmc-arrow {
  0%, 44%   { opacity: 0; }  /* hidden while line is drawing */
  50%       { opacity: 1; }  /* fade in */
  95%       { opacity: 1; }  /* hold briefly */
  100%      { opacity: 0; }  /* fade out for clean loop */
}
@media (prefers-reduced-motion: reduce) {
  .vmc-line-arrow, .vmc-arrowhead { animation: none; opacity: 1; }
}
@keyframes zoom-in-out {
0% {transform: scale(1);}
50% {transform: scale(1.2);}
100% {transform: scale(1); }
}
.product-image.vmc svg{position: absolute; left: 254px; top: 110px;}
.product-image.cmc .brandlogo-block{position:absolute; left: 28px; top: 90px; font-family: "Kalam", cursive;
  font-weight: 700; color: var(--secondary); font-size: 20px; max-width: 135px; line-height: 1.2; display: block; text-align: center;}
.product-image.cmc svg{position: absolute; right: 441px; top: 76px;}
.product-image.cmc .cmc-line-arrow {stroke-dasharray: 1000; stroke-dashoffset:1000;animation: dash 5s linear infinite;}
.product-image.cmc .cmc-arrowhead {opacity: 0; animation: vmc-arrow 5s linear infinite;}


.vmc-vs-cmc{position:relative;}
.vmc-vs-cmc:before{background: radial-gradient(50% 50% at 50% 50%, #FFFFFF 0%, #E4EEFF 100%); border-radius: 30px; position:absolute; top:0; left:4%; content:""; bottom:0; width: 92%;}
.vmc-vs-cmc *{position:relative;}
.comparison-slider{display:flex; justify-content: center; gap: 30px; text-align:center; border-bottom:4px solid #1D1D1B;}

.comparison-slider .slider-item br{display:none}
.comparison-slider .slider-item .tag{font-style: normal; font-weight: 600; font-size:17px; line-height:30px; letter-spacing: 0.02em;
text-transform: uppercase; color:#ffffff; background: #69a8e7; border: 2px solid rgba(10, 23, 44, 0.1); border-radius: 170px; display:table; margin:0 auto 15px; padding:5px 20px;}

.comparison-slider .slider-item.with-cmc .tag{background: #2986e2; color:#ffffff}
.comparison-slider .slider-item.with-vmc .tag{background: #0056b2; color:#ffffff}
.comparison-slider.slick-slider{ padding-bottom: 0}
.comparison-slider.slick-initialized .slick-slide{padding: 0 15px;}
.comparison-table{padding-top:30px; display:flex; max-width:100%; margin: 0 auto;}
.comparison-table > div{flex:0 0 50%; max-width:50%; width:100%;}
.comparison-table h3{font-weight: 600; font-size: 24px; line-height: 30px; letter-spacing: 0.02em; text-transform: uppercase; color:var(--secondary);}
.comparison-table > div ul{margin:0; padding:0; list-style:none;}
.comparison-table > div ul li{list-style:none; position:relative; padding:12px 35px 12px 30px;  border-top:1px solid rgba(10,23,44,0.10);}
.comparison-table > div ul li:before{height:24px; width:24px; content:""; position:absolute; background:url(images/arrow-right-dark.svg) no-repeat scroll 0 0; left:0; top:14px; filter:grayscale(1); opacity:0.5; background-position: center; }
.comparison-table > div ul li img{max-width: 19px; top: 5px;}


.supported-email-clients .section-heading h2{font-weight: 500; font-size: 30px; line-height: 38px; color:var(--secondary); }
.brand-logo-slider{max-width:100%; margin: 0 auto; overflow: hidden;}
.supported-email-clients .brand-logo-list-wrap {min-width:100%; display: flex;align-items: center; flex-wrap: nowrap; white-space: nowrap;}
.supported-email-clients .brand-logo-list {min-width:100%; flex: none;display: flex;align-items: center; animation: slider-left 50s linear infinite;}
.supported-email-clients .brand-logo-item{padding:0 45px; position:relative;}
.supported-email-clients .brand-logo-item:before{content:""; position:absolute; right:0; top:0px; bottom:0px; width:1px; background:rgba(0,0,0,0.1);}
.supported-email-clients .brand-logo-item img{max-height:40px; max-width:140px;}

@keyframes slider-left {
  0% {
    transform:translateX(0%)
  }
  to {
    transform:translateX(-100%)
  }
}

.why-trust-us{background:var(--secondary); color:rgba(255,255,255,0.6); }
.why-trust-us h1,
.why-trust-us h2,
.why-trust-us h3,
.why-trust-us h4{color:#ffffff;}
.why-trust-us .feature-box-wrapper{border-radius:20px; border:1px solid rgba(228,238,255,0.10); padding:45px; margin-bottom:30px; display:flex; column-gap:150px; row-gap:60px; flex-wrap:wrap; }
.why-trust-us .features-box{padding:0 0 0 50px; position:relative; flex:0 0 calc((100% - 150px) / 2);}
.why-trust-us .features-box .features-title:before{content:""; position:absolute; left:0; top:6px; background:rgba(255,255,255,0.07); border-radius:20px; height:26px; width:26px;}
.why-trust-us .features-box .features-title:after{content:""; position:absolute; left:6px; top:12px; background:rgba(255,255,255,0.15); border-radius:20px; height:14px; width:14px;}
.why-trust-us .features-box:nth-child(4n + 1):after{width:1px; content:""; position:absolute; left:100%; background: linear-gradient(180deg,rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%); top:0; bottom:0; margin-left:75px;}
.why-trust-us .features-box:nth-child(4n + 3):after{width:1px; content:""; position:absolute; left:100%; background: linear-gradient(0deg,rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%); top:0; bottom:0; margin-left:75px;}
.why-trust-us .button:hover{background:var(--primary);}

.testimonials-list-wrapper{display:flex; }
.testimonials-list-wrapper .slick-list{overflow:visible; padding:0 !important; display: block; width: 100%;}
.testimonials-list-wrapper .slick-track{display:flex;}
.testimonials-list-wrapper .slick-slide{height:auto;}
.testimonials-list-wrapper .testimonial-item{padding:0 15px; }
.testimonials-list-wrapper .qoute-wrapper{padding:45px; border-radius:20px; background:var(--light-blue); height:100%;}
.testimonials-list-wrapper .quote-details{display:flex; align-items:center; gap:10px; margin-bottom:18px;}
.testimonials-list-wrapper .quote-details .profile-pic{background:#ffffff; border-radius:30px; height:60px; width:60px; line-height:60px; text-align:center; font-size:32px; color:var(--secondary); font-weight:600; text-transform:uppercase;}
.testimonials-list-wrapper .quote-details .quote-author{font-weight: 600; font-size: 20px; line-height: 25px; color:var(--secondary);}
.testimonials-list-wrapper .quote-details .quote-author img{margin-top:5px; display:block;}
.testimonials-list-wrapper .quote-desc b{display:block; margin-bottom:15px;}

.slick-slider{padding-bottom:45px;}
.slick-dots {position: absolute;bottom:0px;display: block;width: 100%;padding: 0;margin: 0;list-style: none; text-align: center; display: flex; justify-content:center;}
.slick-dots li {position: relative;display: inline-block;width:16px;height:16px; margin: 0 5px; padding: 0; cursor: pointer;}
.slick-dots li button{font-size:0; height:16px; width:16px; background:transparent; border:2px solid #7F7F7F; padding:0;}
.slick-dots li button:after{display:none;}
.slick-dots li.slick-active button,
.slick-dots li button:hover{background:var(--secondary); border:2px solid var(--secondary); }

.who-needs-holder{width: 100%;}
.who-needs-card-block{grid-column-gap: 20px; grid-row-gap: 20px; cursor: pointer; justify-content: space-between; align-items: center;
  padding-top:45px; padding-bottom:45px; display: flex; position: relative;}
.who-needs-card-block + .who-needs-card-block{border-top:1px solid rgba(0,0,0,0.1);}
.who-needs-card-block img{z-index: 2; width:250px; position: absolute; transition:all 700ms; }
.who-needs-card-block img.active{object-fit: cover;top:0;right: 42%; transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(-20deg) skew(0deg); transform-style: preserve-3d; opacity: 1;}
.who-needs-card-block img.inactive {object-fit: cover; width: 250px; top:0; right: 42%; transform: translate3d(0px, 0px, 0px) scale3d(0, 0, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg); transform-style: preserve-3d; opacity: 0;}
.who-needs-card-block .card-title{font-weight: 500; font-size: 28px; line-height:1.2; color:var(--secondary); flex:0 0 33.33%; max-width:33.33%; width:100%;}
.who-needs-card-block .card-text{flex:0 0 33.33%; max-width:33.33%; width:100%;}

.text-cta-section .cta-inner-wrap{background:var(--light-blue); border-radius:20px; position:relative; font-size: 20px; line-height:1.3;text-align: center; color: #4C4C4C; padding:30px 30px; overflow:hidden; }
.text-cta-section .cta-title{font-weight: 600; font-size: 32px; line-height:1.2; color:var(--secondary); margin-bottom:10px;} 

.text-cta-section .cta-inner-wrap:before{position: absolute; width: 184px; height: 184px; left:60px; top: -25px;
border: 30px solid rgba(25, 118, 210, 0.1); content:""; background:url(images/question-icon.svg) no-repeat scroll center; border-radius:180px;}

.text-cta-section .cta-inner-wrap:after{position: absolute; width:226px; height:195px; right:-80px; top:-90px;
content:""; background:url(images/text-cta-element.svg) no-repeat scroll 0 0;}


.contact-form-wrapper{padding:45px; border-radius:20px; border:1px solid rgba(0,0,0,0.10); background:#ffffff;}
.contact-form-wrapper .form-title{font-weight: 500; font-size:18px; line-height:1.1; letter-spacing:0; text-transform: uppercase;
color:var(--primary); margin-bottom:5px;}
.contact-form-wrapper .form-subtitle{font-weight:600; font-size:30px; line-height:1.2; color:var(--secondary); margin-bottom:20px;}

.form-row{display:flex; flex-wrap:wrap; margin:0 -10px; width:calc(100% + 20px); }
.form-row .form-group{padding:0 10px; margin-bottom:30px; width:100%; position:relative; }
.form-row.col-2,
.form-row.col-3{width:calc(100% + 20px); padding:0;}
.form-row.col-2 .form-group{flex:0 0 50%; max-width:50%; width:100%;}
.form-group input:not([type="submit"]),
.form-group select,
.form-group textarea{margin-bottom:0; border:0; padding:10px 0; border-bottom:1px solid rgba(0,0,0,0.10); border-radius:0; height:auto; line-height:32px; background:transparent; font-size:18px;}
.form-group textarea{line-height:26px; padding-top:15px; padding-bottom:15px; height:150px; resize:none;}
.form-group.btn{text-align:right; margin-bottom:0}
.form-group .wpcf7-spinner{display:none}
.form-group .wpcf7-not-valid{border-color:#dc3232 !important;}
.form-group select{background:url(images/chevron-down.svg) no-repeat scroll center right;}

.price-box-wrapper{display:flex; flex-wrap:wrap; max-width:1120px; gap:30px; margin:auto;}
.price-box-wrapper .price-box{background:#ffffff; border-radius:20px; border:1px solid var(--light-blue); flex:1;}
.price-box-wrapper .price-box-header{padding:30px; border-bottom:1px solid var(--light-blue);}
.price-box-wrapper .price-box-header h3{font-weight: 600; font-size: 28px; line-height: 32px;  color:var(--primary);}
.price-box-wrapper .pricing-wrap{display:flex; align-items:center; gap:15px; justify-content:space-between;}
.price-box-wrapper .pricing-wrap .price{font-weight: 600; font-size: 48px; line-height:1.25; color:var(--secondary);}
.price-box-wrapper .pricing-wrap .price span{display:block; font-weight: 400; font-size: 17px; line-height:1.5; text-transform: uppercase;
color: #4C4C4C; }
.price-box-wrapper .pricing-wrap .price br{display:none}
.price-box-wrapper .price-box-options{padding:30px;}
.price-box-wrapper .price-box-options ul{list-style:none; margin:0; padding:0;}
.price-box-wrapper .price-box-options ul li{list-style:none; margin:0; padding:5px 0 5px 35px; position: relative;}
.price-box-wrapper .price-box-options ul li + li{margin-top:10px;}
.price-box-wrapper .price-box-options ul li::before {height: 24px;width: 24px;content: "";position: absolute; background: url(images/check-list-icon.svg) no-repeat scroll 0 0;left: 0;top:8px;}

.faqs-item{border:1px solid var(--light-blue); border-radius:10px; background:#ffffff; overflow:hidden;}
.faqs-item + .faqs-item{margin-top:15px;}
.faqs-item .faqs-question{border:1px solid var(--light-blue); border-radius:8px; margin-top:-1px; margin-left:-1px; margin-right:-1px; width:calc(100% + 2px); padding:18px 75px 18px 21px; cursor:pointer; margin-bottom:-1px; position:relative;}
.faqs-item .faqs-question h3{font-weight: 500; font-size: 20px; line-height: 25px; color:var(--secondary); margin:0}
.faqs-item .faqs-answer{padding:20px; display:none;}
.faqs-item .faqs-answer ul{margin-left:15px; margin-bottom:0;}
.faqs-item .faqs-answer ul + *{margin-top:15px;}
.faqs-item .faqs-answer ul.two-column{column-count:2;}
.faqs-item.active .faqs-question h3{color:var(--primary);}
.faqs-item .faqs-question:after{content:""; position:absolute; right:20px; height:32px; width:32px; border-radius:20px; background:var(--light-blue) url(images/plus-icon.svg) no-repeat scroll center; top:15px;right:15px; transition:all 300ms; }
.faqs-item.active .faqs-question:after{transform:rotate(45deg); }



.product-page-hero .section-heading .highlight-heading{animation:none;transform: none;}
.product-page-hero ul{list-style:none; margin:0 0 15px; padding:0;}
.product-page-hero ul li{list-style:none; margin:0; padding:5px 0 5px 35px; position: relative;}
.product-page-hero ul li + li{margin-top:6px;}
.product-page-hero ul li::before {height: 24px;width: 24px;content: "";position: absolute; background: url(images/check-list-icon.svg) no-repeat scroll 0 0;left: 0;top:8px;}
.lead-text{font-size:20px;}
.compatible-logo {display: flex; flex-wrap: wrap; width: 100%; position: relative; overflow: hidden;}
.compatible-logo .logo-item {text-align: center;padding:30px 15px; width: 100%; position: relative;}
.compatible-logo.column-5 .logo-item {flex: 0 0 20%;max-width: 20%;}
.compatible-logo .logo-item::before{position:absolute;right:-1px;content:"";top:15px;bottom:15px;width:1px; background: var(--secondary); opacity: 0.2;}
.compatible-logo .logo-item::after {position:absolute; right:0; content:""; bottom: -1px; left: 0px;height: 1px; background: var(--secondary); opacity: 0.2;}
.compatible-logo .logo-item span {text-transform: uppercase; display:block;}
.compatible-logo .logo-item img {filter: grayscale(1);opacity: 0.5;transition: all 300ms;cursor: pointer; height:50px; width:auto; max-width:170px;}
.compatible-logo .logo-item:hover img{filter: none;opacity: 1;}
.about-product{border-top:1px solid rgba(0,0,0,0.1); border-bottom:1px solid rgba(0,0,0,0.1);}

.round-section-wrapper{padding:400px 0; position: relative;}
.round-section-wrapper .section-heading{max-width: 420px; margin: 0 auto; position: relative; z-index: 2;}
.round-section-wrapper .section-heading h2{font-size:36px;}
.round-section-wrapper .section-heading .button{margin-top:20px;}
.round-section-wrapper .round-section-items-wrapper{display: flex;gap: 20px;flex-wrap: wrap;justify-content: center; }
.round-section-item{width:380px; height:305px; padding:30px; display: flex; flex-direction: column; align-items: center;
  justify-content: center; position: absolute; z-index: 1;
  text-align: center; background: #FFFFFF; box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.05); border-radius: 20px;}

.circular-round {width:850px; height:850px;top: 50%; left: 50%;transform: translate(-50%, -50%);animation: circular-rotation 60s linear infinite;position: absolute;}
@keyframes circular-rotation {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }

  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.round-section-item.step-1 {top:0px;left: 50%; transform: translateX(-50%);}
.round-section-item.step-5 {left: 0; top:50%; transform: translateY(-50%);}
.round-section-item.step-2 {right:0; top:50%; transform: translateY(-50%);}
.round-section-item.step-4 {bottom:0px;left:240px; }
.round-section-item.step-3 {bottom:0px; right:240px; }


.round-section-item img{margin-bottom:10px; max-height: 60px; width: auto;}
.round-section-item h3{font-weight: 600; font-size: 22px; line-height:1.25; color:var(--secondary); margin-bottom:8px;}
.round-section-item p{font-size: 16px; line-height: 26px; color: #4C4C4C; margin-bottom:0}
.circular-round::after {content: "";width:420px;height:420px; border-radius: 50%; background-color: var(--primary); filter: blur(150px); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity:0.1;}

.faqs-wrapper{margin:auto;}
.faqs-wrapper + .faqs-wrapper{margin-top:60px;}
.faqs-wrapper .section-heading{margin-bottom:20px;}
.faqs-wrapper .section-heading h2{font-size:24px; color:var(--primary);}

.sidebar .widget{background:#ffffff; border-radius:20px; border:1px solid rgba(0,0,0,0.1);}
.sidebar .widget .widget-title{font-weight: 600; font-size: 20px; line-height: 25px; letter-spacing: 0.05em; text-transform: uppercase; color:var(--secondary); padding:15px 25px; border-bottom:1px solid rgba(0,0,0,0.1);}
.sidebar .widget .toc-block{padding:25px 25px;}
.sidebar .widget .toc-block ul{list-style:none; margin:0; padding:0}
.sidebar .widget .toc-block ul li{padding-left:20px; position:relative; }
.sidebar .widget .toc-block ul li + li{margin-top:10px;}
.sidebar .widget .toc-block ul li:before{height:10px; width:10px; background:var(--secondary); content:""; position:absolute; left:0; top:9px ;border-radius:10px;}
.sidebar .widget .toc-block ul li a{text-decoration:none; color:#4c4c4c;}
.sidebar .widget .toc-block ul li ul{margin-top:10px;}
.sidebar .widget .toc-block ul li li:before{background:transparent; border:2px solid var(--secondary); height:12px; width:12px; opacity:0.4;}
.sidebar .widget .toc-block ul li > a:hover{color:var(--primary);}
.step-lable{background:var(--primary); color:#ffffff; text-transform:uppercase; font-weight:500; font-size:16px; border-radius:5px; padding:5px 15px; display:table; margin-bottom:10px;}
code{display:block; color:var(--secondary); font-size:18px; font-weight:600; padding:8px 20px; border-radius:5px; background:rgba(10,23,44,0.10); margin:10px 0;}
.step-wrapper{position:relative;}
.step-wrapper + .step-wrapper{margin-top:60px;}

.note{box-sizing: border-box; background: rgba(249, 172, 0, 0.16);border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 5px;
  padding: 10px 20px; color: #000; padding-left:55px; margin-top: 15px; position:relative;}
.note:before{background:url(images/note-icon.svg) no-repeat scroll 0 0; content:""; position:absolute; left:15px; top:7px; width:32px;
  height:32px; background-size: contain; background-position: center;}

.inqury-form{border-top:1px solid rgba(0,0,0,0.10);}
.inqury-form .contact-form-wrapper{background:#ffffff; border-radius: 30px; max-width:1024px; margin: auto;}
html.model-open{overflow:hidden; scrollbar-gutter: stable;}
.vmc-inquiry-form-wrapper{position: fixed; z-index: 10; background: rgba(0,0,0,0.8); top: 0; right: 0; left: 0; bottom: 0; opacity:0; visibility:hidden; transition:all 400ms;}
.vmc-inquiry-form-wrapper.open{opacity:1; visibility:visible;}
.vmc-inquiry-form-wrapper .inquiry-form-wrapper{background:#ffffff; max-width:850px; max-height:80vh; overflow:auto; border-radius:10px; position:absolute; left:50%; top:50%; width:100%; transform:translate(-50%, -50%); padding:30px; }
.vmc-inquiry-form-wrapper .inquiry-form-wrapper .section-heading{margin-bottom:15px;}
.vmc-inquiry-form-wrapper .inquiry-form-wrapper .sub-title{font-size:18px;}
.vmc-inquiry-form-wrapper .inquiry-form-wrapper .title{font-size:24px;line-height: 1.2;font-weight: 600;margin-bottom:0px; font-family: "Outfit", sans-serif; color: var(--secondary);}
.vmc-inquiry-form-wrapper .contact-form-wrapper{padding:30px;}
.vmc-inquiry-form-wrapper .close{height: 30px; width: 30px;border: 2px solid rgba(0,0,0,0.10);border-radius: 30px;position: absolute;right: 20px;top: 20px;transition: all 300ms; cursor:pointer; transform:rotate(45deg);}
.vmc-inquiry-form-wrapper .close:before,
.vmc-inquiry-form-wrapper .close:after{height:2px; background:rgba(0,0,0,0.40); width:16px; content:""; display:block; left:5px; top: 11px; position:absolute;}
.vmc-inquiry-form-wrapper .close:after{transform:rotate(90deg); transform-origin:center;}
.vmc-inquiry-form-wrapper .form-row .form-group{margin-bottom:20px;}
.vmc-inquiry-form-wrapper .form-group input:not([type="submit"]), .form-group select, .form-group textarea{font-size: 18px; line-height: 32px;}
.vmc-inquiry-form-wrapper .form-group.btn{margin-bottom:0;}

.products-grid .icon-box .icon-box-img{background: transparent; border-radius: 0; padding: 0; height: auto; width: 100%;}
.products-grid .icon-box .icon-box-img img{max-height:36px; width:auto;}
.products-grid .icon-box .icon-box-title{font-size: 26px;}

.products-grid .icon-box{padding: 30px 30px 30px; flex-wrap: nowrap; flex-direction: inherit; align-items: center;}
.products-grid .icon-box .icon-box-top{padding-right:45px; border-right:1px solid rgba(0,0,0,0.1);}
.products-grid .icon-box .bottom-price {margin-top: 0;width: 100%;padding-top:0px; max-width: 240px; flex: 0 0 240px; text-align: center; padding-left:30px;}
.products-grid .icon-box .bottom-price .price {font-weight: 600;font-size:60px;line-height:1.1; color: var(--secondary);}
.products-grid .icon-box .bottom-price .price span {display: block;font-weight: 400;font-size: 17px;line-height: 1.5;text-transform: uppercase;color: #4C4C4C;}
.products-grid .icon-box .bottom-price .price br {display: none;}

.products-grid.cmc .icon-box{flex-direction: column; align-items: normal;}
.products-grid.cmc .icon-box .icon-box-top{padding-right: 0;border-right: 0;}
.products-grid.cmc .icon-box .bottom-price{flex: inherit; text-align: left; padding-left: 0; margin-top: auto; padding-top: 20px; max-width: 100%;}


@media only screen and (max-width:1499px) {
    .vmc-vs-cmc::before{left: 0; width: 100%; border-radius: 0}
}
@media only screen and (max-width:1365px) {
    .round-section-item.step-4 { bottom: 0px; left: 200px;}
    .round-section-item.step-3 { bottom: 0px; right: 200px;}
    .product-image{ max-width: 700px;}
    .product-image.vmc .bluetick-block{right: 50px; top: 2px;}
    .product-image.cmc .brandlogo-block{left: -28px; top: 85px;}
    
}

@media only screen and (max-width:1279px) {
    body, button, input, select, textarea{font-size: 16px;}
    .custom-logo{height: 45px; width: auto;}
    .main-navigation .menu{gap: 30px;}
    .hero-section .hero-tagline{font-size: 42px;}
    h1, .h1{font-size: 40px;}
    .hero-section h1{font-size: 60px;}
    .section-heading h2{font-size: 40px;}
    h3, .h3{font-size: 24px;}
    .hero-section .hero-content{font-size: 18px;}
    .icon-box .icon-box-title{font-size: 26px;}
    .section-heading .sub-title { font-size: 18px;}
    .product-image  { margin-right: 100px; max-width: 450px;}
    .product-image.cmc{ margin-right: 0; margin-left: 100px;}
    .product-image.vmc svg{left: 190px; top: 86px; width: auto; height: 100px; transform: scale(0.9);}
    .product-image.cmc svg{right: 322px; top: 32px; transform: scale(0.9);}
    .product-image.vmc .bluetick-block{right: -64px; top: -7px; transform: scale(0.8);}
    .product-image.cmc .brandlogo-block{left: -160px; top: 50px; transform: scale(0.8);}
    .what-mark-certificate h3{font-size: 32px;}
    .comparison-table h3{font-size: 22px;}
    .testimonials-list-wrapper .qoute-wrapper{ padding: 25px;}
    .testimonials-list-wrapper .quote-details .profile-pic{height: 50px; width: 50px; line-height: 50px; font-size: 25px;}
    .testimonials-list-wrapper .quote-details .quote-author{font-size: 18px;}
    .who-needs-card-block .card-title{font-size: 26px;}
    .who-needs-card-block img{width: 230px;}
    .site-footer{border-radius: 40px 40px 0 0; padding-top: 50px;}
    .footer-top .footer-tag-line{font-size: 40px;}
    .footer-widget-col .widget-title{font-size: 22px;}
    .why-trust-us .feature-box-wrapper{column-gap: 100px;}
    .why-trust-us .features-box{flex: 0 0 calc((100% - 100px) / 2);}
    .why-trust-us .features-box:nth-child(4n+1)::after,
    .why-trust-us .features-box:nth-child(4n+3)::after{margin-left: 50px;}
    .contact-form-wrapper{padding: 30px;}   
    .form-group input:not([type="submit"]), .form-group select, .form-group textarea{ font-size: 16px;}
    .circular-round{width: 800px; height: 800px;}
    .round-section-wrapper .section-heading{max-width: 340px;}
    .round-section-wrapper .section-heading h2{font-size: 30px;}
    .round-section-item{width: 320px; height: 315px; padding: 20px;}
    .round-section-wrapper .section-heading{max-width: 280px;}
    .round-section-wrapper .button{padding: 0 35px 0 20px;}
    .button::after{right: 15px;}

    .round-section-item.step-4{bottom: 0px; left: 140px;}
    .round-section-item.step-3 { bottom: 0px; right: 140px; }
    .compatible-logo .logo-item img{max-width: 150px;height: 40px; }
    .price-box-wrapper .price-box-header h3{font-size: 26px;}
    .price-box-wrapper .pricing-wrap .price{font-size: 44px;}
    .price-box-wrapper .pricing-wrap .price span{font-size: 15px;}
    .faqs-item .faqs-question h3{font-size: 18px;}
    .faqs-wrapper + .faqs-wrapper,
    .step-wrapper + .step-wrapper{ margin-top: 50px;}
	.text-cta-section .cta-inner-wrap::before{left: -40px;}
}
@media only screen and (max-width:1023px) {

    .page-section{padding-top: 50px; padding-bottom: 50px;}
    .hero-section .hero-tagline { font-size: 34px; }
     h1, .h1{font-size: 30px;}
    .hero-section h1 { font-size: 50px; }
    .section-heading h2 { font-size: 30px;}
    .hero-section .hero-image{max-width: 600px;}
    .hero-section{background-size: cover;}
    .hero-section .hero-image .bluetick-highlighter { position: absolute; top: 160px; right: 48px; transform: scale(0.8);}
    .hero-section .hero-image .logo-highlighter { position: absolute; top: 155px; left: -10px; transform: scale(0.8);}
    .section-heading .highlight-heading{ margin-bottom: 10px;}
    .why-mark-certificate .col-4{width: 50%;}
    .why-mark-certificate .icon-box{ padding: 30px 20px 20px;}
    .icon-box .icon-box-title { font-size: 24px;  }
    .why-mark-certificate.why-mark-3box .col-4:last-child{width: 100%;}
    .why-mark-certificate.why-mark-3box .col-4:last-child .icon-box{ display: flex; flex-direction: row; flex-wrap: inherit; column-gap: 30px;}
    .why-mark-certificate.why-mark-3box .col-4:last-child .icon-box-top{ flex: 0 0 50%;}
    .comparison-table h3 { font-size: 18px; }
    .supported-email-clients .brand-logo-item{padding: 0 40px;}
    .why-trust-us .feature-box-wrapper{padding: 30px; column-gap: 80px; row-gap: 40px;}
    .why-trust-us .features-box{padding: 0 0 0 40px; flex: 0 0 calc((100% - 80px) / 2);}
    .why-trust-us .features-box:nth-child(4n+1)::after, .why-trust-us .features-box:nth-child(4n+3)::after { margin-left: 40px; }
    h2, .h2{font-size: 28px;}
    h3, .h3 { font-size: 22px; }
    code{font-size: 16px}
    
    .features-title{ margin-top: 5px;}
    .who-needs-card-block img { width: 200px; }
    .who-needs-card-block img.active{right: 37%;}
    .who-needs-card-block{padding-top: 35px; padding-bottom: 35px;}
    .who-needs-card-block .card-title { font-size: 24px; }
    
    .footer-top .footer-tag-line { font-size: 33px;}
    .footer-widget-areas { padding-top: 35px; padding-bottom: 35px;}
    .footer-widget-col .widget + .widget { margin-top: 20px;}
    .product-page-hero .col-6{ width: 100%;}
    .form-group textarea{height: 120px;}
    .compatible-logo .logo-item img { max-width: 130px; height: 30px; }
    
    .round-section-wrapper{ padding: 0}
    .round-section-wrapper .section-heading{max-width: 100%; margin-bottom: 40px;}
    .round-section-item{position: inherit; transform: none !important; justify-content: flex-start;}
    .circular-round{width: 100%; height: auto;}
    .faqs-section .row{row-gap: 15px;}
    .faqs-section .col-6 { width: 100%;}
    .faqs-wrapper + .faqs-wrapper,
    .step-wrapper + .step-wrapper{ margin-top: 40px;  }
    .faqs-wrapper .section-heading h2{font-size: 22px;}  
     .site-footer{border-radius: 30px 30px 0 0;}
     
    .what-mark-certificate .section-heading.side-by-side{flex-direction: column; gap: 0;}
    .what-mark-certificate .section-heading.side-by-side .section-title{flex: 0 0 100%; max-width: 100%; text-align: center}
    .what-mark-certificate .section-heading.side-by-side .sub-title{flex: 0 0 100%; max-width: 100%; text-align: center}
    .home .what-mark-certificate .row:last-child{ margin-top: 60px;}
    .what-mark-certificate h3 { font-size: 26px; }
    
    .product-image { margin-right: 60px; max-width: 340px; }
    .product-image.cmc{margin-left: 60px;}
    .product-image.vmc svg{left: 140px; top: 46px;}
    .product-image.cmc svg{right: 222px; top: -6px; transform: scale(0.8);}
    .product-image.vmc .bluetick-block{right: -86px; top: -40px; transform: scale(0.7);}
    .product-image.cmc .brandlogo-block{left: -160px; top: 20px; transform: scale(0.7);}
	.products-grid .icon-box .bottom-price{padding-left: 15px; max-width: 190px; flex: 0 0 190px;}
	.products-grid .icon-box .icon-box-top{padding-right: 15px;}
	.text-cta-section .cta-inner-wrap{padding: 30px 80px;}
	.text-cta-section .cta-title{font-size: 28px;}
    
}
@media only screen and (max-width:990px) {
    .inner-header{padding-right:90px;}
    .main-navigation .menu-toggle { display:flex; right:30px; top:15px;}
    #site-navigation .primary-menu-wrapper{ opacity:0; max-height:0; position: absolute; width: 100%; background: #fff; left: 0; top: 72px; border-radius: 0 0 10px 10px; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.05); transition:all 400ms; height: auto;}
    #site-navigation.menu-open .primary-menu-wrapper{ opacity:1; max-height:inherit;  }
    .sticky-header #site-navigation.toggled .primary-menu-wrapper{top: 78px;}
    .main-navigation .menu{gap: 0; flex-direction: column; text-align: left;}
    .main-navigation .menu li{ width: 100%; border-top:1px solid rgba(0,0,0,0.10)}
    .main-navigation .menu li a{ width: 100%; padding: 15px 30px; line-height: 1.2; display: block;}
    .main-navigation .menu li > .sub-menu{visibility: visible; opacity: 1; position: initial; border: none; padding: 0; border-radius: 10px; max-height: none; display: none; background:#f2f2f2; border-radius: 0;}
    /*.main-navigation .menu li.focus > .sub-menu{ display: none}*/
    .main-navigation .menu li > .sub-menu li{ padding: 0; }
    .main-navigation .menu li.menu-item-has-children::before{display:none;}
    .main-navigation .menu li > .sub-menu li a{padding: 15px 30px; font-weight: 400;}
    .main-navigation .menu li > .sub-menu li + li{border-top:none}
    .main-navigation .menu li.menu-item-has-children .menu-arrow{position: absolute; height: 32px; width: 32px; border-radius: 20px; background: url(images/down-arrow-icon.svg) no-repeat scroll center; top:8px; right: 15px; transition: all 400ms; opacity: 1; z-index: 10; left: auto; border: none; background-size: 18px; cursor:pointer;}
    .main-navigation .menu li.menu-item-has-children .menu-arrow.active{transform:rotate(180deg); }
    /*.main-navigation .menu li.focus.menu-item-has-children::before{transform: rotate(180deg);  transition: all 500ms;}*/
    .main-navigation .menu li.menu-item-has-children::after{ display: none}
	.vmc-inquiry-form-wrapper .inquiry-form-wrapper{max-width: 640px;}
	.vmc-inquiry-form-wrapper .inquiry-form-wrapper .title{font-size:20px;}
	.vmc-inquiry-form-wrapper .inquiry-form-wrapper .sub-title{font-size: 18px;}
    
}
@media only screen and (max-width:767px) {
    .container{padding: 0 20px;}
    .site-main{padding-top: 62px;}
    .hero-section .hero-tagline { font-size: 28px; }
    .hero-section h1 { font-size: 40px; }
    .inner-header{padding: 10px 15px; padding-right:70px;}
    .main-navigation .menu-toggle{right:15px; width: 42px; height: 42px;padding: 11px;top: 10px;}
    #site-navigation .primary-menu-wrapper{top: 56px;}
    .custom-logo{height: 40px;}
    #header-cta-menu li a{padding: 0 45px 0 20px; line-height: 42px;}
    #header-cta-menu li a::after{width: 30px; height: 30px; right: 7px; top: 5px;} 
    button, html [type="button"], [type="reset"], [type="submit"], .button{line-height: 42px; font-size: 15px; padding: 0 20px 0 20px;}
    .button, button{padding-right: 37px;}
    .button::after, button::after{top: 14px;}
    .hero-section .hero-content { font-size: 17px; }
    .hero-section .hero-image .logo-highlighter{top: 154px; left: -1px; transform: scale(0.7);}
    .hero-section .hero-image .bluetick-highlighter{top: 150px; right: 60px; transform: scale(0.7);}
    .page-section { padding-top: 40px; padding-bottom: 40px; }
    h1, .h1 { font-size: 28px; }
    h2, .h2{font-size: 24px;}
    h3, .h3{font-size: 20px;}
    
    .section-heading h2,
    .supported-email-clients .section-heading h2{ font-size: 24px; }
    .section-heading .sub-title{font-size: 17px;}
    .icon-box .icon-box-title,
    .who-needs-card-block .card-title,
    .footer-widget-col .widget-title,
    .round-section-item h3,
    .faqs-wrapper .section-heading h2{ font-size: 20px; }
   
    .supported-email-clients .brand-logo-item { padding: 0 30px; }
    .supported-email-clients .brand-logo-item img { max-height: 30px; max-width: 110px;}
    .section-heading.side-by-side{flex-direction: column; gap: 0;}
    .section-heading.side-by-side .section-title{flex: 0 0 100%; max-width: 100%; text-align: center;}
    .section-heading.side-by-side .sub-title{flex: 0 0 100%; max-width: 100%; text-align: center;}
    .why-trust-us .features-box{flex: 0 0 100%;}
    .why-trust-us .features-box:nth-child(4n+1)::after, .why-trust-us .features-box:nth-child(4n+3)::after{ display: none}
    .who-needs-card-block{padding-top: 35px; padding-bottom: 35px;}
    .who-needs-card-block:first-child{ padding-top: 0}
    .who-needs-card-block img{display: none;}
    .who-needs-card-block .card-text{flex: 0 0 60%; max-width: 60%;}
     .site-footer{border-radius: 20px 20px 0 0; padding-top: 40px;}
    .footer-top .footer-tag-line { font-size: 23px; }
    .footer-widget-areas { padding-top: 30px; padding-bottom: 30px; }
    .footer-widget-areas .col-6{ width: 100%}
    .footer-widget-areas .col-3{ width: 50%}
    .footer-widget-col .widget_media_image img{ height: 40px !important; width:  auto !important}
    .footer-widget-areas .col-6 .footer-widget-col{padding-right: 0; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 25px;}
    .contact-form-wrapper .form-title{font-size: 16px;}
    .contact-form-wrapper .form-subtitle{font-size: 24px;}
    .compatible-logo .logo-item img { max-width: 100%; height: 27px; }
    .round-section-item{width: calc(50% - 10px); height: auto}
    .round-section-item img{height: 50px; width: auto;}
    .price-box-wrapper .price-box-header h3{font-size: 24px;}
    .price-box-wrapper .pricing-wrap .price { font-size: 40px; }
    .price-box-wrapper .pricing-wrap .price span { font-size: 14px; }
    .faqs-item .faqs-question{padding: 12px 75px 12px 21px;}
    .faqs-item .faqs-question h3{font-size: 17px;}
    .faqs-item .faqs-question::after{height: 30px; width: 30px; top: 8px;}
    .how-to-get-content .col-4{ display: none}
    .how-to-get-content .col-8{ width: 100%;}
    .what-mark-certificate .col-7,
    .what-mark-certificate .col-5{ width: 100%; text-align: center;}
    .product-image{ margin: 0 auto;}
    .product-image.cmc{margin: 0 auto;}
    #site-navigation.toggled .primary-menu-wrapper{ top: 59px;}
    .sticky-header #site-navigation.toggled .primary-menu-wrapper { top: 64px; }
	.vmc-inquiry-form-wrapper .inquiry-form-wrapper{max-width:90vw; max-height:90vh;}
	.vmc-inquiry-form-wrapper .close{right:8px;top:8px;}
	.vmc-inquiry-form-wrapper .inquiry-form-wrapper .sub-title{font-size: 16px; }
	.vmc-inquiry-form-wrapper .inquiry-form-wrapper .title{font-size:20px;}
	.vmc-inquiry-form-wrapper .inquiry-form-wrapper{padding: 20px;}
	.vmc-inquiry-form-wrapper .contact-form-wrapper{padding:15px;}
	.products-grid .icon-box{flex-direction: column;  flex-wrap: wrap;}
	.products-grid .icon-box .icon-box-top{padding-right: 0;border-right: 0; text-align: center;}
	.products-grid .icon-box .bottom-price{padding-left: 0; max-width: 100%; flex: 0 0 100%; text-align: center; padding-top: 20px; margin-top: auto; flex: inherit;}
	.col-6, .col-4, .col-5, .col-3, .col-7, .col-8, .col-3{width: 100%; }
	.products-grid .icon-box .bottom-price .offer-image img{max-width:240px;}
	.text-cta-section .cta-inner-wrap::after{display: none;}
	.text-cta-section .cta-inner-wrap{text-align: left; padding: 30px 30px 30px 160px;}
	.text-cta-section .cta-title{font-size: 24px;}
	.text-cta-section .cta-inner-wrap::before{width: 120px; height: 120px; left: 20px; top: 18px; background-size: 64px; border: 15px solid rgba(25, 118, 210, 0.1);}
}
@media only screen and (max-width:639px) {
    .row{row-gap: 20px;}
    .hero-section .hero-tagline {font-size: 25px; }
    .hero-section h1 { font-size: 35px; }
    .section-heading { margin-bottom: 30px;}
    
    .hero-section .hero-image{max-width: 510px;}
    .hero-section .hero-image .bluetick-highlighter{top: 130px; right: 27px;}
    .hero-section .hero-image .logo-highlighter{top: 129px; left: -19px;}
    .why-mark-certificate .col-4{width: 100%;}
    .why-mark-certificate.why-mark-3box .col-4:last-child .icon-box-top{flex: 0 0 100%;}
    .why-mark-certificate.why-mark-3box .col-4:last-child .icon-box{display: inherit;}
    .comparison-table{flex-direction: column;row-gap: 30px;}
    .comparison-table > div{flex: 0 0 100%; max-width: 100%;}
    .comparison-table > div ul li{ height: auto !important}
    .round-section-item{width: 100%;}
    .product-image.vmc .bluetick-block{transform: scale(0.6); right: -76px; top: -14px;}    
    .product-image.cmc .brandlogo-block{left: -123px; top: 28px; transform: scale(0.6);}
    .product-image.vmc svg{transform: scale(0.7); left: 116px; top: 52px;}
    .product-image.cmc svg{transform: scale(0.7); right: 212px; top: 1px; }
    .what-mark-certificate h3 { font-size: 24px; }
}
@media only screen and (max-width:549px) {
    .hero-section .hero-tagline { font-size: 22px; padding-bottom: 8px;}
    .hero-section h1 { font-size: 30px; }
     h1, .h1 {font-size: 24px; }
     h2, .h2 { font-size: 22px; }
    .section-heading h2, .supported-email-clients .section-heading h2 { font-size: 22px; }
    .hero-section .hero-image { max-width: 440px; }
    .hero-section .hero-image .bluetick-highlighter { top: 110px; right: 15px; transform: scale(0.6);}
    .hero-section .hero-image .logo-highlighter{ transform: scale(0.6); top: 110px; left: -27px;}
    .who-needs-card-block { padding-top: 25px; padding-bottom: 25px; flex-direction: column}
    .who-needs-card-block .card-title{flex: 100%; max-width: 100%;}
    .who-needs-card-block .card-text { flex: 0 0 100%; max-width: 100%; }
    .product-image.cmc svg { transform: scale(0.6) rotate(22deg); right: 181px; top: -24px; }
    .product-image.cmc .brandlogo-block{left: -82px; top: -15px;}
    .why-trust-us .feature-box-wrapper{padding: 20px;}
    .footer-top .footer-tag-line{ text-align: center}
    .footer-top{flex-direction: column; row-gap: 20px;}
    .contact-form-wrapper .form-subtitle { font-size: 22px; }
    .price-box-wrapper .price-box-header,
    .price-box-wrapper .price-box-options{padding: 20px;}
    .price-box-wrapper .price-box-header h3 { font-size: 18px; text-align: center;}
    .price-box-wrapper .pricing-wrap{flex-direction: column; text-align: center;}
    .price-box-wrapper .pricing-wrap .price { font-size: 35px; }
    .price-box-wrapper .pricing-wrap .price span{font-size: 13px;}
    .faqs-item .faqs-question { padding: 12px 55px 12px 21px; }
    .faqs-item .faqs-question::after{transform: scale(0.8); right: 10px;}
    .faqs-item.active .faqs-question::after{transform: rotate(45deg) scale(0.8);}
    .faqs-item .faqs-question h3 { font-size: 16px; line-height: 1.4; }
    .faqs-wrapper + .faqs-wrapper, .step-wrapper + .step-wrapper { margin-top: 30px; }
    .testimonials-list-wrapper .testimonial-item{padding: 0 5px;}
    .comparison-slider.slick-initialized .slick-slide{padding: 0 10px;}
    #header-cta-menu li a{font-size:14px;padding: 0 15px 0 15px;}
      #header-cta-menu li a::after{display:none;}
	.text-cta-section .cta-inner-wrap{padding:180px 30px 30px 30px; text-align: center; }
	.text-cta-section .cta-inner-wrap::before {top: 30px; transform: translateX(-50%); left:50%;}
	.text-cta-section .cta-title{font-size: 28px; }
	.text-cta-section .cta-inner-wrap{font-size: 18px;}
	.contact-form-wrapper{padding: 20px;}
}
@media only screen and (max-width:479px) {
    .product-image{max-width: 290px;}
    .product-image.vmc svg { transform: scale(0.6); left: 82px; top: 37px; }
    .product-image.vmc .bluetick-block{transform: scale(0.45); right: -61px; top: -29px;}
    .product-image.cmc svg { transform: scale(0.45) rotate(22deg); right: 134px; top: -24px;}
    .product-image.cmc .brandlogo-block{left: -62px; top: -2px; transform: scale(0.45);} 
    .form-row.col-2 .form-group{flex: 0 0 100%; max-width: 100%; margin-bottom: 10px;}
	.form-row .form-group{ margin-bottom: 10px;}
    .footer-widget-col .widget .menu li + li { padding-top: 8px;}
    .footer-widget-areas .col-3{width: 100%;}
    .compatible-logo.column-5 .logo-item{flex: 0 0 50%; max-width: 50%;}
    button, html [type="button"], [type="reset"], [type="submit"], .button{ font-size: 14px;}
	.hero-section .hero-image{max-width:320px;}
    .hero-section .hero-image .logo-highlighter { transform: scale(0.4); top: 73px; left: -35px; }
    .hero-section .hero-image .bluetick-highlighter { top: 74px; right: -3px; transform: scale(0.4);}
    .main-navigation .menu li a{padding: 15px 15px;}
    .main-navigation .menu li > .sub-menu li a{padding:15px 15px; font-size: 15px;}
	.section-heading{margin-bottom: 15px;}
}