/*
Theme Name: a4i
Theme URI: https://wordpress.org/themes/a4i/
Author: the WordPress team
Author URI: https://wordpress.org
Description: a4i 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.9
Requires PHP: 7.2
Version: 1.4
*/


@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');



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;
}

/*
 * Prevents unnecessary scrollbars while handling long lines of preformatted text.
 * https://core.trac.wordpress.org/ticket/63875
 */
:where(pre) {
	overflow-x: auto;
}

/* ==============================
   WordPress Style Reset
   ============================== */

/* Box sizing */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default margins */
html,
body,
h1, h2, h3, h4, h5, h6,
p,
blockquote,
figure,
dl,
dd,
ul,
ol {
  margin: 0;
  padding: 0;
}


html{  scroll-behavior: smooth;scroll-padding-top:100px;}

/* Body defaults */
body {
  line-height: 1.5;
  font-size: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Lists */
ul,
ol {
  list-style: none;
}

/* Images & media */
img,
picture,
video,
canvas,
svg {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Forms */
input,
button,
textarea,
select {
  font: inherit;
  color: inherit;
  background: none;
  border-radius: 0;
}

/* Buttons */
button {
  cursor: pointer;
  border: none;
}

/* Links */
a {
  text-decoration: none;
  color: inherit;
}

/* Tables */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* Typography fixes */
strong {
  font-weight: 700;
}

em {
  font-style: italic;
}

/* Remove animations for reduced motion users */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}


:root {
  --font-primary: 'Inter',sans-serif;
   --banner-height:100vh;
   --blue:#204F94;
   --white:#fff;
   --black:#272626;
   --grey: #E9E9E9;
    --common-unit  : 0.0625rem;
    --f-80-28:clamp(1.75rem, calc(4.16vw + var(--common-unit)) , 5rem);
    --f-28-16:clamp(1rem, calc(1.45vw + var(--common-unit)) , 1.75rem);
    --f-22-16:clamp(1rem, calc(1.145vw + var(--common-unit)) , 1.375rem);
    --f-54-28:clamp(1.75rem, calc(2.812vw + var(--common-unit)) ,3.375rem); 
    --f-20-16:clamp(1rem, calc(1.041vw + var(--common-unit)) , 1.25rem);
    --f-24-22:clamp(1.375rem, calc(1.25vw + var(--common-unit)) , 1.5rem);
     --f-18-16:clamp(1rem, calc(0.93vw + var(--common-unit)) , 1.125rem);
      --f-20-18:clamp(1.125rem, calc(1.041vw + var(--common-unit)) , 1.25rem);
      
     --f-28-20:clamp(1.25rem, calc(1.45vw + var(--common-unit)) , 1.75rem); 
     
      --f-28-24:clamp(1.5rem, calc(1.45vw + var(--common-unit)) , 1.75rem);
      
        --f-38-24:clamp(1.97rem, calc(1.45vw + var(--common-unit)) , 2.375rem);
      
      --f-32-24:clamp(1.5rem, calc(1.66vw + var(--common-unit)) , 2rem); 
      --f-32-20:clamp(1.25rem, calc(1.66vw + var(--common-unit)) , 2rem); 
     
      --f-26-22:clamp(1.375rem, calc(1.35vw + var(--common-unit)) ,1.625rem);
     
      --p-height:100px;
      
}

body {
  font-family: var(--font-primary) !important;      /* 16px */
  color: #272626;
}



.f-20-16{font-size:var(--f-20-16) !important;}
.f-24-22{font-size:var(--f-24-22) !important;}
.f-18-16{font-size:var(--f-18-16) !important;}
.f-20-18{font-size:var(--f-20-18) !important;}

.f-28-20{font-size:var(--f-28-20) !important;}
.f-28-24{font-size:var(--f-28-24) !important;}
.f-54-28{font-size:var(--f-54-28) !important;}

.f-26-22{font-size:var(--f-26-22) !important;}

.f-32-24{font-size:var(--f-32-24) !important;}
.f-32-20{font-size:var(--f-32-20) !important;}
.entry-content{margin:0px;}


.f-38-24{font-size:var(--f-38-24) !important;}


header{    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
    background: transparent;
    transition: 0.5s all linear;}

body.bg header{background:var(--white);border-bottom: 1px solid #EBEBEB}

header .color-logo{display:none;transition:0.5s all linear;}
body.bg header .color-logo{display:block;}
body.bg header .white-logo{display:none;}

body.bg header .cta-sec a.white .span,body.bg header .cta-sec a.white .c-arrow,body.bg header .cta-sec button.white .span, body.bg header .cta-sec button.white .c-arrow {
    background: var(--blue);
    color: var(--white);
}

body.bg header .cta-sec .arr path{fill:#fff !important;}

body.bg header .header-nav{    color: var(--black) !important;}
body.bg header .search-icon path{stroke:var(--black) !important;}

.sub-head{font-size:var(--f-22-16) !important;position:relative;
    display: flex;
    align-items: center;
    min-height: 48px;
    padding-left: 20px;
    position: relative;
    z-index: 1;    text-transform: uppercase;
}
.sub-head::before{content:"";    background: var(--grey);
    width: 48px;
    display: block;
    height: 48px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;}


.hide{display:none !important;}
.sec-head{font-size:var( --f-54-28) !important;font-weight:600;line-height:1.2 !important;    letter-spacing: -1px;}
.sub-head.blue::before{background: #E9E9E9;}

.sub-head.light-blue::before{background: #194382;}

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

#ecosystem .blue-sec{margin:0;}
/*#ecosystem .item{background-image:url('https://a4i.dotncube.in/wp-content/uploads/2026/02/ecosystem-card-bg.webp')no-repate;}*/
#ecosystem .item {
    background-image: url('https://a4i.dotncube.in/wp-content/uploads/2026/02/ecosystem-card-bg.webp');
    background-repeat: no-repeat;
    /*background-size: cover;  optional but usually useful */
    /*background-position: center;*/
}

.relative{position:relative;}

#ecosystem .l-ele{    position: absolute;
    right: 0;
    top: 0;    z-index: 0;}
#ecosystem .r-ele{    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;
    max-width: 10vw;}
    
#ecosystem .inner-content,#team .inner-content,footer .inner-data{position:relative;z-index:1;}
    
    
.team-buttons .wp-block-button{opacity:0.5;transition:0.5s all linear;}    
.team-buttons .wp-block-button.active{opacity:1;}    
.img-100 img{width:100%;}    


.team-buttons .wp-block-button:hover{opacity:1;}

.team-items .img-100{background:#fff;    border-radius: 12px 12px 0px 0px;}

.about-team .team-items .img-100{background:transparent;}

.about-team .team-buttons a{border-color: #214f9499 !important;color: #214f9499 !important;}
.readmore{outline:none;    padding-right: 1px;}


.about-team .team-buttons .wp-block-button.active a{border-color: #214f94 !important;color: #214f94 !important;}
.about-team .team-items{opacity:0;height:0;padding-top:0px !important;}

.about-team .nav-wrap{display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    padding-top: 30px;}


.about-team .nav-wrap svg{cursor:pointer;}

/*.about-team .team-items{display:block !important;}*/

/*.team-items{display:none !important;opacity: 0;
/*  transform: translateY(10px);*/
/*  transition: opacity 0.4s ease, transform 0.4s ease;}*/
/*.team-items.active{display:grid  !important;opacity: 1;*/
/*  transform: translateY(0);}*/
  
.home-team .team-items{
  display: grid;
  opacity: 0;
  transform: translateY(12px);
  transition: opacity 0.35s ease, transform 0.35s ease;
  pointer-events: none;
  height: 0;
  overflow: hidden;padding-top:0px !important;
}

.team-items.active{
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
  height: auto;
}


#team .l-ele{position: absolute;
    left: 0;
    top: 0;
    z-index: 0;}

.resource-container li.resource,.resource-container li.resource .wp-block-post-featured-image,.resource-container li.blogs,.resource-container li.blogs .wp-block-post-featured-image,.resource-container li.events,.resource-container li.events .wp-block-post-featured-image{overflow:hidden;transition:0.5s all linear;}
.resource-container li.resource:hover,.resource-container li.blogs:hover,.resource-container li.events:hover{border-radius:16px;}
.resource-container li.resource .inner-data,.resource-container li.resource .wp-block-post-featured-image a img,.resource-container li.blogs .inner-data,.resource-container li.blogs .wp-block-post-featured-image a img,.resource-container li.events .inner-data,.resource-container li.events .wp-block-post-featured-image a img{transition:0.5s all linear;}
.resource-container li.resource:hover .inner-data,.resource-container li.blogs:hover .inner-data,.resource-container li.events:hover .inner-data{background: #EDEDED;}
.resource-container li.resource:hover .wp-block-post-featured-image a img,.resource-container li.blogs:hover .wp-block-post-featured-image a img,.resource-container li.events:hover .wp-block-post-featured-image a img{transform:scale(1.1);}
.wp-block-template-part{margin:0px;}

.footer-menu ul{ 
   display: inline-flex !important;
    gap: 1.25rem 4rem;}


footer .inline-img{    display: flex;
    align-items: center;
    gap: 8px;}

footer .l-ele{    position: absolute;
    left: 0;
    bottom: 0;z-index:0;}
footer .r-ele{    position: absolute;
    right: 0;
    top: 0;z-index:0;}


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


#about .r-ele,#innovation .r-ele,#resource .r-ele{    margin: 0;
    position: absolute;
    right: 0;
    top: 10%;
    z-index: 0;
    max-width: 11vw;}

.r-z1{position:relative;z-index:1;}


.cred{width:100%;}

#ecosystem .mobile-slider .cta{transition:0.3s all linear;cursor:pointer;width: 36px;    min-width: 36px;

    height: auto;}
#ecosystem .mobile-slider .cta:hover{transform:rotate(52deg);}


.resource-container li.resource svg{transition:0.3s all linear;}

.resource-container li.resource:hover svg{transform: rotate(45deg);}


.fadeIn {
  animation-duration: 1s !important;
}

.fadeOut {
  animation-duration: 1s !important;
}



#p1 .r-ele{    position: absolute;
    left: 0;
    bottom: 5%;}

#p1 .l-ele{ position: absolute;
    right: 0;
    top: 5%;}

#m1 .l-ele,#a5 .l-ele{position: absolute;
    left: 0;
    top: 3%;}

