/*
Theme Name: medkern
Theme URI: https://wordpress.org/themes/medkern/
Author: the WordPress team
Author URI: https://wordpress.org
Description: medkern emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.2

/*
 * The Typekit service used to deliver this font or fonts for use on websites
 * is provided by Adobe and is subject to these Terms of Use
 * http://www.adobe.com/products/eulas/tou_typekit. For font license
 * information, see the list below.
 *
 * proxima-nova:
 *   - http://typekit.com/eulas/00000000000000007735e602
 *   - http://typekit.com/eulas/00000000000000007735e603
 *   - http://typekit.com/eulas/00000000000000007758cf7d
 *   - http://typekit.com/eulas/00000000000000007735e611
 *   - http://typekit.com/eulas/00000000000000007735e601
 *   - http://typekit.com/eulas/00000000000000007735e60d
 *   - http://typekit.com/eulas/00000000000000007735e609
 *   - http://typekit.com/eulas/00000000000000007758cf8f
 *   - http://typekit.com/eulas/00000000000000007735e606
 *   - http://typekit.com/eulas/00000000000000007735e605
 *
 * © 2009-2025 Adobe Systems Incorporated. All Rights Reserved.
 */
/*{"last_published":"2025-08-28 17:07:03 UTC"}*/

@import url("https://p.typekit.net/p.css?s=1&k=olr7kwj&ht=tk&f=137.139.140.169.171.173.175.176.5474.25136&a=174838033&app=typekit&e=css");

