@charset "utf-8";

:root {
     --white:#ffffff;
     --black:#060606;
     --hdclr:#1244a0;

     --PrimaryClr  : #009cff;
     --SecondryClr : #1244a0;
     --BodyTextClr : #070b34;

     --FooterBg    : #14181f;
     --TextMuted  : #a6a6a6;

     --PrimaryFont : "Poppins", sans-serif;
     --HeadingFont : 'Givonic', sans-serif;;

     --PillRadius : 30px;
     --BoxRadius : 1rem;


     --HeadingOne: 3.25rem;  /*  100 */
     --HeadingTwo: 2.75rem;   /*  60 */
     --HeadingThree: 1.4rem;  /*  35 */
}

@font-face {
    font-family: 'Givonic';
    src: url('../fonts/Givonic-Regular.woff2') format('woff2'),
        url('../fonts/Givonic-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

figure,h1,h2,h3,h4,p{padding:0;margin:0}
h4,ol,ul,ul ul{-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:0}:focus,body a,body a:active,input[type=text]:focus,textarea:focus{outline:0}article,aside,dialog,figure,footer,header,hgroup,nav,ol,p,section{display:block}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,command,datalist,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,source,span,strike,strong,sub,sup{outline:0;vertical-align:baseline}figure,p{-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0}ol{list-style-type:decimal}a img,img{vertical-align:middle}a img{border:0}body a:focus{-mos-outline-style:none;outline:0}body:-moz-any-link:focus{outline:0}::-moz-selection{background:#000;color:#fff}::selection{background:#000;color:#fff}

div{vertical-align:top;}
img{max-width:100%; height:auto;}
a{cursor:pointer; text-decoration:none!important;  transition:all 0.5s ease;}
a:hover, a:focus{text-decoration:none!important;}
html {-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; position:relative;  -webkit-text-size-adjust:none;}
aside, .right-side, .navbar-collapse{-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease; transition:all 0.5s ease;}
button:focus {outline:0px dotted; outline:0px auto -webkit-focus-ring-color;}
.btn.focus, .btn:focus {outline:0; box-shadow:0 0 0 0rem rgb(0 123 255 / 25%);}
.form-control:focus{box-shadow:0 0 0 0rem rgba(0,123,255,.25);}

html {height:100%;}
body {min-height:100%;}

/*Typekit*/
/* .container{max-width:1600px;} */
html, body{font-family:var(--PrimaryFont)!important; font-size:1.1rem; color:var(--BodyTextClr);  padding:0px;margin:0px; letter-spacing: 0px;}

.entry-content {
     font-family:var(--PrimaryFont)!important;
     letter-spacing:normal;
     font-size:16px;
}
p{margin-bottom:20px;}
.position-relative{position:relative;}

div p:last-child{margin-bottom:0px;}
.row:before, .row:after {display:none !important;}

.my-0{margin-top:0px!important; margin-bottom:0px!important;}


h1, h2, h3, h4, h5, h6{font-family:var(--HeadingFont)!important; margin-bottom:15px; letter-spacing:0px;}
h1{font-size:32px; line-height:40px; color:var(--white); font-weight:bold; margin:0px 0px 30px 0px;}
h2{font-size:30px;}
h3{font-size:24px;}
h4{font-size:20px;}
h5{font-size:18px;}
h6{font-size:16px}

/*Typekit END*/


/* WP reset */
.entry-content > .alignwide:not(.wp-block-group.has-background), .entry-content > .alignfull:not(.wp-block-group.has-background) {margin-bottom:0rem; margin-top:0rem;}
[class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {max-width:100%; width:100%;}

.alignwide {padding:0px; margin:0px auto;}
.wp-block-group{max-width:100%!important; width:100%!important;}
.singular .entry-header {padding:0;}
.wp-block-button {margin:0;}

#post-10 .entry-header{display:none;}


/* WP reset  END */
.primary-menu > li{margin:0px 0.5px;}
/* .primary-menu > li:before{content:''; background:#000000; width:1px; height:100%; position:absolute; top:0px; right:0px; transition:all 0.5s ease;}
.primary-menu > li:last-child::before{display: none;} */

.primary-menu > li.current_page_item > a,
.primary-menu > li.current_page_parent > a {color:var(--white)!important; position:relative; background: var(--PrimaryClr);}
.primary-menu a{font-size:14px; color:var(--white)!important; padding:6px 10px; font-weight: 400; letter-spacing: 0.4px; border-radius: var(--PillRadius);}
.primary-menu > li a:hover{color:var(--white)!important; position:relative; background: var(--PrimaryClr);}

.primary-menu ul::after{display: none!important;}
.primary-menu a:hover, .primary-menu a:focus, .primary-menu .current_page_ancestor {text-decoration: none!important;}

/* .header-inner .toggle path {fill:#ffffff;} */
#site-header{z-index:9;}
.toggle-text{display:none;}
button.close-nav-toggle{padding: 1rem 0;}

.wap-show{display:none;}
.mb-0{margin-bottom:0px!important;}

/* BLOG CSSS */

body:not(.singular) main > article:first-of-type {padding:0;}
.blog, .single-post,
.blog #site-content,
.single-post .entry-header,
.singular .featured-media::before,
.category, 
.category .archive-header {background:var(--black)!important;}

.blog #site-header,
.single-post #site-header,
.category #site-header{border-bottom:solid 1px #7a7a7a;}

.blog #site-content,
.single-post  #site-content,
.category  #site-content {padding-top:180px;}
h2.entry-title a{color:var(--white)!important}

.singular:not(.overlay-header) .entry-header a{color:var(--white);}
.entry-categories{margin-bottom:15px;}
.post-meta-wrapper {margin-top:15px;}

.featured-media {margin-top:15px!important;}

.post-inner{padding-top:15px;}
.post-author{display:none!important;}

.heading-size-1 {font-size:30px!important;}

.post-date, .post-date a{color:var(--white)!important; font-size:16px;}

.archive-title {font-size:20px; letter-spacing:0;}
.archive-header{padding-top:0px; padding-bottom:15px!important;}


/* new CSS */
.header-inner .toggle path{fill: var(--white);}
.site-logo{margin:0px!important;}
/* .custom-logo-link{max-width:150px;} */
.header-titles{margin:0px!important;}
.header-inner{padding:1.5rem 0px;}
.header-footer-group.sticky .header-inner{padding-top:1rem; padding-bottom: 1rem;}

.intro-txt{background:var(--black); text-align:center; padding:50px 0px;}
.intro-txt h1{color:var(--hdclr);position:relative;margin:0px 0px 30px 0px!important;text-transform:uppercase;padding-bottom:20px;}
.intro-txt h1:before{content:'';position:absolute;background:var(--hdclr);height:1px;width:243px; left: calc(50% - 120px); bottom:0;}
.intro-txt p{max-width:68%!important; margin:0 auto 30px auto; letter-spacing:0.5px;}

.accolades-txt{padding:0px 0px;}
.accolades-txt p{letter-spacing:0.5px;}

.accolades-txt h2, .accolades-txt h3{margin:0px 0px 15px 0px!important; font-weight: normal;}
.accolades-txt .wp-block-image{margin: 0px!important;}

.section-inner.robotic-container{max-width:900px!important;}

.home-robotic{background:url('https://jayveerkochhar.com/wp-content/uploads/2022/11/main-bg-1-scaled.jpg') no-repeat center; background-size: cover; padding:60px 0px; margin-top: 0px!important; position: relative; z-index: 99;}
.robotic-main h2{color:var(--hdclr);position:relative;margin:0px 0px 30px 0px!important;text-transform:uppercase;padding-bottom:20px;}
.robotic-main h2:before{content:'';position:absolute;background:var(--hdclr);height:1px;width:200px; left:calc(50% - 100px); bottom:0; opacity: 0.5;}

.robotic-main figure{margin:0px!important; border-radius:10px; overflow:hidden;}
.robotic-main p{font-size:18px; letter-spacing:1px; padding-top:5%;}

.robotic-main .wp-block-columns:nth-child(odd) .wp-block-column:first-child{order:1;}

.rb-col-1 p{padding-top:20%;}
.rb-col-2 .wp-block-column{margin-top:-30%;}
.rb-col-2 p{padding-top:67%;}
.rb-col-3 .wp-block-column{margin-top:-18%;}
.rb-col-3 p{padding-top:55%;}

.rb-video-link{background:#464646; margin:-30px 0px 0px 0px!important; border-radius:10px; position:relative; display:flex; justify-content:center; padding:20px;}
.rb-video-link img{max-width:60px;}


.hobbies-main h2{color:var(--hdclr);position:relative;margin:0px 0px 30px 0px!important;text-transform:uppercase;padding-bottom:20px;}
.hobbies-main h2:before{content:'';position:absolute;background:var(--hdclr);height:1px;width:200px; left: calc(50% - 100px); bottom:0; opacity: 0.5;}

.hobbies-call{justify-content: center;}
.hobbies-call .wp-block-column{max-width: 278px;}

.hobbi-photo-frame{margin:0px!important; border-radius:10px; position:relative; overflow: hidden;}
.hobbi-photo-frame img{opacity:0.5; transition:all 0.5s ease;}
.hobbi-photo-frame:hover img{opacity:1;}
.hobbi-photo-frame figcaption{position:absolute; bottom:20px; z-index:9; width:80%; left:8%; border-bottom:solid 1px #ffffff; margin:0;color:#ffffff; padding-bottom:10px; font-size:20px; font-family:'Playfair Display', serif;}
.hobbi-photo-frame figcaption a{color:#ffffff;}

.hobbi-photo-frame:hover figcaption{color:#000000; border-bottom:solid 1px #000000;}
.hobbi-photo-frame:hover figcaption a{color:#000000;}

.home-footer-video{padding-top:0px; position: relative;}
.home-ply-icon{position: absolute; top: 0; margin: 0px!important; left: 0px; max-width: 100%!important; align-items: center; justify-content: center; height: 100%;display: flex;}
.home-ply-icon img{max-width: 80px;}
.video-poster figure{width: 100%; border-radius:var(--BoxRadius); overflow: hidden;}
.video-poster img{width: 100%;}


#site-footer{background:var(--FooterBg); padding: 0px; margin-top: 0px!important;}
.footer-top{width:100%; padding: 0px; border: 0px; }
.f-top-inner{display: flex; width:100%; align-items: center; padding:2rem 0px;border-bottom:solid 1px #2c3036;}
.f-top-inner figure{width:300px;}
.fnav{margin-left: auto;}

.fnav ul{margin: 0px;list-style: none;padding: 0;}
.fnav ul li{float: left;margin: 0!important;padding: 0!important; line-height: 14px;}
.fnav ul li a{font-size:14px; color: var(--TextMuted)!important; padding: 0px 10px;vertical-align: middle;}
.fnav ul li a:hover{color: var(--white)!important;}

.footer-bottom{padding: 20px 0px; display: flex; width: 100%; justify-content: space-between;}
.footer-copyright {color:var(--TextMuted); font-size: 14px; font-weight: 400;}
.f-slogan{color:var(--TextMuted); font-size: 14px; font-weight: 400; text-align: center;}

a.mds{background:url(https://jayveerkochhar.com/wp-content/uploads/2022/11/mds_off.png) no-repeat scroll 0 0; position: relative; overflow: hidden; top:6px; right: 0px; float:right;height:11px; width:79px;z-index:10;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s; -ms-transition:.3s;transition:.3s;  border:0px}
a.mds:hover {background:url(https://jayveerkochhar.com/wp-content/uploads/2022/11/mds_off.png) no-repeat scroll 0 -11px; border:0px}


/* Hobbies page */
.page-id-198 #site-content,
.page-id-235 #site-content,
.page-id-243 #site-content,
.page-id-231 #site-content,
.page-id-227 #site-content,
.page-id-220 #site-content,
.page-id-338 #site-content,
.page-id-416 #site-content,
.page-id-645 #site-content,
.page-id-721 #site-content,
.page-id-749 #site-content,
.page-id-755 #site-content,
.page-id-765 #site-content,
.page-id-769 #site-content,
.page-id-873 #site-content{/*background:url('https://jayveerkochhar.com/wp-content/uploads/2022/11/main-bg-1-scaled.jpg') no-repeat center; background-size: cover;*/ padding:120px 0px 0px 0px;}

/* .page-id-198 .entry-header,
.page-id-235 .entry-header,
.page-id-243 .entry-header,
.page-id-231 .entry-header,
.page-id-227 .entry-header,
.page-id-220 .entry-header,
.page-id-338 .entry-header,
.page-id-416 .entry-header{background: transparent;}

.page-id-198 .entry-header h1,
.page-id-235 .entry-header h1,
.page-id-243 .entry-header h1,
.page-id-231 .entry-header h1,
.page-id-227 .entry-header h1,
.page-id-220 .entry-header h1,
.page-id-338 .entry-header h1,
.page-id-416 .entry-header h1{color:var(--hdclr);position:relative;margin:0px 0px 30px 0px!important;text-transform:uppercase;padding-bottom:20px;}

.page-id-198 .entry-header h1:before,
.page-id-235 .entry-header h1:before,
.page-id-243 .entry-header h1:before,
.page-id-231 .entry-header h1:before,
.page-id-227 .entry-header h1:before,
.page-id-220 .entry-header h1:before,
.page-id-338 .entry-header h1:before,
.page-id-416 .entry-header h1:before{content:'';position:absolute;background:var(--hdclr);height:1px;width:243px;left: calc(50% - 120px);bottom:0;} */


.hobbies-group .wp-block-columns{margin:2rem 0px!important;}
.hobbies-group .wp-block-columns:nth-child(even) .wp-block-column:first-child{order:1;}

.hobbies-group .wp-block-columns h2{margin-top: 0px!important; font-weight: 600; font-size: var(--HeadingThree); color: var(--PrimaryClr);margin-bottom: 0.5rem;}
.hobbies-group .wp-block-columns p{letter-spacing: 0.3px; font-size: 16px; max-width: 100%; line-height: normal;}

.hb-image-frame{position: relative; padding-top:50px; margin-top: 0px!important;}
.hb-image-frame::before{content: ''; border: solid 2px var(--SecondryClr); border-radius: 30px; position: absolute; width:75%; height:85%; left: 10%; top: 0px;}
.hb-image-frame figure{margin: 0!important; max-width:75%; border-radius: 10px; overflow: hidden; position: relative; z-index:1;}

iframe{width: 100%!important;}


.home-portfolio{margin: 0px 0px -15px 0px!important;}

.video-iframe {position: relative; overflow: hidden; width: 100%; padding-top: 56.25%;}
.video-iframe iframe {position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%!important; height: 100%!important;}

.hide-content{display: none!important;}
.home-footer-video, .home-footer-video .wp-block-image{margin: 0px!important;}

.tic-image-frame{position: relative;padding-top: 30px;margin: 0px!important;}
.tic-image-frame::before{content: '';border: solid 2px var(--hdclr);border-radius: 30px;position: absolute;width: 85%;height: 85%;left: 10%;top: 0px;}
.tic-image-frame figure{margin: 0!important;max-width: 85%;border-radius: 10px;overflow: hidden;position: relative;z-index: 9;}

.wp-block-column{position: relative;} 
.player-btn {cursor: pointer; position: absolute; top: 0; left: 0; height: 100%; z-index: 99; width: 100%; margin: 0!important; text-align: center; display: flex; align-items: center; justify-content: center;
background: hsl(0deg 0% 0% / 50%);}
.player-btn img{max-width:60px; max-height: 60px;}

.tic-text{letter-spacing:0.5px;}

.main-title{ font-size: 26px;}
.accolades-txt h2{color:var(--SecondryClr); font-size: 1.2rem; font-weight: bold;}
.accolades-txt h3{color:var(--SecondryClr);}
.accolades-txt ul{list-style: none; padding: 0px; margin: 0px;}
.accolades-txt ul li{padding: 0px 0px 20px 25px;letter-spacing: 0.5px;position: relative;margin: 0;}
.accolades-txt ul li strong{color: var(--SecondryClr);padding-bottom:5px;display: flex;}
.accolades-txt ul li:before{content: '';width: 10px;height: 10px;background: var(--SecondryClr);position: absolute;top: 6px;left: 0px;}

.accolades-txt .alignwide{margin:2rem auto 0px auto!important;}


/* 2026 new desing */
.hero-bg{background: url('https://jayveerkochhar.com/wp-content/uploads/2026/01/jvk-hero-bg.jpg') no-repeat center top; height:100vh; padding-top:6rem; background-size: cover;}
.home-hero-left{padding-top:10rem;row-gap: 0.5rem; display: flex; flex-direction: column;}
.home-hero-left h1{margin: 0px!important; font-size: 4rem!important; line-height: normal;}
.home-hero-left p{color: #ffffff;}


.btn-primary a,
.btn-secondary a{font-size:15px; padding: 0.6rem 1.4rem;color: var(--white);border-radius: var(--PillRadius);text-transform: none; font-family: var(--PrimaryFont); font-weight:500;letter-spacing: 0px;transition:all 0.5s ease;}

.btn-primary a{border: solid 1px var(--PrimaryClr); background: var(--PrimaryClr);}
.btn-primary a:hover{background: var(--SecondryClr); border: solid 1px var(--SecondryClr);}

.btn-secondary a{border: solid 1px var(--white); background: transparent;}
.btn-secondary a:hover{background: var(--white); color: var(--SecondryClr);}

.wp-block-buttons .btn-secondary{margin-left: 1rem;}

.section-gap{margin-top: 5rem !important;}
.heading-gap{margin-top: 2rem !important;}

.group-hd{text-align:center; display: flex; flex-direction: column; align-items: center; justify-content: center; row-gap:1.2rem; margin-bottom:3rem;}
.group-hd *{margin:0px !important;} 
.group-hd h1{font-size: var(--HeadingTwo); color: var(--SecondryClr); font-weight: normal; line-height: normal; margin: 0px;}
.group-hd h2{font-family: var(--PrimaryFont)!important; font-weight: 600; font-size: var(--HeadingThree); color: var(--PrimaryClr);}
.group-hd h3{font-size: var(--HeadingOne); color: var(--SecondryClr); font-weight: normal;}
.group-hd p{color: var(--BodyTextClr);font-size: 1.1rem;line-height: 1.8rem;}

.home-intro-gap{padding-top: 5rem!important;}
.home-intro-hd h3{max-width: 50%;}
.home-intro-hd p{max-width: 90% !important;}

.home-form{background:#fcfcfc; border: solid 1px #e3e5e8; border-radius: var(--BoxRadius);padding: 3rem 5rem;}

.footer-form{display: grid; grid-template-columns: 1fr 1fr; row-gap:2rem; column-gap:2rem;}
.full-width{grid-column: 1 / -1;}
.footer-form label{font-weight: 500; color:#0f151d; font-size:1rem;}

.wpcf7-form-control.wpcf7-text,
.wpcf7-form-control.wpcf7-email,
.wpcf7-form-control.wpcf7-textarea{border: solid 1px #e3e5e8; border-radius:10px; background: var(--white); letter-spacing: 0px; padding: 1rem; font-size: 1rem; font-weight: 500;}

.wpcf7-submit{background: var(--PrimaryClr)!important; border-radius: 10px!important; padding: 0.7rem 2rem!important; font-size: 1rem!important; font-weight: 500!important; float: right;}
.wpcf7-submit:hover{background: var(--SecondryClr)!important; text-decoration: none!important;}
.wpcf7-spinner{float: right; margin-top: 0.8rem;}


.home #site-header{background: transparent;}
#site-header{position: fixed; top: 0px; width: 100%; background: url(https://jayveerkochhar.com/wp-content/uploads/2026/01/jvk-hero-bg.jpg) no-repeat center top; background-size: cover; transition: all 0.3s ease;}


.header-navigation-wrapper{width: 100%;}
#site-header.header-footer-group.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
    background: var(--SecondryClr);
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
}

.media-coverage-slider .slick-list {margin: 0 -1rem !important;}
.media-coverage-slider .slick-slide{padding: 0 1rem !important;}
.media-coverage-slider figure{overflow: hidden; border-radius: var(--BoxRadius);}
.media-coverage-slider figure a img{width: 100%;}

.slick-prev, .slick-next,
.slick-prev:hover, .slick-next:hover{width: 2.5rem; height: 2.5rem; border-radius: 50%; background: var(--SecondryClr); z-index: 2;}


/* porject page */
.project-head{display: flex; flex-direction: column; justify-content: center; align-items: center; row-gap: 2rem;}
.project-head h1{font-size: var(--HeadingTwo); color: var(--SecondryClr); font-weight: normal; line-height: normal; margin: 0px;}

.project-head-btn-group a{font-size: 15px;padding: 0.4rem 1.5rem;border-radius: var(--PillRadius);color: var(--white);background: var(--SecondryClr); display: inline-block; margin:1rem 1rem 0px 0px;}
.project-head-btn-group a + a{background: var(--PrimaryClr);}
.project-head-btn-group a:hover{background: var(--BodyTextClr);}

.project-info{display: grid; grid-template-columns: 1fr 40%; column-gap: 2rem; row-gap: 1rem; font-size: 17px; margin-top:1rem;}
.project-info p{line-height: 1.6rem; margin-bottom: 15px;}
.project-info p img{margin-top:0rem; margin-bottom: 0px;}
.project-info figure{display: flex; align-items: center; justify-content: center;}
.project-info figure img{border-radius: 10px;}

.media-grid{display: grid; grid-template-columns: 1fr 1fr 1fr; row-gap:2rem; column-gap:2rem;}
.media-gallery-item{border-radius: var(--BoxRadius); overflow: hidden;}

.media-gallery,
.paper-journal,
.featured-in{margin-top:3rem;}

.media-gallery .group-hd,
.paper-journal .group-hd,
.featured-in .group-hd{margin-bottom:1rem;}

.featured-grid{display:flex; flex-wrap: wrap; align-items: center; justify-content: center; column-gap: 1rem; row-gap: 1rem;}
.featured-items{width: 150px; height:90px; background:#f4f4f4; border-radius: 6px; padding: 1rem; display: flex; align-items: center; justify-content: center;}

.video-items{display: inline-block; width: 48%; margin-bottom: 1rem; position: relative; aspect-ratio: 16 / 9;}
.video-items iframe{position: absolute; top: 0px; left: 0px; height: 100%;}

.pj-outer{background:#f4f4f4; border-radius: var(--BoxRadius); padding: 1.6rem;}
.pj-inner{display: grid; grid-template-columns: 1fr 1fr; row-gap: 1rem; column-gap: 2rem; align-items: center;}
.pj-inner p a{font-size: calc(var(--HeadingTwo) - 1.2rem); color: var(--SecondryClr); font-weight: normal; line-height: normal; margin: 0px;}
.pj-inner figure{border-radius: var(--BoxRadius); overflow: hidden;}


.featured-project-slider{background:#f4f4f4; border-radius: var(--BoxRadius); padding: 1.6rem;}
.fp-grid{display: grid; grid-template-columns: 1fr 1fr; row-gap: 1rem; column-gap:2rem; align-items: center;}
.fp-grid figure{border-radius: var(--BoxRadius); overflow: hidden;}
.fp-grid figure img{width: 100%; max-height: 400px; object-fit: cover;}
.fp-grid h3{margin: 0px 0px 1rem 0px;}
.fp-grid a{font-size:var(--HeadingTwo); color: var(--SecondryClr); font-weight: normal; line-height: normal; margin: 0px;}
.fp-grid a:hover{color: var(--PrimaryClr);}

.project-page-listing{display: grid; grid-template-columns: 1fr 1fr 1fr; row-gap: 1rem; column-gap: 2rem;}

.pp-card{border-radius: var(--BoxRadius); padding: 1rem;}
.pp-card figure{border-radius: var(--BoxRadius); overflow: hidden;}
.pp-card h3{margin: 1rem 0px 0.5rem 0px!important;line-height: 1;display: inline-flex;}
.pp-card a{font-size: 1.1rem;color: var(--SecondryClr);font-weight: 600;line-height: normal;margin: 0px;line-height: normal;}
.pp-card a:hover{color: var(--PrimaryClr);}
.pp-card p{font-size: 14px;line-height: normal;}

.news-card{border-bottom: solid 1px #e9e9e9; padding: 1rem 0px;}
.accordion-content .news-card:last-child{border-bottom: 0px;}

.award-hd{display: flex;justify-content:space-between;column-gap: 2rem;align-items: center;}
.award-hd h3{margin: 0px;font-weight: 600; font-size: 1rem;font-family: var(--PrimaryFont) !important;}
.award-hd span{font-size: 12px;border: solid 1px var(--TextMuted);font-weight: 500;border-radius: 30px;padding: 0.3rem 1rem;opacity: 0.8;}
.award-date{font-size: 14px; color: var(--TextMuted);}
.award-description{font-size: 15px;margin-top:10px;}
.award-link a{font-size: 14px;font-weight: 600;color: var(--SecondryClr);margin-top: 5px;display: inline-block;}

.accordion-header {width: 100%; text-align: left; cursor: pointer; outline: none; padding: 1rem; border-radius: var(--BoxRadius); background: #fcfcfc; border: solid 1px #e3e5e8; font-family: var(--PrimaryFont) !important; font-weight: 500; font-size: 1.2rem; position: relative;}
.accordion-header:after{content: ''; background: url('../images/arrow-down.png') no-repeat -2px 3px; position: absolute; width: 1.4rem; height: 1.4rem; background-size: contain; right: 1.4rem; transition:all 0.5s ease; transform: rotate(-90deg);}
.accordion-item.active .accordion-header:after{transform: rotate(0deg);background: url(../images/arrow-down.png) no-repeat 0px 5px;background-size: contain;}
.accordion-content {overflow: hidden; height: 0;transition: height 0.35s ease; padding:0px 0.5rem 1rem 0.5rem;}
.accordion-item.active .accordion-content {display: block; height: auto;}

.img-brd-radius img{border-radius: 10px;}
.summer-logo{flex-wrap: wrap!important; justify-content: center;}
.summer-logo .wp-block-column{width: 30%;max-width: 30%;flex-basis: unset!important;border: solid 1px #e3e5e8; text-align: center;padding: 0px 1rem 1rem 1rem;}
.summer-logo .wp-block-column figure{height: 150px;display:flex;align-items:center;justify-content:center;}
.summer-logo .wp-block-column figure img{max-width:100%;width: auto;max-height: 72px;}
.summer-logo .wp-block-column p{letter-spacing: 0px; font-size: 14px;}

.media-group{text-align: center;}
.media-group h2{margin:3rem 0px 0px 0px; text-align: center; font-family: var(--PrimaryFont) !important; font-weight: 600; font-size: var(--HeadingThree); color: var(--PrimaryClr);}
.media-group .wp-block-columns{margin: 1rem 0px 2rem 0px!important;}
.media-logo{display: flex;align-items: flex-start; justify-content: center; row-gap: 1rem; column-gap: 1rem;}
.media-logo figure{height:80px;display:flex;align-items:center; justify-content:center;margin: 0px!important;border: solid 1px #e3e5e8;padding:0.5rem 1rem;}
.media-logo figure img{max-width:100%;width: 100%;max-height:40px;}

.media-content{display: flex; justify-content: center; flex-direction:column; text-align: center;}
.video-mr,  .video-mr figure{margin: 0px!important;}



@media all and (min-width:1023px){
     .mobile-nav{display: none!important;}
     .split-menu-wrapper{display: grid; grid-template-columns:38% 24% 38%; width: 100%; align-items: center;}
     .menu-left, .menu-right{margin: 0px!important; letter-spacing: 0px!important; justify-content: center!important;}

     .primary-menu ul.sub-menu{background: #fcfcfc!important; border: solid 1px #e3e5e8; border-radius: var(--BoxRadius)!important; padding: 10px!important; width: 220px!important; top: calc(100% + 1.6rem); left: 0px;}
     .sub-menu li a{font-size: 14px;color: var(--BodyTextClr)!important;padding: 8px;}
     .primary-menu > li.menu-item-has-children > a{padding-right:10px;}
}

@media all and (max-width:1023px){
     .menu-left, .menu-right, .menu-logo{display: none;}
     .site-logo img{width: 100%;}
}

@media all and (min-width:992px){
     .alignwide, .section-inner{ width:100%; max-width:960px!important;}
}

@media all and (min-width:1200px){
     .alignwide, .section-inner{ width:100%; max-width:1140px!important;}
}

@media all and (min-width:1400px){
     .alignwide, .section-inner{ width:100%; max-width:1260px!important;}
}

@media all and (min-width:1500px){
     .post-inner{margin:0 auto;}
     .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {max-width:100%; width:calc(100% - 0rem);} 
}

@media all and (max-width:1560px){
     .intro-txt p {max-width: 90%!important;}
     .hero-bg{padding-top:3%;}
}

@media all and (max-width:1400px){
     .home-hero-left h1{font-size: 3rem !important;}
     .home-intro-hd h3 {max-width: 60%;}
}

@media all and (max-width:1280px){
     .home-intro-hd h3 {max-width: 76%;}
}
@media all and (max-width:1260px){
     .header-titles-wrapper{margin-right: 0px;}
     /* .custom-logo-link {max-width: 100px;} */
}

@media all and (max-width:960px){
     .modal-menu a {padding: 1rem 1.5rem; font-weight: 500!important; letter-spacing: 0.5px!important;font-size: 14px!important;}
}

@media all and (max-width:767px){
     h1{font-size: 28px;}
     h2 {font-size: 24px;}


     .wap-show{display:block;}
     .wap-full{margin-left:-20px; margin-right:-20px;}
     .alignwide, .section-inner{ width:100%; max-width:100%!important; padding-left:20px; padding-right:20px;}
          
     .blog #site-content,
     .single-post  #site-content,
     .category  #site-content {padding-top:100px;}
     .modal-menu > li > a, .modal-menu > li > .ancestor-wrapper > a{font-size:16px; color:var(--black);}

     .intro-txt p {max-width: 100%!important;}
     .home-robotic{padding-top: 10px;}
     .robotic-main .wp-block-columns:nth-child(odd) .wp-block-column:first-child ,
     .hobbies-group .wp-block-columns:nth-child(even) .wp-block-column:first-child{order:0;}

     .rb-col-1 p, .rb-col-2 p, .rb-col-3 p {padding-top: 0%; font-size: 16px; }
     .rb-col-2 .wp-block-column,
     .rb-col-3 .wp-block-column{margin-top:0%;}
     .home-footer-video{margin-bottom: 0px!important;}
     .home-footer-video .wp-block-image{margin: 0px!important;}

     .f-top-inner{flex-direction: column; padding: 1rem 0px;}
     .fnav{display: none;}
     .f-top-inner figure {width:200px;}
     .footer-top, .footer-bottom {padding: 15px 0px; flex-direction: column;  align-items: center; line-height: 29px;}

     .hb-image-frame{padding-top:30px;}
     .hb-image-frame figure{max-width: 90%;}
     .hb-image-frame::before{width: 90%;}

     .hb-image-frame{margin-bottom: 0px!important;}
     /* .hobbies-group .wp-block-columns p {letter-spacing: 0.5px; font-size: 16px; max-width: 100%;} */

     .page-id-198 #site-content, .page-id-235 #site-content, .page-id-243 #site-content, .page-id-231 #site-content, .page-id-227 #site-content, .page-id-220 #site-content, .page-id-645 #site-content, .page-id-721 #site-content, .page-id-749 #site-content, .page-id-755 #site-content, .page-id-765 #site-content, .page-id-769 #site-content, .page-id-873 #site-content  {padding:77px 0px 30px 0px;}


     .header-inner {padding-top:1rem; padding-bottom: 1rem;}
     .site-logo img {width: 200px;}
     .hero-bg {padding-top: 70px; height: auto;}

     .btn-primary a, .btn-secondary a{font-size: 14px;}
     .home-hero-left{padding-top: 2rem;}
     .home-hero-left h1{font-size: 2rem!important;}
      .home-hero-left .is-layout-flex{flex-wrap: unset;}

     .hero-bg .wp-block-image{margin: 0px!important;}
     .home-intro-gap {padding-top: 0rem !important;}
     .section-gap {margin-top: 3rem !important;}

     .group-hd{row-gap: 0.8rem;}
     .group-hd h1{font-size:1.6rem;}
     .group-hd h2{font-size: calc(var(--HeadingThree) / 1rem);}
     .group-hd h3{font-size: calc( var(--HeadingOne) - 1.4rem);}
     .group-hd p{font-size:0.9rem; line-height: 1.5rem;}
     .home-intro-hd h3 {max-width:100%;}
     .home-intro-hd p {max-width:100% !important;}

     .home-form{padding: 1.5rem;}
     .footer-form{grid-template-columns: 1fr; row-gap: 1rem;}
     .footer-form label{margin-bottom: 5px;}
     .footer-form label,.wpcf7-form-control.wpcf7-text, .wpcf7-form-control.wpcf7-email, .wpcf7-form-control.wpcf7-textarea{font-size: 15px;}

     .slick-prev, .slick-next{width: 2rem; height: 2rem;}
     .slick-prev{left: 1rem;}
     .slick-next{right: 1rem;}

     .fp-grid{grid-template-columns: 1fr;}
     .fp-grid a{font-size: 1.4rem;}
     .project-page-listing{grid-template-columns: 1fr;}

     .project-head h1{font-size:1.6rem; text-align: center;}
     .project-head{row-gap: 1rem; margin-top: 1rem;}
     .project-info{max-width: 100%; grid-template-columns: 1fr;}
     .video-items{width: 100%;}
     .media-grid{grid-template-columns: 1fr; row-gap: 1rem;}
     .project-head-btn-group{text-align: center;}
     .project-head-btn-group a{margin: 1rem 0.5rem 0px 0.5rem;}

     .pj-inner{grid-template-columns: 1fr;}

     .accordion-header {padding: 0.5rem 1rem; font-size: 1rem;}
     .award-hd span {font-size: 11px; padding: 0.2rem 10px; opacity: 1; white-space: nowrap;}
     .award-hd{column-gap: 1rem;}
     .award-hd h3{font-size: 16px;}

     .accordion-item.active .accordion-header:after {background: url(../images/arrow-down.png) no-repeat 0px 1px; background-size: contain;}
     .accordion-header:after {background: url(../images/arrow-down.png) no-repeat 1px 4px; width: 1.4rem; height: 1.4rem; background-size: contain; right: 1rem;}

     .summer-logo .wp-block-column{width:100%;max-width:100%;}
     .media-logo{display: grid; grid-template-columns: 1fr 1fr;}

}