.ul-grid-2{    display: grid;
    list-style: disc;
    padding-left: 20px;
    grid-template-columns: 1fr 1fr;
    gap: 3rem 8rem;
    padding-top: 1rem;}


.ul-grid-4{    display: grid;
    list-style: disc;
    padding-left: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 3rem 5rem;
    padding-top: 1rem;}




#m3 .l-ele,#m4 .l-ele,#a2 .l-ele{position: absolute;
    left: 0;
    bottom: 0%;}


.grid-3{   display: grid !important;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1.25rem;
    padding-top: 1.25rem;}

.grid-2{   display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 1.25rem;
    padding-top: 1.25rem;}


#m4 .l-ele{
    bottom: 3%;}

#a2 .p-icon{    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;}
#a2 .p-icon img{cursor:pointer;}


#m4.a4 .r-ele,#d1 .r-ele{    position: absolute;
    right: 0;
    top: 2%;
    max-width: 10vw;}

#d1 .l-ele{    position: absolute;
    left: 0;
    bottom: 40%;}

#d2 .l-ele{    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 12vw;}

#d2 .r-ele{    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 12vw;}

#d3 .l-ele{    position: absolute;
    left: 0;
    bottom: 0;
    max-width: 9vw;}

#d3 .r-ele{position: absolute;
    right: 0;
    top: 20%;}