@font-face {
font-family:"proxima-nova";
src:url("https://use.typekit.net/af/846224/00000000000000007735e602/31/l?subset_id=2&fvd=n9&v=3") format("woff2"),url("https://use.typekit.net/af/846224/00000000000000007735e602/31/d?subset_id=2&fvd=n9&v=3") format("woff"),url("https://use.typekit.net/af/846224/00000000000000007735e602/31/a?subset_id=2&fvd=n9&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:900;font-stretch:normal;
}

@font-face {
font-family:"proxima-nova";
src:url("https://use.typekit.net/af/5be242/00000000000000007735e603/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/5be242/00000000000000007735e603/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/5be242/00000000000000007735e603/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
}

@font-face {
font-family:"proxima-nova";
src:url("https://use.typekit.net/af/38ea3a/00000000000000007758cf7d/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/38ea3a/00000000000000007758cf7d/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/38ea3a/00000000000000007758cf7d/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:700;font-stretch:normal;
}

@font-face {
font-family:"proxima-nova";
src:url("https://use.typekit.net/af/99d25e/00000000000000007735e611/31/l?subset_id=2&fvd=n8&v=3") format("woff2"),url("https://use.typekit.net/af/99d25e/00000000000000007735e611/31/d?subset_id=2&fvd=n8&v=3") format("woff"),url("https://use.typekit.net/af/99d25e/00000000000000007735e611/31/a?subset_id=2&fvd=n8&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:800;font-stretch:normal;
}

@font-face {
font-family:"proxima-nova";
src:url("https://use.typekit.net/af/4b22bb/00000000000000007735e601/31/l?subset_id=2&fvd=n1&v=3") format("woff2"),url("https://use.typekit.net/af/4b22bb/00000000000000007735e601/31/d?subset_id=2&fvd=n1&v=3") format("woff"),url("https://use.typekit.net/af/4b22bb/00000000000000007735e601/31/a?subset_id=2&fvd=n1&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:100;font-stretch:normal;
}

@font-face {
font-family:"proxima-nova";
src:url("https://use.typekit.net/af/e37e5a/00000000000000007735e60d/31/l?subset_id=2&fvd=n6&v=3") format("woff2"),url("https://use.typekit.net/af/e37e5a/00000000000000007735e60d/31/d?subset_id=2&fvd=n6&v=3") format("woff"),url("https://use.typekit.net/af/e37e5a/00000000000000007735e60d/31/a?subset_id=2&fvd=n6&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:600;font-stretch:normal;
}

@font-face {
font-family:"proxima-nova";
src:url("https://use.typekit.net/af/d7ff92/00000000000000007735e609/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/d7ff92/00000000000000007735e609/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/d7ff92/00000000000000007735e609/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}

@font-face {
font-family:"proxima-nova";
src:url("https://use.typekit.net/af/6eb0e3/00000000000000007758cf8f/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/6eb0e3/00000000000000007758cf8f/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/6eb0e3/00000000000000007758cf8f/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:400;font-stretch:normal;
}

@font-face {
font-family:"proxima-nova";
src:url("https://use.typekit.net/af/3888dc/00000000000000007735e606/31/l?subset_id=2&fvd=n3&v=3") format("woff2"),url("https://use.typekit.net/af/3888dc/00000000000000007735e606/31/d?subset_id=2&fvd=n3&v=3") format("woff"),url("https://use.typekit.net/af/3888dc/00000000000000007735e606/31/a?subset_id=2&fvd=n3&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:300;font-stretch:normal;
}

@font-face {
font-family:"proxima-nova";
src:url("https://use.typekit.net/af/26f7ec/00000000000000007735e605/31/l?subset_id=2&fvd=n5&v=3") format("woff2"),url("https://use.typekit.net/af/26f7ec/00000000000000007735e605/31/d?subset_id=2&fvd=n5&v=3") format("woff"),url("https://use.typekit.net/af/26f7ec/00000000000000007735e605/31/a?subset_id=2&fvd=n5&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:500;font-stretch:normal;
}

body { font-family: "proxima-nova",sans-serif; }

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}


:root{
    
    		--common-unit  : 0.0625rem;
    	--banner-head : clamp(3.18rem,  calc(7.7vw + var(--common-unit)), 9.25rem);
    	--heading: clamp(2.1rem,  calc(5.15vw + var(--common-unit)), 6.188rem);
    	--banner-head-sub : clamp(1rem,  calc(1.5625vw + var(--common-unit)), 1.875rem);
    	--banner-inner-head : clamp(2rem,  calc(5.15vw + var(--common-unit)), 6.188rem);
    	--banner-des : clamp(1rem,  calc(0.9375vw + var(--common-unit)), 1.125rem);
    	--m-v-text : clamp(1.5rem,  calc(2.18vw + var(--common-unit)), 2.6rem);
    	--thankyou-text : clamp(3.75rem,  calc(10.4vw + var(--common-unit)), 12.5rem);
    	--f-44-20 : clamp(1.25rem,  calc(2.29vw + var(--common-unit)), 2.75rem);
    	--f-65-32 : clamp(2rem,  calc(3.38vw + var(--common-unit)), 4rem);
    	--f-28-16 : clamp(1rem,  calc(1.45vw + var(--common-unit)), 1.75rem);
    	--line-height: 0;
    
    
}


html {
  scroll-behavior: smooth;       /* enables smooth scroll */
  scroll-padding-top: 80px;      /* adjust based on your fixed header height */
}



*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html, body {
  height: 100%;
  font-size: 100%;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
  height: auto;
}


.m-v-text{font-size:var(--m-v-text) !important;}

.f-44-20{font-size:var(--f-44-20) !important;}



.heading{font-size:var(--heading);font-weight:300;line-height: 1;}
.heading code{font-weight:400;font-family: "proxima-nova",sans-serif;}

input, button, textarea, select {
  font: inherit;
  color: inherit;
}

button {
  background: none;
  border: none;
  cursor: pointer;
}

a {
  color: inherit;
  text-decoration: none;outline:none;border:none;
}

ul, ol {
  list-style: none;
}


p,a,div,ul,li,h3,h1,h2,h4,h5,h6{margin:0px;}

body header #header-logo path{fill:#fff !important;}

.line-anim{position: fixed;
    top: 0;
    opacity: 0.2;    z-index: 0;max-width:100vw;pointer-events: none;}
.line-anim path{stroke: #fff !important}

.line-anim .cls-1 {
  fill: none;
  stroke-miterlimit: 10;
  stroke-width: 3;
  opacity: 0.3;               /* semi-transparent */
  stroke-dasharray: 2000;     /* total path length */
  stroke-dashoffset: 2000;    /* hide the line */
  
}

section .wp-block-group{position:relative;z-index:1;}


.line-anim .cls-1.animate{animation: draw 3s linear forwards;}



/* Stagger each path animation */
.line-anim path:nth-child(1) {
  animation-delay: 0s;
}
.line-anim path:nth-child(2) {
  animation-delay: 1s;
}
.line-anim path:nth-child(3) {
  animation-delay: 2s;
}
.line-anim path:nth-child(4) {
  animation-delay: 3s;
}

@keyframes draw {
  to {
    stroke-dashoffset: 0;
  }
}


body.black-bg header #header-logo path:nth-child(1),body.black-bg header #header-logo path:nth-child(2),body.black-bg header #header-logo path:nth-child(3){fill: #00558E !important;}
body.black-bg header #header-logo path:nth-child(4),body.black-bg header #header-logo path:nth-child(5),body.black-bg header #header-logo path:nth-child(6),body.black-bg header #header-logo path:nth-child(7),body.black-bg header #header-logo path:nth-child(8){    fill: #083E5F !important;}
body.black-bg header #header-logo path:nth-child(9){    fill: #54C3BC !important;}
body.black-bg header .search-icon path{fill: #083E5F !important;}
body.black-bg header p{color:#083E5F !important;;}
body.black-bg header .menu rect{fill: #083E5F !important;}
body.black-bg .line-anim .cls-1{stroke: #868484 !important;}

body.black-bg header ul{color:#012537 !important;}


section .w-100{    width: 100%;
    max-width: 1280px;}


footer .w-100{    width: 100%;
    max-width: 1280px;}

.banner-btn.blue{border: 1px solid #083E5F;color:#083E5F;}
.banner-btn.blue svg path{fill: #083E5F !important;}

.section {
  position: relative;
  /*height: 100vh;*/
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;    margin-block-start: 0 !important;
  padding:5% !important;min-height:100vh;flex-direction: column;
}

.c{position:relative;}


table {
  border-collapse: collapse;
  border-spacing: 0;
}

.just-spc-btw{justify-content: space-between;}
header{    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;}

.pro-img{position: absolute;
    bottom: 0;
    max-width: 460px;
    right: 25%;}
    
    
    
footer .address,footer .email,footer .phone{
    position: relative;
    padding-left: 35px;
}
  footer .address::before{content: "";
    background-image: url(https://medkern.com/wp-content/uploads/2025/08/location-icon.png);
    position: absolute;
    left: 0;
    top: 3px;
    display: block;
    width: 25px;
    height: 25px;
    background-size: contain;}  
  footer .email::before{content: "";
    background-image: url(https://medkern.com/wp-content/uploads/2025/08/email-icon.png);
    position: absolute;
    left: 0;
    top: 3px;
    display: block;
    width: 25px;
    height: 25px;
    background-size: contain;}
    
      footer .phone::before{content: "";
    background-image: url(https://medkern.com/wp-content/uploads/2025/08/Mobile-icon.png);
    position: absolute;
    left: 0;
    top: 3px;
    display: block;
    width: 25px;
    height: 25px;
    background-size: contain;}  
    
.section.no-scrollify{min-height:unset !important;}
    
    .max-100{max-width: 100% !important;}
    
    .inline-img{
    
        display: flex;
    align-items: center;
    gap: 0.5rem;}
    
    
.marquee {
  overflow: hidden;
  position: relative;
  white-space: nowrap;    position: absolute !important;
    bottom: 28vh;
    z-index: 0  !important;max-width: 100vw;
}

.marquee-content {
  display: inline-block;
  padding-left: 100%; /* start offscreen */
  animation: marquee 20s linear infinite;
}



.marquee-content p {
  display: inline-block;
  margin: 0 2rem; min-width:32%;
}

.pin-spacer{    max-width: 100vw !important;
    overflow: hidden !important;}


.mobile{display:none !important;}
.desktop{display:block !important;}

@keyframes marquee {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); } /* moves half because of duplicate */
}
    
    
    
    .contact-items p{display: flex;
    align-items: center;
    gap: 1.25rem;}
    
    
    
.core-team .team-details{    position: relative;
    bottom: 0px;
    left: 0px;
    padding: 10px 5px 20px 5px;
    width: 100%;
    border-radius: 25px;
    display: flex;
    flex-direction: column;
    gap: 0;}    
.relative{position:relative;}    


.core-team{    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 1.25rem;}

#team,#content{padding-bottom:unset !important;}

.core-team .item figure img{width:100%;}

#thank-you .banner-content{    justify-content: center;
    align-items: center;
    text-align: center;}
#thank-you .banner-content .banner-text{font-size: var(--thankyou-text);
    font-weight: 700;    text-transform: uppercase;}
#thank-you .custom-banner{min-height:100vh;}

#thank-you .cta-btn{padding-top:2%;}
#terms-banner .banner-content{text-align:center;}
#content ol{    gap: 20px;
    display: flex;
    flex-direction: column;
list-style:none !important;
}
  #product-banner .custom-banner.inner-banner {padding:5%;}

#content ol li strong,#content strong{font-size:var(--m-v-text);line-height: 1;    padding-bottom: 10px;
    display: block;    padding-top: 1.75rem;}

#content ol li br,#content br{padding:0px;}
#content p{margin:0px !important;}

#content p a{color:#54C3BC;font-weight:400px;}



#content ol li a{color: #54C3BC;text-decoration:undeline;}
#content ol{margin: 0px;
    list-style: decimal !important;
    padding-left: 25px !important;
    gap: 0.5rem;}
    
    
    #content .ul-none{list-style:none !important;padding-left:0px !important;}
    
   #content ul{ 
        list-style: disc !important;
    padding-left: 25px !important;    margin: 0;
   }
    
#p-not-found .custom-banner.inner-banner {
    height: unset;
    min-height: 800px;
    box-sizing: border-box;
}    
    #p-not-found .err-img{max-width:65%;}
    
    
    #p-not-found .banner-content{    
    justify-content: center;
    align-items: center;}
  #p-not-found .banner-content .des{text-align:center;}   
    
  #p-not-found .cta-btn{padding-top:2%;}
    
    .mob-menu{display:none;}
    
    
    #product-banner .custom-banner.inner-banner {
    height: unset;
    padding: 10% 5%;
    box-sizing: border-box;
    padding-bottom: 5%;}
    
    #product-banner .product-img img{max-width:575px;}
    
#product-banner .product-img{ display: flex;
    justify-content: flex-end;
    max-width: 1080px;}
    
    
.grid-3{display: grid !important;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 3rem 5%;
    padding-top: 3%;}
    
#solution .grid-3 .wp-block-column figure img{min-width:80px;height:auto;}  
#solution .grid-3 .wp-block-column p{line-height:1.2;}    
    
    
    
    .float-btn {
    position: fixed;
    right: 0;
    top: 50%;
    padding: 15px !important;
    border-radius: 12px 0px 0px 11px;z-index:999;cursor:pointer
}



.partners {
  display: flex;
      flex-wrap: wrap;
    justify-content: center;
    gap: 40px;
    text-align: center;
    padding-top: 2%;
}

.partner {
     flex: 1 1 30%;
    max-width: 33%;
}

.partner img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto 10px;
}

#milestone{padding-bottom:0px !important;}

#content code{    font-family: "proxima-nova", sans-serif;
    font-weight: 600;}
    
    
.float-btn figure{display: flex;}

.hide{display:none !important;}


.cta-btn {
  position: relative;
  z-index: 9999;
}


.parallax-sec {
  pointer-events: none; /* disables clicks on pinned sections */
}

.parallax-sec * {
  pointer-events: auto; /* re-enable for children */
}


body header.bg-active{background:#fff;transition:0.3s all ease-in-out;}

#cred{padding: 20px 5% !important;}    
    
@media screen and (min-width: 768px) and (max-width: 1400px) {
    
    .heading {font-size: 75px !important;}
    
}


@media screen and (min-width: 768px) and (max-width: 1200px) {
    
    .core-team {
    grid-template-columns: 1fr 1fr 1fr;}
    
}




@media screen and (max-width: 768px){
    .section,#banner.section .custom-banner{padding:10% 5% !important;min-height:unset !important;        height: unset;}
    #banner.section{padding:0px !important;}
    .banner-content{padding:0px !important;     gap: 1.5rem}
    .banner-content h2 {
    font-size: 45px !important;}
    #banner.section .custom-banner{min-height:400px !important;        box-sizing: border-box;}
    
    .marquee{position:relative !important;}
    .marquee-content p{min-width:100% !important;}
    .marquee-content{max-width:100vw !important;}
    header .logo{max-width:120px !important;}
    .heading {font-size: 32px !important;
        margin-top: 8px;}
    .mob-pb0{padding-bottom:0px !important;}
    .pro-img {
    position: relative;
    bottom: 0;
    max-width: unset;
    right: unset;}
    #product{padding-bottom:0px !important;}
    
    footer .w-100{gap:2rem !important;}
    .pro-img-container{margin-bottom:-140px !important;}
    #about .parallax{padding:0px !important;}
    #about{padding-top:calc(10% + 70px) !important;}
    .marquee{bottom:20vh !important;}
    .mob-col{    flex-direction: column;gap: 1rem;}
    footer .phone::before,footer .email::before{top:0px;}
    footer .f-menu{padding-top: 1rem;justify-content: flex-start;}
    footer .f-menu nav{width:100%;}
    footer .f-menu nav ul{    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    width: 100%;}
    
    #cred{padding:20px 5% !important;}
    #cred .max-100{    justify-content: center;
    gap: 1rem !important;}

.inline-img{flex-direction:column !important;}

header{background: #083e5f;}

.cta-btn a,.cta-btn button{font-size:1.125rem !important;        gap: 1rem;
        padding: 6px 1.25rem;        display: flex;
        align-items: center;}
.cta-btn a svg,.cta-btn button svg{max-width: 18px !important;}
.desktop,header nav.is-responsive.header{display:none !important;}
.mobile{display:block !important;}
.mob-al-col{flex-direction:column;}
#c-details .mob-al-col{justify-content: flex-start;
    align-items: flex-start;}
.contact-items p{gap:1rem;}
#c-details iframe{height:220px !important;}
.mob-al-left{justify-content: flex-start;
    align-items: flex-start !important;}
.mob-al-left p{text-align:left !important;}
.core-team {
    display: block !important; /* let Owl handle layout */
  }
  
.core-team .owl-nav button{        background-image: url(https://medkern.com/wp-content/uploads/2025/09/Component-14.png) !important;
        width: 44px;
        height: 44px;
        background-size: 44px !important;outline:none;}
  .core-team .owl-nav button span{display:none !important;}
  
.core-team .owl-nav{justify-content: flex-end;
    display: flex;}
  
  .owl-theme .owl-nav [class*=owl-]:hover {
    background-color: unset !important;}
  
  #thank-you .custom-banner {
    min-height: 500px;
    padding: 10% 5%;
    box-sizing: border-box;
}
 #thank-you .banner-content .des {
    font-size: 16px;}
    
 #thank-you .banner-content #b-head {
        font-size: 55px !important;
    }
  
  
 #terms-banner .custom-banner.inner-banner {
    min-height: 400px;
    height: unset;
}
  
  #content ol {
    gap: 5px;        margin: 0;}
  
  
  
  #p-not-found .banner-content {
    padding: 10% 5% !important;
}
  
  #p-not-found .custom-banner.inner-banner {
    height: unset;
    min-height: 600px;}
  
  
.mob-menu{display: flex;
        position: fixed;
        top: 0;
        background: #fff;
        width: 100%;
        min-height: 100vh;
        z-index: 9999;
        flex-direction: column;
        box-sizing: border-box;
        gap: 1rem;
        transition: 0.3s all ease-in-out;transform: translateX(150vw);}
  .mob-menu.open{transform: translateX(0);}
  .mob-menu .close-icon{    width: 100%;
    display: flex;
    justify-content: flex-end;
    box-sizing: border-box;
    padding: 0% 5%;}
  
  
    .mob-menu nav{width: 100%;}
  .mob-menu nav ul{    width: 100%;
    gap: 1.75rem;}
  .mob-menu nav ul li{    border-bottom: 1px solid #E3E0E0;
    width: 100%;}
  
  #product-banner .product-img img {
    max-width: 100%;
}


.grid-3 {grid-template-columns: 1fr;gap: 2rem;}
  #solution .grid-3 .wp-block-column figure img {
    min-width: 50px;
    height: auto;
    width: 50px;
}


.banner-content #b-head {line-height: 1.2;}
.mob-pt-2rem{padding-top:2rem !important;}

.float-btn figure img{max-width:24px;}
.float-btn{    padding: 10px !important;
    border-radius: 5px 0px 0px 5px;}

 #product-banner .custom-banner.inner-banner{padding-top: calc(10% + 60px);}


.partner img {
    max-width: 150px;}
.partners{gap:15px;}
.partner {
    flex: 1 1 100%;
    max-width: 100%;
}



  
}