@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body { font-family: 'aeonikregular'; width:100%; height:100%;    --webkit-font-smoothing: antialiased;
font-synthesis: none;
text-rendering: optimizeLegibility;
}
ol, ul {list-style: none;}
*{ margin:0; padding:0;}
a{ text-decoration:none; outline:none;}
h6,h5,h4,h3,h2,h1{ margin:0; font-family: 'aeonikbold'; font-weight:normal;}
img{ border:none;}
div{display:flow-root; box-sizing: border-box;}
.clear{ clear:both;}
.container{position:relative; margin:0 auto; width:1250px;}
:root{--text-color:#343434; --default-fontsize:14px; --footer-textcolor:#c0caff; --white-color:#ffffff; --blue:#243384; --heading-color:#1c1c1c; --bold-font:font-family:'aeonikbold'; --bluehover:#131f5c;}


/*------Header Section-------*/

header .container{display: flex; flex-direction: row; justify-content:space-between; align-items: center; }
#logo img{ width: 100%; height: 100%;}
#mobile_menu, #mobile_drop{display:none;}
.mtoggle{cursor:pointer;float:right;}
nav{ position:relative; z-index:2000;}
ul.dropdown{ z-index:0; position:relative; display:flex; flex-direction: row; gap: 19px; } 
ul.dropdown li{display:inline-block; zoom: 1;list-style:none; position:relative;}
ul.dropdown li a{ color:var(--white-color);font-size: 15px;text-decoration: none;line-height: 32px;display:block;}

/*****LEVEL TWO*****/
ul.dropdown ul{ width:237px; visibility: hidden; position: absolute; top: 100%; left: 0; text-align:left; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); background:#FFF; border:#cecece solid thin; border-radius:10px; padding: 18px; box-sizing:border-box;}
ul.dropdown ul li{ float: none;list-style:none; text-transform:none; letter-spacing:0; margin-bottom: 4px; display:block;}
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a{ border-right: none; width: 100%; display:block; color: #333;height:auto;text-shadow:none!important;background:none; font-weight:normal; line-height:23px; text-transform:capitalize; font-size:14px; padding:2px 0;}
ul.dropdown ul li:hover{ color:var(--yellow-text);}
/*****LEVEL THREE******/
ul.dropdown ul ul{ left: 100%; top:0; }
ul.dropdown ul ul li a{line-height:20px;}
ul.dropdown li:hover > ul{ visibility: visible;}

/*------Header Section End-----*/

  /* ---------- HEADER / HERO ---------- */
  header{
    position:absolute;
    z-index:3;
    padding:10px 0; width: 100%; left: 0; top: 0;
   
  }
  .logo{    
    width: 276px;
    height:91px;
  }

  .logo img{ width: 100%;
  height: 100%;}
  

  .book-btn{
    background:#2b3474;
    border-radius:30px;
    padding:10px 25px;
    text-align:center;
    line-height:1.3;
  }
  .book-btn .label{ font-size:12px; color:#939abd; display:block;}
  .book-btn .phone{  font-size:16px; color: var(--white-color); }

  .mobile-book-btn{ display:none; }
  #banner{ position:relative; overflow: hidden; margin-bottom: 15px; overflow: hidden;}
.rslides {position: relative;list-style: none;overflow: hidden;width: 100%; padding: 0;z-index: 0;}
.rslides li {position: relative;display: none;width: 100%;left: 0;top: 0;}
.rslides img {display: block; height: 100%;width: auto;border: 0;width: 100%;}

  .hero-content{
    position:absolute;
    z-index:2; color: var(--white-color);
    left: 70px;
    top: 270px;
  }
  .eyebrow{
  
    font-size:16px;
    color:#d7d9ea;
    margin-bottom:28px;
   
  }
  .hero-content h1{
    font-size:55px;
    max-width:520px;
    
  }


  /* ---------- INFO BAR ---------- */
  .info-bar{
   
    position:relative;
    z-index:4;
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    border:#a8a8a8 solid thin;
     margin: 50px 0;
  }
  .info-bar div{
    padding:28px 34px;
    font-size:0.92rem;
    color:var(--text-color);line-height: 23px;
    text-align: center;
  }
  .info-bar div:nth-child(1),
  .info-bar div:nth-child(2){
    border-right:1px solid #a8a8a8;
  }
  .info-bar strong{
    display:block;
    color:var(--navy);
    font-size:1rem;
   
  }

  /* ---------- SECTION SPACING ---------- */

  .about-section{ padding-top:60px; }

  /* ---------- ABOUT / VISION MISSION ---------- */
  .about-grid{
    display:flex;
    flex-direction: row;
    gap:60px;  
    justify-content: space-between; 
  }
  #about-cnt{ width: 590px;}
  .about-grid h2{
    font-size:38px;
    max-width:450px;
    margin-bottom:45px;
    font-family: 'aeonikregular';
  }
  .stat-row{
    display:flex;
    gap:48px;
    flex-direction: row; justify-content: space-between;
    margin-bottom:76px;
  }
  .stat-number{
    font-size:72px;
    color:var(--blue);
    line-height:1;
  }
  .stat-label{
    font-size:14px;
    color:var(--text-color);
    margin-top:6px;
    max-width:168px;
  }
  .stat-text{
    font-size:18px;
    color:var(--text-color);
    
    line-height: 25px;
    width: 770px;
  }
  .discover-btn{
    background:var(--blue);
    color:#fff;
    padding:17px 31px;
    border-radius:30px;
    display:inline-flex;
    align-items:center;
    gap:10px;
    font-size:16px;
  }
  .discover-btn svg{ width: 23px;}
  .discover-btn:hover{ background:var(--bluehover); }

  .about-image-wrap{ position:relative; }

  .vm-card{
    position:absolute;
    left:-460px;
    bottom:75px;
    background:#ebeeff;
    border-radius:15px;
    padding:42px 28px;
    display:flex;
    gap:66px;    
    width:745px;
  }
  .vm-item{ display: flex; flex-direction: row; gap: 25px; }
  .vm-item div{ display: flex; flex-direction: column;}

  .vm-item h4{
    
    
    font-size:19px; color: var(--blue);
    margin-bottom:11px;
   
  }
  .vm-item p{
    font-size:15px;
    color:#4a4e63; line-height: 22px;
  }

  .pps-card{
    background:#fdf3e7;
    border-radius:15px;
    padding:42px 38px;
    margin-top:40px;
  }
  .pps-card h4{
    font-size:19px;
    color: #a15c1e;
    margin-bottom:11px;
  }
  .pps-card p{
    font-size:15px;
    color:#4a4e63;
    line-height: 22px;
  }

  /* ---------- SERVICES GRID ---------- */
  .services{ padding-top:90px; }
  .services-grid{
    display:flex;
  flex-direction: row; justify-content: space-between; gap: 0;
  }
.service-box{ display: flex; flex-direction: column;}
.service-box:hover .service-cell{ background: var(--blue); color: var(--white-color);}
.service-box:hover .service-cell p, .service-box:hover .service-cell h3 a{ color: var(--white-color);}
.service-box:hover .service-cell svg{ fill: var(--white-color);}

.service-img{ overflow: hidden; line-height: 0; width: 100%;}

#content-cover .service-img img{ width: 100%;}
  .service-cell{
    background: #e8e8e8; text-align: center;
    padding:79px 70px;
    display:flex;
    flex-direction:column;
    justify-content:center; gap: 24px;
    align-items: center; min-height: 427px; transition: 0.9s;
  }

 
  .service-cell h3 a{
    font-size:22px;
    
    color:var(--heading-color);
     font-family: 'aeonikregular';
  }
  .service-cell p{
    font-size:16px;
    color:var(--text-color);
    line-height: 21px; 
  
  }
  .service-cell svg{ width:24px;}

  /* ---------- FOUNDER ---------- */
  .founder-wrap{
    position:relative;
    background: url(../images/founder.jpg) no-repeat center;
align-items: center; justify-content: flex-end; padding-right: 60px;
    min-height:550px;
    display:flex; margin: 130px 0;
  }

  .founder-card{
    background:#fff url(../images/bg.png) no-repeat right top;
    border-radius:var(--radius-lg) 0 0 var(--radius-lg);
    padding:62px;
    width:45%; position: relative;
  }

  .founder-card .eyebrow{ color:var(--blue); }
  .founder-card h3{
    font-size:20px;
    margin:10px 0 18px;
    color:var(--text-dark);
  }
  .founder-card p{
    font-size:15px;
    color:var(--text-color);
    margin-bottom:26px; line-height: 26px;
  }
  .founder-actions{
    display:flex;
    gap:16px;
    align-items:center;
  }
  .name-pill{
    background:var(--blue);
    color:#fff;
    padding:16px 32px;
    border-radius:30px;
    font-size:16px;
 
    position:relative;

    position: absolute; bottom: 60px; left: -140px;
  }
  .founder-outline-btn{
    border:1px solid var(--blue);
    color:var(--heading-color);
    padding:16px 26px;
    border-radius:30px;
    font-size:15px;

    display:inline-flex;
    align-items:center;
    gap:8px;
  }

  .founder-outline-btn svg{ width: 20px;}
.founder-outline-btn:hover{ background: var(--blue); color: var(--white-color);}
.founder-outline-btn:hover svg{ fill: var(--white-color);}


  /* ---------- WORKSHOPS ---------- */
  .workshops-title{
    text-align:center;
    font-size:31px;    
    color:var(--heading-color);
    margin-bottom:56px;  font-family: 'aeonikregular';
  }
  .workshops-grid{
    display:flex;
    flex-direction: row;
    gap:50px;
    justify-content: space-between;
  }

  .workshops-cnt{
    display: flex; flex-direction: row; gap: 35px;
  }
  .workshops-cnt div{display: flex; flex-direction: column; justify-content: space-around; gap: 9px;}


  .workshops-grid h4{
    font-size:21px;
    margin-bottom:12px;  font-family: 'aeonikregular';
    
  }

  .workshops-grid h4 a{ color: var(--heading-color);}
  .workshops-grid h4 a:hover{ color: var(--blue); text-decoration: underline;}
  .workshops-grid p{
    font-size:16px;
    color:var(--text-color);
    margin-bottom:18px; line-height: 21px;
  }

  .workshops-grid svg{ width: 27px; transition: 1s;}
  .workshops-grid svg:hover{ transform: translate(10px); fill: var(--blue);}

  /* ---------- CTA BANNER ---------- */
  .cta-banner{
    position:relative;
    margin-top:100px;
    min-height:436px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    color:#fff;
    overflow:hidden;
    background: url(../images/contactbg.jpg) no-repeat center; background-size: cover;
  }

  .cta-inner{ position:relative; z-index:2;}
  .cta-inner .eyebrow{ color:#e3e5f3; }
  .cta-inner h2{
    font-size:41px;
    margin:14px 0 34px;
    
  }
  .cta-btn{
    background:var(--navy);
    color:#fff;
    padding:15px 34px;
    border-radius:30px;
    font-size:0.9rem;
    font-weight:600;
    display:inline-block;
  }
  .cta-btn:hover{ background:var(--navy-deep); }

  /* ---------- FOOTER ---------- */
  footer{
    background:var(--blue);
    color:var(--footer-textcolor);
    padding:70px 0 40px;
    margin-top:0;
  }
  .footer-grid{
    display:flex;
    flex-direction: row; justify-content: space-between;
    gap:40px;
    
  }
  footer h4{
    color:#fff;
    font-size:16px;
    margin-bottom:20px;
  }
  footer p, footer li, footer a{
    font-size:14px; line-height: 21px;    
    margin-bottom:10px;
  }
  footer a:hover{ color:#fff;}
  .social-icons{ display:flex; flex-direction: row; gap:12px; }
  .social-icons a{
    display:flex; align-items:center; justify-content:center;
    width:38px; height:38px;
    border-radius:50%;
    background:rgba(255,255,255,0.12);
    color:var(--footer-textcolor);
    margin-bottom:0;
    transition: background 0.3s ease, color 0.3s ease;
  }
  .social-icons a:hover{ background:#fff; color:var(--blue); }
  .footer-grid h3 { margin: 8px 0 9px 0;}
  .footer-grid .email-label{ margin-top:22px;}
  .footer-grid a{ color: var(--footer-textcolor); font-size: 15px; }
  .footer-bottom{
    width: 250px;
    padding-top:26px;
    font-size:14px;
    line-height: 21px;
  }
  .footer-bottom .credit{
    display:block;
    margin-top:8px;
    font-size:13px;
    color: var(--footer-textcolor);
  }
  .footer-bottom .credit a{
    color: #fff;
    text-decoration: none;
    margin-bottom:0;
  }
  .footer-bottom .credit a:hover{ color: var(--footer-textcolor); }

  #page-title {padding: 197px 0 109px 0;background: url(../images/pagetitlebg.jpg) no-repeat top center;box-sizing: border-box;background-size:cover; display:flex;}
#page-title h1 {color: #FFFFFF;font-size: 46px;  text-transform: capitalize;}
#content-cover{ font-size: 16px; color:var(--text-color); margin:0 0 0 0; padding: 110px 0; display: flex; flex-direction: column; line-height: 26px;}
#about-desc{  width: 850px;  font-size: 20px; clear: both; line-height: 35px;}
#about-main{ display: flex; flex-direction: row; gap: 60px; justify-content: space-around;}
#content-cover .vm-card{ position: static; width: 100%; border-radius: 0; margin: 90px 0 0 0;}
#content-cover .vm-item{ flex-direction: column; align-items: center; text-align: center; gap: 9px;}
#founder-cover{ display: flex;  flex-direction: row;  justify-content: space-between;}
#founder-cover img{ flex-shrink: 0;}
#founder-cover div{ background: var(--blue);  padding: 54px; color: var(--white-color); display: flex; flex-direction: column; flex: 1; min-width: 0; box-sizing: border-box;}
#founder-cover div p{ margin: 20px 0 0 0;}
#founder-cover div h3{ font-size: 23px;}
#founder-cover div p strong{ display: block; font-family: 'aeonikbold'; font-size: 19px; margin-bottom: 7px;}
#aboutfounder{ width: 1050px; margin: 60px auto 0 auto; font-size: 16px;}
#content-cover .services-grid{ gap:36px;}
#content-cover .service-box{ width: 393px;}
#content-cover .service-cell{ min-height: 296px; padding: 9px 47px; text-align: left; align-items: flex-start;}
#workshop-cover{ margin: 112px 0 0 0;}
#workshop-cover h2{ font-size: 31px; text-align: center; margin-bottom: 37px;}
#content-cover #workshop-cover h2 { line-height: 34px;}
#service1{ display: flex; flex-direction: row; gap: 65px; align-items: flex-start;}
#service2{ display: flex; flex-direction: row-reverse; gap: 65px; align-items: flex-start;}
#service3{ display: flex; flex-direction: column; gap: 27px;}
#service1 h1, #service2 h1, #service3 h1{ font-size: 28px; margin: 0 0 25px 0;}
#service1 p, #service2 p, #service3 p{ margin: 0 0 26px 0;}
#service1 div, #service2 div, #service3 div{ display: flex; flex-direction: column;}
#service1 strong, #service2 strong, #service3 strong{ font-family: 'aeonikbold'; font-size: 16px; margin: 12px 0 0 0;}
#service1 ul li, #service2 ul li, #service3 ul li{ position: relative; padding: 0 0 0 22px; margin: 4px 0;}
#service1 ul li::after, #service2 ul li::after, #service3 ul li::after{ position: absolute; left: 0; top: 11px; background: var(--blue); width: 5px; height: 5px; content: ""; border-radius: 100%;}

#cnt-cover{ display: flex; flex-direction: row; justify-content:space-around;}
.contact-detailmain{  line-height:24px; font-size:15px;  color:#656565; text-align: center; width: 306px;}
.contact-detailmain a{ color:#656565;}
.contact-detailmain svg{ font-size: 47px; color: var(--blue);}
.contact-detailmain span{ display:block; font-size:18px; margin:8px 0 11px 0; color: var(--text-color);}
.contact-frm{display:flex; clear:both; flex-direction: column;  background: #dadada; width: 758px; box-sizing: border-box; padding: 45px 50px 39px 50px; margin: 20px auto; position:relative; border-radius: 30px;}
#content-cover.contact-page{ padding: 30px 0 40px 0; }
#formheading{ text-align: center; margin-bottom: 49px;}
#formheading h1{ font-size: 35px;  margin: 0 0 12px 0;}
.inputform-cover{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content:space-between;}
.contact-frm input{ width:100%; border:none;  font-family: 'aeonikregular'; padding:17px 25px; box-sizing:border-box; outline:none; color:var(--text-color);font-size:14px; background:#ffffff;border-radius: 80px;}
.contact-frm span{ color: rgb(255, 0, 0); font-size: 13px;}
.contact-frm textarea{ width:100%; padding:27px 30px; box-sizing:border-box; outline:none; color:var(--text-color); height:102px; margin:0px 0 39px 0; overflow:hidden; resize:none; font-size:14px;  font-family: 'aeonikregular'; background:#ffffff;  border-radius:80px; border: none;}
.contactfrm-cover{ width:313px; height:79px; text-align:left;}

.contact-frm #frmsubmit{background:var(--blue); color:var(--white-color);  cursor:pointer; font-size:16px; border: none; }
.contact-frm #frmsubmit:hover{ background: var(--bluehover); color: var(--white-color);}
#rc-imageselect, .g-recaptcha {transform:scale(0.78);-webkit-transform:scale(0.78);transform-origin:0 0;-webkit-transform-origin:0 0;}
#mapcnt{ width:100%; height:320px; margin:60px 0 100px 0; -webkit-filter: grayscale(80%); /* Safari 6.0 - 9.0 */
   filter: grayscale(80%); clear: both;}
#mapcnt iframe{ width:100%; height:100%;}





@media (max-width:1250px){
.container{ width:992px;}
nav, #footer-cnt{ display: none;}
#mobile_menu{display:block; color: var(--white-color); font-size: 25px;}
#mobile_drop{display:block;position:relative;background:var(--blue); margin: 20px 0 0 0;}
#mobile_drop_fix{display:block;padding:20px 0px;}
#mobile_drop_fix ul li{list-style:none;display:block}
#mobile_drop_fix ul h2{ font-size:14px; color:#dcff1e; text-decoration:underline;  font-family: 'interregular'; margin:15px 0 7px 20px;}
#mobile_drop_fix ul li ul li{margin:0 0 0 25px;}
#mobile_drop_fix ul li ul li a{border-bottom:0!important}
#mobile_drop_fix a{display:block;color:#fff;display:block;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;text-decoration:none;padding:7px 0; font-size:14px; text-transform:capitalize;}
#about-cnt{ width: 416px;}
.vm-card{ position: relative; left: -490px; bottom: 67px; width: 992px;}
.service-img img{ width: 100%;}
.service-cell{ padding:70px 40px; min-height: 338px;}
}



@media (max-width:992px){
    .container{ width:768px;}
    .hero-content{ top: 200px;}
    .hero-content h1{ font-size: 44px;}
   #about-img{ display: none;}
   .vm-card{position: static; left: 0; bottom: 0;}
   #about-cnt, .vm-card, #about-desc, #aboutfounder{ width: 100%;}
   .about-grid, .services-grid, .workshops-grid, #about-main, #founder-cover, #service1, #service2, #service3{ flex-direction: column;}
   .stat-row{ margin-bottom: 46px;}
   .service-cell{min-height: auto;}
   .founder-wrap{ background-position: -80px 0;}
   #page-title h1{ font-size: 39px;}
   #page-title{ padding: 197px 0 69px 0;}
#content-cover .services-grid{ flex-direction: row;}
   
}



@media (max-width:768px){
.container{ width:448px;}
.book-btn{ display: none;}
.mobile-book-btn{
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:#2b3474;
  border-radius:50px;
  padding:8px 8px 8px 16px;
  margin:20px 0;
  text-decoration:none;
}
.mobile-book-btn .mobile-book-left{ display:flex; align-items:center; gap:14px; }
.mobile-book-btn .icon-circle{ background:rgba(255,255,255,0.15); width:42px; height:42px; border-radius:50%; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.mobile-book-btn .icon-circle svg{ width:20px; height:20px; color:#fff; }
.mobile-book-btn .mobile-book-text{ display:flex; flex-direction:column; }
.mobile-book-btn .label{ font-size:12px; color:#a9adcf; line-height:1.4; }
.mobile-book-btn .phone{ font-size:16px; font-weight:600; color:#fff; line-height:1.4; }
.mobile-book-btn .arrow-circle{ background:#fff; width:34px; height:34px; border-radius:50%; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.mobile-book-btn .arrow-circle svg{ width:14px; height:14px; color:#2b3474; }
.hero-content h1{font-size: 34px;}
.hero-content{ top: 200px;}
.logo{ width: 226px; height: 75px;}
.info-bar{ display: flex; flex-direction: column;}
.info-bar div:nth-child(1), .info-bar div:nth-child(2){ border-bottom: 1px solid #a8a8a8; border-right: none;}
.about-grid h2{ font-size: 31px;}
.vm-card, .footer-grid, #content-cover .services-grid, #cnt-cover{ flex-direction: column;}
.founder-wrap{ height: 620px; background-size: 100%; background-position: 0 0; padding-right: 0; align-items: flex-end;}
.founder-card{ width: auto; padding: 0;}
.name-pill{ position: static;}
.founder-outline-btn, .contact-detailmain{ width: 100%; margin: 20px 0 0 0;}
.cta-inner h2{ font-size: 35px;}
.footer-bottom, #service1 img, #service2 img, #service3 img{ width: 100%; padding: 0;}
#about-desc{ font-size: 18px;}
#cnt-cover{ gap: 20px;}
.contact-frm, .contactfrm-cover{ width: 100%;}
}



@media (max-width:448px){
.container{ width:100%; padding: 0 20px;}
.logo{ width: 176px; height: 58px;}
.hero-content h1{ font-size: 18px;}
.eyebrow{ font-size: 12px; margin-bottom: 10px;}
.hero-content{ top: 118px;}
.stat-text{ font-size: 16px;}
.stat-number{ font-size: 58px;}
.founder-wrap{ height: 550px;}
.workshops-cnt{ gap: 25px;}
.workshops-title, .cta-inner h2{ font-size: 28px;}
.cta-banner{ min-height: 306px;}
#page-title h1{ font-size: 34px;}
#content-cover .service-box{ width: 100%;}
#founder-cover div{ padding: 44px;}
}