.team-items.ABOUT .img-100 {
    background: #F2F7FF;}
    
    
.c-inline{    display: flex;
    align-items: center;
    gap: 10px;
    padding-top: 0.5rem;}    


footer .mob-gap2{width:100%;}


#c1 .form-wrapper{    background: #F1F7FF;}
#c1 .r-ele,#re1 .r-ele{    position: absolute;
    right: 0;
    top: 5%;
    max-width: 10vw;}
#c1 .l-ele{    position: absolute;
    left: 0;
    bottom: 5%;
    max-width: 5vw;}

#re3 .l-ele,#career1 .l-ele{  position: absolute;
    left: 0;
    top: 5%;}


#c2 .l-ele{    position: absolute;
    left: 0;
    top: 0;
    max-width: 11vw;}


.breadcrumb .sep:first-of-type {
  display: none;
}


.res-list .resource-container ul{display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas:
        "a a a"
        "b c d"
        "e f g";
    gap: 3rem 1rem;
    padding-top: 3rem;}


.res-list .resource-container li:nth-child(1) {
    grid-area: a;    display: flex;    overflow: hidden;}

.res-list .resource-container li:nth-child(1) figure.wp-block-post-featured-image{aspect-ratio: 652 / 326 !important;    flex-basis: 60%;}
.res-list .resource-container li:nth-child(1) .inner-data{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
    padding: 40px !important;gap: 0.75rem;
    box-sizing: border-box;    flex-basis: 50%;}
.res-list .resource-container li:nth-child(1) .inner-data .wp-block-group{width:100%;    margin: 0;}

.res-list .resource-container .f-20-18{margin:0px;}

.b-details{    padding-top: calc(var(--header-height));}
.b-details .inner-data{height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;}

.inner-data .taxonomy-post_tag a{color: var(--wp--preset--color--blue);
    font-style: normal;
    font-weight: 500;
    text-transform: uppercase;}

.inner-data{    gap: 1rem;
    display: flex;
    flex-direction: column;}

 .inner-data .wp-block-post-date{color: var(--wp--preset--color--blue);    font-style: normal;
    font-weight: 500;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 1rem;}

.b-result{transition:0.5s all linear;}
.b-result:hover{border-radius:16px;}
.b-result .wp-block-post-featured-image a img{overflow:hidden;}
.b-result:hover .wp-block-post-featured-image a img{transform: scale(1.1);transition:0.5s all linear;}



.cont-sec p{font-size:var(--f-20-16) !important;}
.cont-sec h3{font-size:var(--f-24-22) !important;font-weight:600;}

.img-100 img{width:100%;height:auto;}


.career-banner .exp,.career-banner .rw{display:none !important;}
.career-banner .loc svg path{fill:#fff !important;}
.career-banner .loc{color:#fff !important;}



.career-content{display:flex;justify-content:center;align-items:center;}
.career-content .c-inner{max-width:1280px;width:100%;}


.team-inner figure img{min-width:32px;height:auto;}

.b-result .wp-block-post-featured-image{overflow:hidden;}

.custom-nav{display:none;}

header ul.wp-block-navigation__submenu-container{background: #EDEDED !important;}

header .wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content:hover{background:transparent !important;}
header .wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content{transition:0.3s all linear;outline:none;}


header .wp-block-navigation__submenu-container a::before {
    width: 0px;
    position: absolute;
    transition: 0.3s all linear;
    left: 20px;background:#214f94;top:16px;display:none !important;
}


header .wp-block-navigation__submenu-container a:hover::before { 
    /*width: 12px;  */
    /*background: var(--blue);*/
    text-decoration:underline;
    
}

header .wp-block-navigation__submenu-container a:hover span{color:#214f94 !important; text-decoration:underline;}

.wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg,.wp-block-navigation .wp-block-navigation__submenu-icon{outline:none;}

header .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container{border:unset !important;box-shadow:unset !important;}

header .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container li a span{text-transform:capitalize !important;}
.menu-container{display:none;}



header .wp-block-navigation .has-child .wp-block-navigation__submenu-container{top:53px !important;}


.blogs-template-default.single .read-time{width: 100%;}
.blogs-template-default.single .wp-block-post-date{display: flex;
    align-items: flex-end;
    width: 100%;
    justify-content: flex-end;}
    
    
    

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


.mobile{display:block !important;}
header .logo-sec{max-width:106px;height:auto;}
header .header-nav{display:none;}
header .cta-sec,#homepage-banner .item .b-img{display:none;}
#homepage-banner .item,#homepage-banner{min-height:50vh;    background-size: cover;}
#homepage-banner .item{background-position: right;}

#homepage-banner .item .content-block{padding-left:5%;padding-right: 5%;}
#homepage-banner .owl-dots {
    flex-direction: row;
    top: unset;
    margin: 0;
    bottom: 5%;
    right: unset;
    left: 5%;
}

#homepage-banner .owl-dots .owl-dot span{margin:4px;}
#homepage-banner .owl-dots .owl-dot.active span{height:6px;width:27px;}
.m-flex-rev{flex-direction: column-reverse;}
.mob-p-l5{padding-left:5% !important;}

#about .icon-sec{    flex-direction: column;
    justify-content: flex-start;
    align-items: normal;
    padding-top: 0.75rem;gap:1.75rem}

#partner-slider {
    width: 100%;
}

#partner-slider .item{flex-direction:column;  gap: 1.5rem;      padding-left: 5%;          padding-right: 5%;      padding-top: 10%;}
#partner-slider .content-block .content-block-inner{gap:0px;padding-bottom: 0;}
#partner-slider .owl-item .content-block{opacity:1;}
#partner-slider .item::after{background-position:100% 100%;}
#partner-slider .content-block .content-block-inner h2{padding-top:1rem;}
.partner-container .bott-sec {
    position: unset;padding:5%;}

.partner-container .bott-sec .log-sec{position:absolute;bottom:90px;z-index:1;        max-width: calc(100% - 10%);}

.partner-container .bott-sec .log-sec img{
max-width: 33%;
    height: auto;}

.partner-container .bott-sec .nav-wrap{justify-content:center;color:var(--blue);}
.partner-container .bott-sec .nav-wrap svg path{fill:var(--blue) !important;}

.cta-sec a .span, .cta-sec button .span{padding:8px 20px;}
.cta-sec a .c-arrow, .cta-sec button .c-arrow{height:40px;width:40px;}
.mob-f-col{flex-direction: column;}
#ecosystem,#team,#resource{padding-top:10% !important;padding-bottom:10% !important;}
#ecosystem .l-ele{max-width:19vw;}
#innovation{padding-top:10% !important;}
.mob-al-start{    align-items: flex-start;}
.m-p-0{padding:0px !important;}

.wp-block-buttons.team-buttons{max-width: 100%;
    overflow: scroll;
    display: flex;
    flex-wrap: nowrap;
    text-wrap: nowrap;
    padding-bottom: 1.25rem;        padding-top: 1rem;}
#team{padding-right:0px !important;}
.mob-pad-r5{padding-right:5% !important;}

#team .l-ele{display:none;}
.resource-container{margin:0;padding-top:1rem !important;}
.resource-container li.resource{border-radius: 16px !important;}
.resource-container li.resource .inner-data {background: #EDEDED !important;}
.resource-container .columns-3{gap: 2rem !important;}
#get-in-touch{padding-top:10% !important;padding-bottom:0px !important;}

.desktop,footer .l-ele,footer .r-ele,#ecosystem .r-ele{display:none !important;}

.form-wrapper{padding:20px;}
.form-group {margin-bottom: 1.25rem;}
footer .easy-access{padding-top:10% !important;border-right:unset !important;border-bottom:1px solid #434343 !important;        padding-bottom: 1.75rem !important;        padding-right: 0% !important;}
.footer-menu ul {
    display: inline-flex !important;
    gap: 1.25rem 1.75rem;}

.newsletter, .footer-menu {
    padding-top: 0;
}


footer .mob-gap2{gap:1.75rem !important;}
footer .news-letter-container{        padding: 0 !important;}
footer .news-letter-container .form-group {
        margin-bottom: 0;
    }

.m-pb1-75rem{padding-bottom: 1.75rem !important;}
footer .cred{flex-direction: column;padding-bottom: 40px;}

#ecosystem .grid-4 {
    display: unset !important;}

#ecosystem .mob-f-col{padding-bottom:2rem !important;}

#ecosystem .nav-wrap{    display: flex !important;
    gap: 1rem;        padding-top: 0.75rem;
    color: var(--white);
    justify-content: center;}

#ecosystem .mobile-slider .owl-stage-outer{overflow:visible !important;}
#ecosystem .mobile-slider{max-width:80% !important;        display: block !important;        padding: 0 !important;
        margin: 0 ;}
#ecosystem{overflow:hidden;}

.team-items.active {
    display: grid !important;grid-template-columns:1fr !important;padding-right:5% !important;}

body.bg header .menu-mobile rect{fill:var(--black) !important;}

.wp-block-buttons.team-buttons::-webkit-scrollbar {
  display: none;
}

.wp-block-buttons.team-buttons {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.mob-gap1rem{gap:1rem !important;}

footer .mob-btn{position: fixed;
    bottom: 0;
    z-index: 999;
    width: 100%;}


#about .r-ele,#innovation .r-ele,#resource .r-ele{
    top: 3%;
    max-width: 16vw;
}


#partner-slider .item .img-block {
    max-height: unset;}

.c-arrow .second-one,.c-arrow .first-one {
    bottom: 0px;
}
#inner-banner .wp-block-cover{min-height:280px !important;}
#p1,#m3,#m4,#a2,#a5,.mob-pb10{    padding-top: 10% !important;
    padding-bottom: 10% !important;}
.breadcrumb,#m1 .l-ele,#m3 .l-ele, #m4 .l-ele,#a2 .l-ele,#m4.a4 .r-ele,#a5 .l-ele,#re3 .l-ele,#re1 .r-ele{display:none !important;}
#p1 .l-ele{max-width:18vw;}
#p1 .r-ele{display:none;}

#d1,#d2,#d3{    padding-top: 10% !important;}

.mob-c-rev{    flex-direction: column-reverse !important;}

.m-pl0{padding-left:0px !important;}
.m-pr5{padding-right:5% !important;}

.m-pt10{padding-top:10% !important;}
#m1 .b-img{    display: flex;
    align-items: center;
    justify-content: center;
}


#m1 .b-img img{max-width:60%;}

.ul-grid-2 {
    grid-template-columns: 1fr;
    gap: 1rem;
    padding-top: 0rem;
}




.grid-3 {
    grid-template-columns: 1fr;
    gap: 1.25rem;
    padding-top: 0.5rem;
}


#a2 .p-icon img {
    max-width: 42px;
    height: auto;
}

.grid-2 {
    grid-template-columns: 1fr;
    padding-top: 0;
}

.mob-pb2rem{    padding-bottom: 2rem !important;}
.mob-j-start{    justify-content: flex-start !important;}


#d1 .l-ele,#d2 .l-ele,#d2 .r-ele,#d3 .l-ele,#d3 .r-ele,#c2 .l-ele,#career1 .l-ele{display:none;}

.form-wrapper input, .form-wrapper textarea{margin-left:0px !important;}
.form-wrapper #city{margin-bottom: 1.25rem !important;}
#c1,#c2 .col{padding-bottom:10% !important;}

#c2 iframe{    min-height: 305px !important;}

#c2 .cta-sec a .c-arrow,#c2 .cta-sec button .c-arrow{padding:12px;}

.m-f-col{flex-direction: column;
    align-items: flex-start;
    gap: 0;}

.m-f-col .cta-sec{    width: 100%;
    display: flex;
    justify-content: flex-end;}

.readmore svg{height:32px;width:32px;}


.res-list .resource-container ul{grid-template-areas:
        "a"
        "b"
        "c";        padding-top: 1rem;}
.res-list .resource-container li:nth-child(1){display:unset;}
.res-list .resource-container li:nth-child(1) figure.wp-block-post-featured-image {aspect-ratio: auto !important;}
.res-list .resource-container li:nth-child(1) .inner-data{padding:15px !important;}

.e-details .mob-f-rev{    flex-direction: column-reverse;
    gap: 0;}
.b-details{margin:0px;        padding-bottom: 10% !important;}

.b-details .inner-data{padding:15px !important;}
.b-details .c-sec{margin: 0 !important;
    padding-top: 0 !important;}


.b-details .m-f-col{flex-direction:column !important; gap: 30px;}
#leadForm h3{font-size:18px;}
#leadForm{min-width:100%;}

.c-sec .speakers{    display: grid !important;
    grid-template-columns: 1fr 1fr;}


.ul-grid-4{    grid-template-columns: 1fr !important;
    gap: 0.75rem;
    margin: 0;}

.fetch-careers .rw{    flex-direction: column;
    gap: 0.75rem;}

.mob-pt10{padding-top: 10% !important;}  

.sec-head br{display:none;}



.custom-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
        margin-top: 1rem;
        padding-bottom: 5%;
}

.custom-nav span {
  cursor: pointer;
  user-select: none;
}

.custom-nav .nav-prev,
.custom-nav .nav-next {
  font-size: 22px;
}

.custom-nav .nav-count {
         font-weight: 400;
        color: var(--black);
        font-size: 20px;
}

#m-team .grid-4,#i-team .grid-4{
    display: block !important;        margin: 0 !important;}

.mob-pbr1rem{padding-bottom: 1.75rem !important;}

.m-slider.owl-carousel .owl-stage-outer,.i-slider.owl-carousel .owl-stage-outer{overflow:visible !important;}
.m-slider,.i-slider{max-width:90% !important;}
#m-team,#i-team{overflow:hidden !important;}

.mob-pr0{padding-right:0% !important;}
.mob-pr5{padding-right:5% !important;}

.menu-container{    position: fixed;
    top: 0;
    z-index: 9999;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow: scroll;        padding: 5%;
    min-height: 100vh;        background: var(--blue);
    transition: 0.3s all linear;display:flex;  transform: translateY(-150vh);     }

.w-100{width:100%;}

.menu-container.open{ transform: translateY(0vh);}
 
header .wp-block-navigation-item__content, .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content{
border-bottom: none;
}
header .wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content{
padding: 0;
}
 

.menu-container ul li.open-on-hover-click .wp-block-navigation__submenu-container{position:relative;background: transparent;border:none !important;}
 .menu-container .wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content {
    padding-top: 15px;
    padding-bottom: 0;outline:none;padding-left:0px;
}


 .menu-container ul li .wp-block-navigation__submenu-icon{    position: absolute;
    right: 0;
    top: 10px;width:20px;height:20px;}


 .menu-container ul li{transition:0.5s all linear;
        width: 100%;
        padding: 10px 0px;
        border-bottom: 1px solid #123A77;
        color: #fff;
        font-size: 18px;
        font-weight: 500;}
 .menu-container ul li:hover{color: #fff !important;font-weight:500 !important;}



/* Smooth transition for WordPress navigation submenu */
.wp-block-navigation__submenu-container {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  visibility: hidden;
  transform: translateY(-10px);
  transition: all 0.4s ease;
}

/* When menu is open (WordPress adds this class dynamically) */
/*.wp-block-navigation-item.has-child.open-on-hover-click[aria-expanded="true"] > .wp-block-navigation__submenu-container,*/
.wp-block-navigation-item.has-child.open-on-hover-click:hover > .wp-block-navigation__submenu-container,
.wp-block-navigation-item.has-child.open-on-hover-click:focus-within > .wp-block-navigation__submenu-container,
.wp-block-navigation-item.has-child.open-on-hover-click.is-menu-open > .wp-block-navigation__submenu-container {
  max-height: 500px; /* adjust as needed */
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.menu-container .wp-block-navigation .has-child .wp-block-navigation__submenu-container {transition: all .5s linear !important;        transition: all .5s linear !important;
        background: transparent;
        background-color: transparent !important;
        padding: 0;}


.menu-container .wp-block-navigation .has-child .wp-block-navigation__submenu-container li{}


.menu-container ul li.open-on-hover-click {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-right: 40px;
    outline: none;
}

.menu-container .wp-block-navigation .has-child .wp-block-navigation__submenu-container li{font-size:var(--f-18-16) !important;color:#fff;font-weight:400 !important;}
.menu-container ul{width: 100%;}

.menu-container ul li button svg{display:none !important;}

.menu-container .wp-block-navigation-submenu__toggle::after {
    content: "+";
    font-size: 24px;
    color: #ffffff;
    font-weight: 300;
    line-height: 1;
    display: inline-block;
    transform: translateY(0px);               /* optical nudge */
    margin-left: 8px;
  }
 .menu-container .wp-block-navigation-submenu__toggle[aria-expanded="true"]::after {
    content: "−" !important;                             /* proper minus */
  }



.menu-container .wp-block-navigation .has-child .wp-block-navigation__submenu-container li a{        padding: 0px !important;
        font-weight: 400;
        color: #d8d8d8 !important;font-size:16px !important;}

.menu-container .wp-block-navigation .has-child .wp-block-navigation__submenu-container li {border:none !important;padding-bottom: 0px;}


.res-list .resource-container li .inner-data{gap:0.5rem;}


.res-list .resource-container ul {
    grid-template-columns: 1fr;}

.m-w100{width:100% !important;}

.m-g1_25{gap: 1.25rem !important;}



.about-team     .team-items.active {
        display: block !important;
        padding-right: 0 !important;}



#c2 .col{padding-left:5% !important;}

.slider-wrap .flex-col{flex-direction: column-reverse;
    align-items: flex-start;}

.mobile-team-dropdown{top: unset !important;
        padding-top: 0 !important;
        width: 100%;}


}