@charset "utf-8";

:root {  
  /** @font family declaration **/   
  --ff-roboto-regular:'Roboto-Regular';
  --ff-roboto-light:'Roboto-Light';
  --ff-roboto-bold:'Roboto-Bold';
   
  /** background color declaration **/
  --bg-white: #FFFFFF;
  --bg-black: #000000;  
  --bg-violet: #841B5D;
  --bg-dblue: #667085; 
  --bg-lblue: #33336D;
  --bg-lgrey: #E9E9E9; 
  --bg-dgrey: #FAFAFA;  
  --bg-lgrey1: #F1F1F1;
  --bg-lgrey2: #F3F3F3;  
  --bg-dblack: #252829; 
  --bg-vblue: #5B59B2;
  --bg-cyan: #0F6B89;
  --bg-orange: #FF4A4A;
  --bg-snow: #FFF7F7;
  

  /** text color declaration **/
  --txt-white: #FFFFFF;
  --txt-black:#000000;
  --txt-dblack: #252829; 
  --txt-lblack: #242121; 
  --txt-dlgrey: #667085;
  --txt-lglgrey: #6F6F6F;
  --txt-ltgrey: #606060;
  --txt-dkgrey: #666666;
  --txt-title: #101828;
  --txt-grey-btn: #7F7F7F;
  --txt-vblue: #5B59B2;
  --txt-lblue: #33336D;
  --txt-violet: #841B5D; 
  --txt-grey: #565656; 
  --txt-dgrey: #D0D0C8;
  --txt-color: #565656;
  --txt-brd-color: #D9D9D9;
  --txt-grey-color: #939393;
  --txt-grey-title: #8B8C89;
  --brd-solid: #DFDFDF;
  --sec-bg: #F5F5F5;
  --border-color: #841B5D;
  --border-grey: #AAAAAA;
  --border-dgrey: #BBBABA;
  --border-lgrey: #E7E7E7;
  
    --txt-black:#000000;
    --txt-violet:#952174;
    --bg-beige:#F8F4E5;
    --item-width:342px;
    --stagger-amount:80px;
    /* --track-padding-left:100px; */
  
}

/* CSS Document */
body { padding:0px; margin:0px; background:var(--bg-white); font-size:1rem; color:#000000; line-height:1.3; font-family: "Roboto", sans-serif; font-weight: 400; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, main, nav, section, audio, video, source { display: block; margin: 0; padding: 0; }
a, img { border: medium none; }
a { color: #000000; text-decoration: none;  }
div { margin: 0; padding: 0; }
p { font-size:1rem; line-height:1.3; padding:0px; margin:0px; color:#000000;} 
h1, h2, h3, h4, h5, h6 { font-weight:normal; padding:0px; margin:0px;  line-height: 1.4; }
a{ color: #000000; outline:none; }
ul, li { list-style:none;}
a:focus, :focus{ outline:none; }
ul,ol { list-style-type:none; padding:0px; margin:0px; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } 
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; } 
* html .clearfix { height: 1%; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clear { clear: both; line-height: 1px; padding:0px; height:0px; font-size:1px; }
.left { float:left; }
.right { float:right; }
.anim { transition:all 1s ease; -moz-transition:all 1s ease; -webkit-transition:all 1s ease; -o-transition:all 1s ease; }
.anim2 { transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; }
.row { width:100%; max-width: 1280px; margin:auto; padding:0px;}
.row1 { width:100%; max-width: 1304px; margin:auto; padding:0px;}
img { border: 0; height: auto; max-width: 100%; vertical-align: middle;  width: 100%; }

/* common css */
.d-flex { display: flex; flex-wrap: wrap; }
.justify-space-between { justify-content: space-between;}
.div-center { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.align-center { align-items: center;}
.align-top { align-items: flex-start;}
::selection { color: var(--txt-white); background-color: var(--bg-violet);}

html.lenis { height: auto;}
.lenis.lenis-smooth { scroll-behavior: auto;}
.lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain;}
.lenis.lenis-stopped { overflow: hidden;}

/* header css */
header {  transform: translateY(0%); transition: transform 0.6s ease; width: 100%; background: var(--bg-white); backdrop-filter: blur(8px); position: relative; top: 0; left: 0;  z-index: 99;}
.sticky { position: fixed;}
.logo { display: flex; align-items: center;}
.logo img { width: auto;}
.logo img.stick-logo { display: none;}
.hdr-lft { flex: 0 1 52%; display: flex; flex-wrap: wrap;column-gap: 30px;}
.hdr-rht { display: flex; align-items: center; column-gap: 20px;flex: 0 1 48%;flex-wrap: wrap;justify-content: right;}
.megamenu-sec .hdr-rht .blogs-cont h3 { min-height: inherit;}
.menu-rgt { margin-right: 15px;}
header.sticky { transform: translateY(0); background: rgb(39, 76, 119,0.75); animation: slideDown 0.6s ease forwards; background: var(--bg-white); box-shadow: 0 0 5px rgba(0, 0, 0, 0.10); }
.sticky .megamenu-sec ul li a { color: var(--txt-black);padding: 30px 0;}
.sticky .megamenu-sec ul li.has-mega-menu a::after { border-right: 2px solid var(--bg-black); border-bottom: 2px solid var(--bg-black);}
.sticky .megamenu-sec ul li a:hover { color: var(--txt-violet);}
.sticky .megamenu-sec ul li.has-mega-menu:hover a { color: var(--txt-violet);}
.sticky .megamenu-sec ul li.has-mega-menu:hover ul.submenu a  { color: var(--txt-dblack);}
.sticky .megamenu-sec ul li.has-mega-menu ul.submenu a:hover { color: var(--txt-violet);}
.sticky .megamenu-sec ul li.has-mega-menu:hover a::after { border-right: 2px solid var(--bg-violet); border-bottom: 2px solid var(--bg-violet); }
.sticky .m-menu span { background: var(--bg-black);}
.sticky .m-menu.open span:nth-child(1), .sticky .m-menu.open span:nth-child(3) { background: var(--bg-black);}
.sticky .m-menu a:hover span { background: var(--bg-black);}
.sticky .logo img.desk-logo { display: none;}
.sticky .logo img.stick-logo { display: block;}
.header-static header { position: relative; background: var(--bg-blue);}
.header-static header.sticky { position: fixed; background: var(--bg-white);}

/* Keyframes for sliding down */
@keyframes slideDown {
  0% { transform: translateY(-100%); opacity: 0;}
  100% { transform: translateY(0); opacity: 1; }
}

/* common css */
.title-sec { display: flex; flex-wrap: wrap; row-gap: 35px; justify-content: center; text-align: left; width: 100%; padding:130px 0 20px;}
.title-sec p { color: var(--txt-black); font-size: 1.75rem; line-height: 1.4; font-weight: 400; padding-bottom: 25px; position: relative;}
.title-sec span a { color: var(--txt-dblack); font-size: 1rem; line-height: 1.1;transition:all .5s ease; }
.title-sec span a:hover { color: var(--txt-violet); }
.abt-team { padding-bottom: 80px;}
.abt-team p { font-size: 1.5rem; line-height: 1.5; color: #545454; font-style: italic;text-align: center;padding: 0 9%;}

/* megamenu css starts */
/* base megamenu from your code (kept as-is) */
.megamenu-sec ul { margin:0; padding:0; display:flex; column-gap:32px; row-gap: 20px; flex-wrap:wrap; align-items:center;}
.megamenu-sec ul li { display:inline-block; margin-right:0;}
.megamenu-sec ul li a { font-size:1rem; font-weight:500; line-height:1; color:var(--txt-dblack); transition:all 0.4s ease; padding:42px 0; display:flex; flex-wrap:wrap; align-items:center; text-decoration:none; position:relative; column-gap:8px;}
.megamenu-sec ul li.has-mega-menu a::after { display:block; content:""; width:7px; height:7px; border-right:2px solid var(--bg-dblack); border-bottom:2px solid var(--bg-dblack); transform:rotate(45deg); transition:transform 0.3s ease-in-out; margin-left:0; position:relative; right:0;}
.megamenu-sec ul li a:hover { color:var(--txt-violet);}
.megamenu-sec ul li a:hover::after { border-right:2px solid var(--bg-violet); border-bottom:2px solid var(--bg-violet);}

/* submenu base */
.megamenu-sec ul li ul.submenu { border-radius:0 0 4px 4px; z-index:2; left:0; right:0; margin:0 auto; width:100%; max-width:1280px; position:absolute; background:var(--bg-white); padding:45px 0 40px; transition:all 0.3s ease; top:130%; opacity:0; visibility:hidden; border:none; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);}
.megamenu-sec ul li:hover ul.submenu { opacity:1; visibility:visible; top:100%;}
.megamenu-sec ul li ul.submenu li { display:flex; flex-wrap:wrap; justify-content:space-between; padding-bottom:0; margin:0 auto; border-bottom:none; width:100%; max-width: 1060px;}

/* left columns */
.hdr-lft .megamenu-sec ul li:first-child ul.submenu { width:100%; }
.hdr-lft .megamenu-sec ul li:first-child ul.submenu .menu-lft { flex:0 1 64%; padding-right:0px;}
.hdr-lft .megamenu-sec ul li:first-child ul.submenu .menu-lft > ul { list-style:none; display:flex; column-gap:4%;}
.hdr-lft .megamenu-sec ul li:first-child ul.submenu .menu-lft > ul > li { flex:0 1 48%; border:none; padding:0; margin:0; border-right:1px solid #D9D9D9;}
.hdr-lft .megamenu-sec ul li:first-child ul.submenu .menu-lft > ul > li:last-child {border: none;}
.hdr-lft .megamenu-sec ul li:first-child ul.submenu .menu-rht{ flex:0 1 35%; padding-left:0px; border:none; position: relative; }

/* column headings */
.megamenu-sec ul li ul.submenu .menu-lft .menu-title h2{ font-size: 1.375rem; font-weight:700; color:var(--txt-black); margin-bottom:25px; }

/* items inside each column */
.megamenu-sec ul li ul.submenu .menu-lft > ul > li > ul{list-style:none;}
.megamenu-sec ul li ul.submenu .menu-lft > ul > li > ul > li{ border:none; padding:4px 0; margin:0;}
.megamenu-sec ul li ul.submenu .menu-lft > ul > li > ul > li a{ padding:0; display:block;text-decoration:none;}
.megamenu-sec ul li ul.submenu .menu-lft > ul > li a {padding:0   }
.megamenu-sec ul li ul.submenu .menu-lft ul li ul li a::after, .megamenu-sec ul li ul.submenu .menu-lft > ul > li a::after, .megamenu-sec ul li ul.submenu .menu-rht a::after{display:none;}
.megamenu-sec ul li ul.submenu .menu-lft > ul > li > ul > li .menu-title p{ font-size:15px; line-height:1.6; color:#333333;}

.megamenu-sec ul ul.submenu li { justify-content: space-between;}
.megamenu-sec ul ul.submenu .menu-lft { flex:0 1 28%; }
.megamenu-sec ul ul.submenu .menu-rht { flex:0 1 69%; display: flex;flex-wrap: wrap;row-gap: 20px;}
.megamenu-sec ul ul.submenu .menu-lft > ul > li { flex: 0 1 100%; padding: 0px 0 20px; border-bottom: 1px solid #D9D9D9; border-right: none  ; }
.sticky .megamenu-sec ul li.has-mega-menu:hover ul.submenu .menu-rht a { padding: 10px;border-radius:4px; border:1px solid #D9D9D9;background:#ffffff;}
.megamenu-sec ul ul.submenu .menu-rht a { justify-content: space-between; padding: 10px;}

.megamenu-sec ul li ul.submenu .menu-rht .menu-rht-img{ width:100%; background:#ffffff;
  display:flex;  align-items: center; overflow:hidden;}
.ariel-text{ position: absolute; left: 0; top: 0; flex:0 1 50%;padding:35px 27px; display:flex; flex-direction:column; justify-content:space-between; z-index: 1;}
.ariel-text h3{ font-size: 1.875rem; line-height:1.1; font-weight:400; color:var(--txt-dblack); margin-bottom:8px;}
.ariel-text h3 span, .ariel-text h3 strong { font-weight: 600;}
.ariel-text p{ font-size:1.125rem; line-height:1.6; color:var(--txt-dblack); margin-bottom:24px; }
.megamenu-sec ul li ul.submenu .menu-rht .ariel-text a { background: var(--bg-violet); height: 38px; min-width: 84px; color: var(--txt-white); padding: 0 0px; font-size: 1.125rem; font-weight: 500; border-radius: 4px; display: inline-flex; align-items: center; justify-content: center; position: relative; transition: all 0.5s ease; margin-top: 15px; }
.menu-rht .ariel-text a:hover { background: var(--bg-black); color: var(--txt-white);}
.sticky .megamenu-sec ul li ul.submenu .menu-rht .ariel-text a { color: var(--txt-white);}
.sticky .megamenu-sec ul li ul.submenu .menu-rht .ariel-text a:hover   { color: var(--txt-white); background: var(--bg-black);}
.megamenu-sec ul li.has-mega-menu ul.submenu .menu-rht .ariel-text a::after { display: none;}
  
/* photo side */
.ariel-photo{ flex:0 0 100%; position:relative; overflow:hidden; }
.ariel-photo img{ width:100%; height:100%; object-fit:cover; display:block; }

.megamenu-sec .blogs-img { flex:0 1 47.1%; position: relative; overflow: hidden; border-radius: 4px;}
.megamenu-sec .blogs-img img { float: left; width: 100%; transition: all 0.5s ease; border-radius: 4px;}
.megamenu-sec .blogs-img img.org-img { position: absolute; top: 0; left: 0; z-index: 9; max-width: 100%; height: 100%; object-fit: cover;}
.megamenu-sec .blogs-cont {flex: 0 1 47.1%; padding: 0; display: flex; flex-wrap: wrap; align-content: flex-start; transition: all 0.5s ease; }
.megamenu-sec .blogs-cont h4 { float: left; width: 100%; font-weight: 500; color: var(--txt-vblue); font-size: 0.875rem; line-height: 1.1; position: relative; margin-bottom: 10px;}
.megamenu-sec .blogs-cont h3 { float: left; width: 100%; font-weight: 500; color: var(--txt-title); font-size: 1.25rem; line-height: 1.1; transition: all 0.5s ease; position: relative; margin-bottom: 10px; min-height: 108px;}
.megamenu-sec .blogs-cont p { float: left; width: 100%; color: var(--txt-ltgrey); font-size: 1rem; line-height: 1.2; position: relative; margin-bottom: 15px; transition: all 0.5s ease;}
.megamenu-sec .blogs-cont .date-sec { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 20px; align-items: flex-end;}
.megamenu-sec .blogs-cont h5 { font-size: 1rem; color: var(--txt-dblack); margin-bottom: 0px; font-weight: 400;display: flex;flex-wrap: wrap;width: auto; column-gap: 5px;}
.megamenu-sec .blogs-cont h5.date span { background: url("../images/calendar-ico.svg") no-repeat center; width: 20px; background-size: 100%; }
.megamenu-sec .blogs-cont h5.location span { background: url("../images/location-ico.svg") no-repeat center; width: 15px; background-size: 100%;}
.megamenu-sec .blogs-cont span.dw-btn { background: var(--bg-violet); height: 38px; min-width: inherit; color: var(--txt-white); padding: 10px 15px; border-radius: 4px; margin-top: 25px; } 
.megamenu-sec .blogs-cont span.dw-btn:hover {background: var(--bg-black); color: var(--txt-white);}
.menu-rgt .megamenu-sec .blogs-cont h3 { min-height: initial;}

/**mega menu css**/
.menu-button-container { display: none;}
#mega-menu-wrap-primary { background: none !important; position: inherit !important;}
#mega-menu-wrap-primary #mega-menu-primary { display: flex !important; flex-wrap: wrap; column-gap: 30px; position: inherit !important; }
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link { height: auto !important; color: var(--txt-dblack) !important; font-size: 1rem !important; line-height: 1 !important; padding: 42px 0 !important;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:focus { background: none !important; }
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator { display: none !important;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link { background: none !important; color: var(--txt-dblack);}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu { max-width: 1240px !important; right: 0;  margin: 0 auto; background: var(--bg-white) !important; padding: 45px 60px !important; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); border-radius: 0 0 4px 4px; }
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item { padding: 0 !important;}
#mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link { transition: all 0.4s ease; line-height: 1 !important; text-transform: none !important; font-weight: normal !important; color: var(--txt-dblack) !important; font-size: 1rem !important;}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu { display: flex !important; flex-wrap: wrap; row-gap: 25px; justify-content: space-between;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title { font-size: 1.375rem !important; font-weight: 700; color: var(--txt-black) !important; margin-bottom: 25px; text-transform: none !important; padding: 0 !important;}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item .ariel-text a.ariel-btn { background: var(--bg-violet); height: 38px; min-width: 84px; color: var(--txt-white); padding: 8px 12px; font-size: 1.125rem; font-weight: 500; border-radius: 4px; display: inline-flex; align-items: center; justify-content: center; position: relative; transition: all 0.5s ease; margin-top: 15px; }
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item .ariel-text a.ariel-btn:hover { background: var(--bg-black);}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.mega-menu-item-text-12 { position: absolute; }
#mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link:hover { color: var(--txt-violet) !important;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover {  color: var(--txt-violet) !important; }
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu.mega-menu-item.mega-toggle-on > a.mega-menu-link { color: var(--txt-violet) !important;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link { color: var(--txt-violet) !important; background: none !important;}
 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link { color: var(--txt-violet) !important; background: none !important;}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu.mega-menu-item > ul.mega-sub-menu li ul.mega-sub-menu { column-gap: 0; justify-content: inherit; align-items: inherit;}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu.mega-menu-item:first-child > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column:first-child { border-right: 1px solid #D9D9D9;}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu.mega-menu-item:first-child > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column {  margin-right: 40px; padding-right: 20px; width: 30.9% !important;}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu.mega-menu-item:first-child > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column:last-child { margin: 0; padding: 0;}

/* #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu.mega-menu-item:nth-child(2) ul.mega-sub-menu li.mega-menu-row ul.mega-sub-menu li.mega-menu-column.mega-menu-columns-8-of-12 ul.mega-sub-menu{ display: flex !important; flex-wrap: wrap; } */
#mega-menu-wrap-primary #mega-menu-primary li.mega-resource-mnu.mega-menu-item ul.mega-sub-menu ul.mega-sub-menu { justify-content: space-between !important; align-items: flex-start !important;}
#mega-menu-wrap-primary #mega-menu-primary li.mega-resource-mnu.mega-menu-item ul.mega-sub-menu li.mega-menu-column.mega-menu-columns-4-of-12 ul.mega-sub-menu { row-gap: 0 !important;}
#mega-menu-wrap-primary #mega-menu-primary li.mega-resource-mnu.mega-menu-item ul.mega-sub-menu li.mega-menu-column.mega-menu-columns-4-of-12 ul.mega-sub-menu li { border-bottom: 1px solid #D9D9D9; padding-bottom: 20px !important; margin-bottom: 20px;}

#mega-menu-wrap-primary #mega-menu-primary li.mega-resource-mnu.mega-menu-item > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column.mega-menu-columns-4-of-12 {width: 30% !important; }
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column.mega-menu-columns-8-of-12 { padding: 10px; border: 1px solid #D9D9D9; width: 64%; border-radius: 4px;}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column.mega-menu-columns-8-of-12 ul.mega-sub-menu { display: flex !important; flex-wrap: wrap; justify-content: space-between;}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column.mega-menu-columns-8-of-12 .mega-menu-item.widget_media_image { flex: 0 1 45% !important; border-radius: 4px !important; overflow: hidden;}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column.mega-menu-columns-8-of-12 .mega-menu-item.widget_text { flex: 0 1 50% !important; } 
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column.mega-menu-columns-8-of-12 .mega-menu-item.widget_text .textwidget { display: flex; width: 100%; height: 100%;}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column.mega-menu-columns-8-of-12 .mega-menu-item.widget_text .blogs-cont { flex-direction: column; flex: 0 1 100%; }
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column.mega-menu-columns-8-of-12 .mega-menu-item.widget_text .blogs-cont p { margin-bottom: 0;}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column.mega-menu-columns-8-of-12 .mega-menu-item.widget_text .blogs-cont h3 { flex-grow: 1; line-height: 1.3;}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column.mega-menu-columns-8-of-12 .mega-menu-item.widget_text .blogs-cont a.read-more { padding: 0; color: var(--txt-violet); font-size: 1.125rem; line-height: 1.2; font-weight: 500; display: inline-flex; column-gap: 15px; align-items: center; transition: all 0.5s ease; margin-top: 50px; }
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column.mega-menu-columns-8-of-12 .mega-menu-item.widget_text .blogs-cont a.read-more i { transform: rotate(-45deg);transition: all 0.5s ease; display: none;}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column.mega-menu-columns-8-of-12 .mega-menu-item.widget_text .blogs-cont a.read-more:hover { color: var(--txt-black);}

/* #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu.mega-menu-item:nth-child(2) > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column.mega-menu-columns-8-of-12 { display: flex; flex-wrap: wrap; }
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu.mega-menu-item:nth-child(2) > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column.mega-menu-columns-8-of-12 #mega-menu-item-media_image-3 { width: 42% !important; }
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu.mega-menu-item:nth-child(2) > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column.mega-menu-columns-8-of-12 #mega-menu-item-text-5 { width: 42% !important; } */

.overlay { float: left; width: 100%; position: relative;}
.overlay::after { transition: all 2s ease-in-out; animation: overlay-fade 1s ease;  position: absolute;  top: 0;  left: 0; width: 100%;  height: 100%;  background: rgb(0, 0, 0, 0.5);  display: block;  content: "";  z-index: 1;}
@keyframes overlay-fade {
  from { opacity: 0;}
  to { opacity: 1;}
}


.contact-btn { position: relative; width: auto;}
.contact-btn a { background: var(--bg-violet);  color: var(--txt-white); padding: 8px 12px; font-size: 1.125rem; line-height: 1.2; font-weight: 500; border-radius: 4px; min-height: 38px; display: inline-flex; align-items: center; justify-content: center; position: relative; transition: all 0.5s ease; }
.contact-btn a:hover { background: var(--bg-black); color: var(--txt-white);}

.portal-btn { position: relative; width: auto;}
.portal-btn a { background: none; border: 1px solid var(--border-color); color: var(--txt-black); padding:  8px 12px; font-size: 1.125rem; line-height: 1.1; font-weight: 500; min-height: 38px; border-radius: 4px; display: inline-flex; align-items: center; justify-content: center; position: relative; transition: all 0.5s ease; }
.portal-btn a:hover { background: var(--bg-violet); color: var(--txt-white);}

/************** banner section css **************/
.banner-sec { width: 100%; overflow: hidden; position: relative; }
.mobile-banner { float: left; width: 100%; display: none;}
.desk-banner { float: left; width: 100%; }
.mob-ban { display: none;}
.desk-banner.no-mob-ban, .desk-video.no-mob-ban { display: block;}
.org-ban { position: absolute; left: 0; top: 0; width: 100%; object-fit: cover;}
.banner-sec img { width: 100%; height: 100%;  object-fit: cover;}
.banner-caption { position: absolute; bottom:20%; width: 100%; z-index: 10;}
.banner-caption.top-pos { bottom: auto; top: 25%;}
.banner-caption.mid-pos { bottom: auto; top:45%; transform: translateY(-50%);}
.banner-txt { width:54%; display: inline-flex; flex-wrap: wrap; justify-content: flex-start; row-gap: 20px; }
.banner-txt h1 { font-size: 3rem; line-height: 1.2; width: 100%; font-weight: 400; color: var(--txt-white); }
.banner-txt h1 span { font-weight: 700; display: inline-block;}
.banner-txt h2 { font-size:2.8rem; line-height: 1.2; width: 100%; font-weight: 400; color: var(--txt-white); }
.banner-txt h3 { font-size: 2.4rem; line-height: 1.2; width: 100%; font-weight: 400; color: var(--txt-black); padding-right: 16%; }
.banner-txt p { font-size: 1.375rem; line-height: 1.3; width: 100%; font-weight: 500; color: var(--txt-white); }
.banner-txt a { background: var(--bg-violet); height: 35px; color: var(--txt-white); padding: 0 20px; font-size: 1rem; font-weight: 500; line-height: 35px; border-radius: 4px; transition: all 0.5s ease;}
.banner-txt a:hover { background: var(--bg-black); color: var(--txt-white);}
.dark-ban .banner-txt h1, .dark .banner-txt h1, .dark .banner-txt h1 span, .dark .banner-txt h2, .dark .banner-txt p { color: var(--txt-lblack);}
.social-banner .banner-caption { bottom: auto; top: 20%;}
.partners-ban .banner-caption { bottom: 100px;}
.banner-sec .org-img { position: absolute; top: 0; left: 0; z-index: 9; max-width: 100%; height: 100%;  object-fit: cover; object-position: top;}
.banner-sec .desk-video .org-img { object-position: inherit;}
.dark-ban .banner-txt h5 { display: inline-flex; align-items: center; padding: 8px 20px; font-size: 1.375rem; line-height: 1.1; font-weight: 700; color: var(--txt-violet); background: #EEEEEE; border-radius: 4px; margin-bottom: 10px;}
.dark-ban .banner-txt h5 .dot { width: 8px; height: 8px; background: var(--bg-violet); border-radius: 50%; margin-right: 8px;}
.dark-ban .banner-caption {top: 50%;transform: translateY(-50%); bottom: auto;}

.banner-btns ul { display: flex; flex-wrap: wrap; column-gap: 15px; }
.banner-btns ul li { flex: 0 1 auto;}
.banner-btns ul li a { background: var(--bg-violet); height: 46px; width: 195px; color: var(--txt-white); padding: 0 20px; font-size: 1.125rem; display: inline-flex; align-items: center; justify-content: center; position: relative; transition: all 0.5s ease; column-gap: 5px;}
.banner-btns ul li a i { font-size: 1.25rem; transition: margin-right .3s ease, opacity .3s ease, width .3s ease ; margin-right: 0; opacity: 0; width: 0;}
.banner-btns ul li a:hover { background: var(--bg-blue); color: var(--txt-white);}
.banner-btns ul li a:hover i { margin-right: 0px; opacity: 1; width: 18px; color: var(--txt-violet);}
.banner-btns ul li.white-btn a { background: var(--bg-white); color: var(--txt-violet);}
.banner-btns ul li.white-btn a:hover { background: var(--bg-blue); color: var(--txt-white); }

/************** banner video **************/
.btm-shadow::after { position: absolute; content: ''; background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 2.86%, rgba(22, 20, 22, 0.8) 99.82%); width: 100%; height: 100%; left: 0; top: 0; z-index: 9;}
.desk-video { float: left; width: 100%;}
.mob-video { float: left; width: 100%; display: none;}
.banner-sec video { width: 100%;}
.banner-video, .banner-videos { float: left; width: 100%; position: relative;height: auto; overflow: hidden;transform-origin: top center;}
.banner-video video, .banner-videos video {width: 100%;height: 100%; object-fit: cover;}
.ban-height { float: left; width: 100%; height: auto; position: absolute; left: 0; top: 0;}
.mobile-video { display: none;}

.homebanner-slide { float: left; width: 100%; position: relative;}
.homebanner-slide img { width: 100%;}
.homebanner-slide .swiper-pagination-home.swiper-pagination-bullets { position: absolute; bottom: 30px; text-align: center; z-index: 1; top: auto;}
.homebanner-slide .swiper-pagination-home .swiper-pagination-bullet { width: 12px; height: 12px; background: var(--bg-white); opacity: 1;}
.homebanner-slide .swiper-pagination-home .swiper-pagination-bullet-active { background: var(--bg-violet);}
/* .homebanner-slide .swiper-slide-active .banner-txt h1 { animation: fadeup 1s ease; animation-fill-mode: forwards; opacity: 0;}
.homebanner-slide .swiper-slide-active p { animation: fadeup 1s ease; animation-fill-mode: forwards; animation-delay: 0.4s; opacity: 0;} */
.homebanner-slide .swiper-slide::after { position: absolute; display: block; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(270deg, rgba(29, 51, 84, 0.00) 2.86%, #1D3354 99.82%); }


/************** Keyframes for Fade up **************/
@keyframes fadeup {
  0% { transform: translateY(50px); opacity: 0;}
  100% { transform: translateY(0); opacity: 1; }
}

/************** footer css **************/
footer { float: left; width: 100%; padding: 75px 0 40px; background: var(--bg-lgrey);}
.ftr-main { width: 100%; display: flex; flex-wrap: wrap; row-gap: 50px; justify-content: space-between; padding-bottom: 45px;}
.ftr-lft { flex: 0 1 35%; display: flex; flex-direction: column; justify-content: space-between; column-gap: 2%; row-gap: 0px; }
.ftr-rgt { flex: 0 1 55%;}
.ftr-logo { margin-bottom: 25px;}
.ftr-logo img { width: auto;}
.copyrights { width: 100%;}
.copyrights p { color: var(--txt-dgrey);}
.ftr-scl-links ul { width: 100%; display: flex; flex-wrap: wrap; column-gap: 15px;}
.ftr-scl-links ul li { flex: 0 1 auto;}
.ftr-scl-links ul li a { display: block; transition: all 0.5s ease;}
.ftr-scl-links ul li a i { font-size: 20px; color: var(--txt-black); transition: all 0.4s ease; }
.ftr-scl-links ul li a:hover { opacity: 0.8;}
.ftr-menu-links { float: left; width: 100%; display: flex; justify-content: space-between;}
.ftr-menu-links > div { flex: 0 1 100%; display: flex; flex-wrap: wrap; align-content: flex-start; row-gap: 70px;}
.ftr-menu-links > div > div { flex: 0 1 100%; display: flex; flex-wrap: wrap; row-gap: 30px; align-content: flex-start;}
.ftr-menu-links ul li h3 a, .ftr-menu-links ul li h3  { width: 100%; display: block; font-weight: 700; color: var(--txt-black); font-size: 1.125rem; line-height: 1; position: relative; margin-bottom: 25px;}
.ftr-menu-links ul li h4 a, .ftr-menu-links ul li h4 { width: 100%; display: block; font-weight: 700; color: var(--txt-black); font-size: 1rem; line-height: 1; position: relative; margin-bottom: 20px;}
.ftr-menu-links ul { width: 100%; display: block; flex-wrap: wrap; row-gap: 15px;}
.ftr-menu-links ul li { float: left; width: 45%;}
/* .ftr-menu-links ul li:last-child { flex: 0 1 45%;} */
.ftr-menu-links ul li a { color: var(--txt-black); font-size: 1rem; line-height: 1; font-weight: 400; transition: all 0.5s ease;}
.ftr-menu-links ul li a:hover { color: var(--bg-violet);}
.ftr-menu-links ul ul { margin-bottom: 0px; display: flex; flex-wrap: wrap; row-gap: 20px;}
.ftr-menu-links ul ul li { flex: 0 1 100%; width: 100%;}
.ftr-menu-links ul ul.mb-0 { margin-bottom: 0;}
.ftr-top { float: left; width: 100%; } 

.ftr-menu-links > ul > li:first-child { margin-right: 10%;}
.ftr-menu-links ul li.menu-item-has-children > a, .ftr-menu-links ul li > a  { display: block; font-weight: 600; color: var(--txt-black); font-size: 1.125rem; line-height: 1; position: relative; margin-bottom: 25px;}
.ftr-menu-links ul li.menu-item-has-children ul.sub-menu li.menu-item-has-children ul.sub-menu { margin-bottom: 20px;}
.ftr-menu-links ul li.menu-item-has-children ul.sub-menu li.menu-item-has-children a { display: block; font-weight: 600; color: var(--txt-black); font-size: 1rem; line-height: 1; position: relative; margin-bottom: 20px;}
.ftr-menu-links ul li.menu-item-has-children > ul.sub-menu li ul.sub-menu li a, .ftr-menu-links ul li.menu-item-has-children ul.sub-menu > li a  { color: var(--txt-black); font-size: 1rem; line-height: 1; font-weight: 400; transition: all 0.5s ease; margin-bottom: 0px;}
.ftr-menu-links ul li.menu-item-has-children > a:hover, .ftr-menu-links ul li.menu-item-has-children > ul.sub-menu li ul.sub-menu li a:hover, .ftr-menu-links ul li.menu-item-has-children ul.sub-menu > li a:hover { color: var(--bg-violet);}

/* .ftr-rgt { flex: 0 1 55%;}
.ftr-logo { margin-bottom: 25px;}
.ftr-logo img { width: auto;}
.copyrights { width: 100%;}
.copyrights p { color: var(--txt-dgrey);}
.ftr-scl-links ul { width: 100%; display: flex; flex-wrap: wrap; column-gap: 15px;}
.ftr-scl-links ul li { flex: 0 1 auto;}
.ftr-scl-links ul li a { display: block; transition: all 0.5s ease;}
.ftr-scl-links ul li a i { font-size: 20px; color: var(--txt-black); transition: all 0.4s ease; }
.ftr-scl-links ul li a:hover i { color: var(--txt-violet);}
.ftr-menu-links { float: left; width: 100%; display: flex; justify-content: space-between;}
.ftr-menu-links > div { flex: 0 1 100%; display: flex; flex-wrap: wrap; align-content: flex-start; row-gap: 70px;}
.ftr-menu-links > div > div { flex: 0 1 100%; display: flex; flex-wrap: wrap; row-gap: 30px; align-content: flex-start;}
.ftr-menu-links ul li h3 a, .ftr-menu-links ul li h3 { width: 100%; display: block; font-weight: 700; color: var(--txt-black); font-size: 1.125rem; line-height: 1; position: relative; margin-bottom: 25px;}
.ftr-menu-links ul li h4 { width: 100%; display: block; font-weight: 700; color: var(--txt-black); font-size: 1rem; line-height: 1; position: relative; margin-bottom: 20px;}
.ftr-menu-links ul { width: 100%; display: flex; flex-wrap: wrap; row-gap: 15px;}
.ftr-menu-links ul li { flex: 0 1 55%;}
.ftr-menu-links ul li:last-child { flex: 0 1 45%;}
.ftr-menu-links ul li a { color: var(--txt-black); font-size: 1rem; line-height: 1; font-weight: 400; transition: all 0.5s ease;}
.ftr-menu-links ul li a:hover { color: var(--bg-violet);}
.ftr-menu-links ul ul { margin-bottom: 30px;}
.ftr-menu-links ul ul li { flex: 0 1 100%;}
.ftr-menu-links ul ul.mb-0 { margin-bottom: 0;}
.ftr-top { float: left; width: 100%; } */

/* DESKTOP: Hide icons and force open */
/* @media (min-width: 768px) {
  .acc-icon { display: none !important; }
  .accordion-body {
    max-height: none !important;
    overflow: visible !important;
  }
} */

.news-box-out { float: left; width: 100%; padding-bottom: 20px; }
.news-box-out h2 { width: 325px; display: block; color: var(--txt-black); font-size: 1.375rem; font-weight: 500; line-height: 1; position: relative; margin-bottom: 25px;}
.news-box input[type="email"], .news-box .gform_wrapper.gravity-theme input[type="email"]{ background: var(--bg-white); border: none; max-width: 325px; color: var(--txt-grey-btn); font-size: 1rem; font-weight: 400; height: 50px; line-height: 58px; border-radius: 4px; padding: 0px 20px;}
.news-box input[type="submit"], .news-box .gform_wrapper.gravity-theme input[type="submit"] { background: var(--bg-violet); max-width:100px; height: 35px; color: var(--txt-white); padding: 0 20px; margin: 0!important; font-size: 1rem; font-weight: 500; border-radius: 4px; display: block; align-items: center; justify-content: center; position: relative; transition: all 0.5s ease; border: none; }
.news-box input[type="submit"]:hover { background: var(--bg-black); color: var(--txt-white);}

.ftr-bottom-links { float: left; width: 100%; border-top: 1px solid var(--border-grey); padding-top: 45px; display: flex; flex-wrap: wrap; column-gap: 65px; row-gap: 15px;}
.ftr-bottom-links p  { color: var(--txt-black); font-size: 0.875rem; line-height: 1; font-weight: 300; transition: all 0.5s ease;}
.ftr-bottom-links a { color: var(--txt-black); font-size: 0.875rem; line-height: 1; font-weight: 300; transition: all 0.5s ease;}
.ftr-bottom-links a:hover { color: var(--bg-violet);}
.traing-logo img { width:auto; margin-top:40px; }


/************** mobile-menu-start **************/
body.over { overflow: hidden;}
.mobile-menu{ position:fixed; top:72px; bottom: 0; width:100%; overflow: auto; z-index: 99; border-top: none; padding: 80px 0 40px; opacity: 0; visibility: hidden; transition: all 0.4s ease; background: var(--bg-white); border-bottom:none; }
.mobile-menu.slow { opacity: 1; visibility: visible; }
.mobile-menu::after { background:url(../images/hover-roll-box.webp) no-repeat; position: absolute; display: block; content: "";
bottom: 0; right: 0px; width: 100%; height: 100%; background-size: 100%; mix-blend-mode: soft-light; opacity: 0.4; background-position:bottom; z-index: -1;}
.mobile-menu .nav { width: 100%;  background: var(--bg-white); float: left;  padding: 0 0 75px 0; height:100%;}
.m-menu { width: 28px; height: 18px; margin: 0px 0 0 0; -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; float: left; position: relative; left: 0; top: auto; display:none; z-index:9; }
.m-menu a { display: block; height: 100%;}
.m-menu span { display: block; position: absolute; height: 2px; width: 28px; background: var(--bg-black); border-radius: 0px; opacity: 1;left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);  -webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }  
.m-menu span:nth-child(1) { top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.m-menu span:nth-child(2) { top: 8px;  right: 0; left: auto; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.m-menu span:nth-child(3) { top: 16px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.m-menu a:hover span { background: var(--bg-white);}
.m-menu.open span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: -1px; left: 4px;  background: var(--bg-black);}
.m-menu.open span:nth-child(2) { width: 0%; opacity: 0;}
.m-menu.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 18px; left: 4px; background:var(--bg-black); }

.mobile-menu ul { display: flex; flex-wrap: wrap; row-gap: 15px;}
.mobile-menu ul li { flex: 1 1 100%;}
.mobile-menu ul li a { font-size: 1.125rem; color: var(--txt-dblack); line-height: 1; display: block; padding:5px 30px 5px 0; position: relative; transition: all 0.4s ease;}
.mobile-menu ul li.menu-item-has-children > a::after { display: block; content: ""; width: 9px; height: 9px; border-right: 2px solid var(--bg-dblack); border-bottom: 2px solid var(--bg-dblack); transform: rotate(45deg); transition: transform 0.3s ease-in-out;  margin-left: 0px; position: absolute; right: 10px; top: 7px;}
.mobile-menu ul li ul { display: none; padding:20px 0 10px 15px;}
.mobile-menu ul li ul li { margin-bottom: 18px;}
.mobile-menu ul li ul li:last-child { margin-bottom: 0;}
.mobile-menu ul li ul li a { font-size: 1rem; padding: 0; color: var(--txt-dblack);}
.mobile-menu ul li ul li a::after { display: none;}
.mobile-menu ul li.active > a { font-weight: 700;}
/* .mobile-menu ul li.active a:after { border-right: 2px solid var(--bg-dblack); border-bottom: 2px solid var(--bg-dblack); transform: rotate(-135deg); margin: 0px; } */
.mobile-menu ul li a:hover { color: var(--txt-violet); }
.mobile-menu ul li a:hover::after { border-right: 2px solid var(--bg-violet); border-bottom: 2px solid var(--bg-violet);}
 
.mobile-menu .contact-btn { width: 100%; text-align: center; margin-top: 50px;}
.mobile-menu .contact-btn a { column-gap: 10px;}
.mobile-menu .contact-btn .icon { width: auto;} 

/* Default arrow */
.mobile-menu ul li.menu-item-has-children > a::after {content: ""; width: 9px; height: 9px; border-right: 2px solid var(--bg-dblack);
  border-bottom: 2px solid var(--bg-dblack); transform: rotate(45deg); transition: transform 0.3s ease-in-out; position: absolute; right: 10px; top: 7px;}
.mobile-menu ul li.menu-item-has-children.active > a::after { transform: rotate(-135deg);}
.mobile-menu ul li a:hover::after { border-right: 2px solid var(--bg-violet); border-bottom: 2px solid var(--bg-violet);}

/************** Home page **************/
.homebanner-slide { float: left; width: 100%; position: relative; overflow: hidden;}
.homebanner-slide .swiper-pagination-home.swiper-pagination-bullets { position: absolute; bottom: 30px; text-align: center; z-index: 1; top: auto;}
.homebanner-slide .swiper-pagination-home .swiper-pagination-bullet { width: 12px; height: 12px; background: var(--bg-white); opacity: 1;}
.homebanner-slide .swiper-pagination-home .swiper-pagination-bullet-active { background: var(--bg-violet);}
/* .homebanner-slide .swiper-slide-active .banner-txt h1 { animation: fadeup 1s ease; animation-fill-mode: forwards; opacity: 0;}
.homebanner-slide .swiper-slide-active .banner-btns { animation: fadeup 1s ease; animation-fill-mode: forwards; animation-delay: 0.6s; opacity: 0;} */
.homebanner-slide .swiper-slide::after { position: absolute; display: none; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(270deg, rgba(29, 51, 84, 0.00) 2.86%, #1D3354 99.82%); }
.homebanner-slide .banner-caption { bottom: auto; top: 50%; transform: translateY(-50%);}
.homebanner-slide .banner-caption h1 { font-size: 4.5rem; line-height: 1.1; font-weight: 400;}
.homebanner-slide .banner-caption p { font-size: 1.5rem; line-height: 1.4; font-weight: 400;}
.homebanner-slide .banner-caption.black h1, .homebanner-slide .banner-caption.black p{ color: var(--txt-black);}
.homebanner-slide .banner-caption.top-pad { top: 38%;}

/* Keyframes for Fade up */
@keyframes fadeup {
  0% { transform: translateY(50px); opacity: 0;}
  100% { transform: translateY(0); opacity: 1; }
}

.client-sec.home { padding: 60px 0 60px;background: #F6F6F6;}
.home .client-logo-list { row-gap: 30px;}

.welcome-section{ float: left; width: 100%; padding:80px 0px 60px; text-align: center; }
.welcome-tittle { float: left; width: 100%;}
.welcome-tittle h2 { font-size: 2.5rem; line-height: 1.3; color: var(--txt-black); margin-bottom: 25px;}
.welcome-tittle h2 span { color: var(--txt-violet); font-weight: 500;}
.welcome-tittle p { font-size: 1.125rem; line-height: 1.6; color: var(--txt-dblack); margin-bottom: 35px;}
.welcome-wrap  { display:flex; flex-wrap: wrap; justify-content:space-between; column-gap:5.1%; row-gap: 30px; margin-bottom:40px;}
.welcome-wrap div { flex: 0 1 29.9%;}
.welcome-wrap img { width: auto; margin-bottom: 15px; max-height: 32px;}
.welcome-wrap h3 { font-size: 1.375rem; line-height: 1.4; color: var(--txt-violet); font-weight: 500; margin-bottom: 15px;}
.welcome-wrap p { margin-bottom: 0;}
a.download-btn {background: var(--bg-violet); border-radius: 4px; padding: 8px 12px; min-height: 38px; font-size: 1.125rem; line-height: 1.2; font-style: normal; font-weight: 500; color: var(--txt-white); display: inline-flex; transition: all 0.5s ease;}
a.download-btn:hover{background: var(--bg-black);}
a.download-btn span { background: url("../images/download.svg") no-repeat center; width: 22px; height: auto; margin-left: 10px; display: inline-block;}
.btn-group ul li a.download-btn { background: none; color: var(--txt-black); border: 1px solid var(--bg-violet); }
.btn-group ul li a.download-btn:hover { background: var(--bg-black); color: var(--txt-white); border: 1px solid var(--bg-black);} 
.btn-group ul li a.download-btn:hover span { background: url("../images/download.svg") no-repeat center;}

.organization-sec { float: left; width: 100%; padding: 80px 0 50px; overflow: hidden;}
.organization-wrap { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6.3%;}
.organization-left { flex:0 1 41%; order: 2; }
.organization-video { float: left; width: 100%; position: relative; border-radius: 4px;border: 1px solid var(--brd-solid);}
.organization-img .mobile-video { display: none;}
.organization-img .org-img { position: absolute; top: 0; left: 0; z-index: 9; max-width: 100%; height: 100%; border-radius: 4px; object-fit: cover; object-position: top;}
.organization-right { flex:0 1 50%;padding-left: calc((100% - 1280px) / 2);}
.organization-right h2 { font-size: 2rem; line-height: 1.3; color: var(--txt-dblack); margin-bottom: 25px;}
.organization-right h2 span { color: var(--txt-violet); font-weight: 500;}
.organization-right h3 { font-size: 1.375rem; line-height: 1.3; color: var(--txt-dblack); margin-bottom: 40px;}
.item-link { display: flex; align-items: center; gap: 8px; font-size: 1.125rem; margin-bottom: 28px;}
.item-link a { font-size: 1.125rem; font-weight: 400; text-decoration: none; color: var(--txt-black);transition: all 0.8s ease; padding-bottom: 12px; position: relative;}
.item-link a i { transform: rotate(-45deg);transition: all 0.8s ease;color: var(--txt-black);}
.item-link a span.arrow { font-size: 1rem; margin-left: 8px;background: url("../images/arrow-right.svg") no-repeat center;  width: 21px;height: 21px;display: inline-block;transition: all 0.5s ease; position: relative; top: 5px;}
.item-link a::after { position: absolute; content: ''; width: 13px; height: 1px; left: 0; bottom: 0px; background: var(--bg-black);transition: all 0.8s ease;}
.item-link a:hover { color: var(--txt-violet); font-size: 1.5rem;}
.item-link a:hover i { color: var(--txt-violet); font-size: 1.8rem; }
.item-link a:hover::after { width: 100%;}
.item-link a:hover span.arrow {background: url("../images/arrow-right-h.svg") no-repeat center;  width: 28px;height: 34px;top: 10px; background-size: contain;}

.home-blog {width: 100%; float: left; padding: 80px 0; background: #F2F2F2;}
.home-blog .reinforce-main {padding: 25px; row-gap: 20px; box-shadow: 0 4px 6px -2px rgba(15, 15, 20, 0.03);background: var(--bg-white); column-gap: 3.2%;}
.home-blog .reinforce-main h5 { display: inline-flex; align-items: center; padding: 7px 11px; font-size: 0.875rem; line-height: 1.1; font-weight: 500; color: var(--txt-violet); background: #EEEEEE; border-radius: 4px; margin-bottom: 15px;}
.home-blog .reinforce-main h5 .dot { width: 8px; height: 8px; background: var(--bg-violet); border-radius: 50%; margin-right: 8px;}

/*counter sec*/
.counter-sec { float: left; width: 100%; padding: 80px 0;}
.counter-sec.lgrey-bg { background: #F6F6F6;}
/* .counter-sec .div-center { flex: 0 1 calc(100% - 160px);} */
.counter-img { flex: 0 1 47.6%; border-radius: 4px; overflow: hidden; position: relative;}
.counter-img img { float: left; width: 100%;}
.counter-img img.dummy-img { opacity: 0; max-height: 470px;}
.counter-img img.org-img { position: absolute; left: 0; top: 0; width: 100%; object-fit: cover;}

.counter-cnt { flex: 0 1 49.1%;}
.d-flex.align-top h2 { font-size: 3rem; line-height: 1.3; color: var(--txt-black); margin-bottom: 30px;}
.d-flex.align-top h2 span { color: var(--txt-violet); font-weight: 500;}
.d-flex.align-top p { font-size: 1.125rem; line-height: 1.6; color: var(--txt-black); margin-bottom: 45px;}
.counter-cnt h2 { font-size: 48px; line-height: 1.2; color: var(--txt-lblack); margin-bottom: 50px;}
.counter-cnt h2 span { color: var(--txt-purple);}
.counter-cnt ul { width: 100%; display: flex; flex-wrap: wrap;}
.counter-cnt ul li { flex: 0 1 100%; display: flex; flex-wrap: wrap; align-items: center; column-gap: 2%; border-bottom: 1px solid rgba(0, 0, 0, 0.17); padding-bottom: 30px; margin-bottom: 30px;}
.counter-cnt ul li h3 { flex: 0 1 26%; font-size: 64px; line-height: 1; font-weight: 700; }
.d-flex.align-top .counter-cnt ul li p { flex: 0 1 60%; font-size: 18px; line-height: 1.2;color: #181819; margin-bottom: 0;}
.counter-cnt ul li:last-child { margin-bottom: 0; }
.counter-cnt ul li:first-child h3 { color: var(--txt-orange);}
.counter-cnt ul li:nth-child(2) h3 { color: var(--txt-blue);}
.counter-cnt ul li:last-child h3 { color: var(--txt-purple);}
.counter-cnt ul li h3.violet { color: var(--txt-violet);}
.counter-cnt ul li h3.lblue, .counter-cnt ul li:nth-child(3) h3 { color: #38387D;}
.counter-cnt ul li h3.vblue, .counter-cnt ul li:nth-child(2) h3, .counter-cnt ul li:nth-child(4) h3 { color: #5B58B2;}

.solution-section { float: left; width: 100%; padding: 60px 0 85px; background: var(--bg-lgrey2);}
.solution-section h2 { font-size: 3rem; line-height: 1.3; color: var(--txt-black); margin-bottom: 20px;}
.solution-section h2 span { color: var(--txt-violet); font-weight: 500;}
.solution-section p { font-size: 1.125rem; line-height: 1.6; color: var(--txt-black); margin-bottom: 40px;}

/* --- Grid Structure (The Core Layout) --- */
/* .grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, minmax(200px, 1fr)); gap: 20px; min-height: 500px; }
.grid-item { background-color: #fff; border: 1px solid #ddd; overflow: hidden; cursor: pointer; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); display: flex; flex-direction: column;

transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
will-change: grid-row, grid-column, transform;
backface-visibility: hidden; 
-webkit-font-smoothing: antialiased; 
} */
.grid-item:hover { box-shadow: 0 0 10px rgba(75, 0, 130, 0.15); /* transform: translateY(-2px); */}
.image-box { width: 100%; overflow: hidden; /* height: 0; opacity: 0; transition: height 0.30s ease, opacity 1s;*/}
.image-box img { width: 100%; height: 100%; object-fit: cover; display: block;}
.grid-item.animate-x{ transition: box-shadow 0.4s ease, transform 0.4s ease, grid-column 0.4s ease, grid-row 0.4s ease; transition-duration: 1s;}
.grid-item.animate-y{ transition: box-shadow 0.4s ease, transform 0.4s ease, grid-column 0.4s ease, grid-row 0.4s ease; transition-duration: 1s;}


/* .grid-item {
  transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  will-change: grid-row, grid-column, transform;
  backface-visibility: hidden; 
  -webkit-font-smoothing: antialiased; 
}

.grid-item.animate-x { transition-duration: 1s; }
.grid-item.animate-y { transition-duration: 1s; } */


/* --- Content Styling --- */
/* .content-wrap { padding: 25px; flex-grow: 1; position: relative; } */
.solution-section .image-box { display: none;}
.solution-section .tile:first-child .image-box { display: block;}
.content-wrap h3 { color: #33336D; font-weight: 500; margin-top: 0; margin-bottom: 8px; font-size: 22px;}
.content-wrap .top-meta span { color: #656565; font-size: 16px; font-style: italic; margin-bottom: 0px; display: block;}
.content-wrap p { color: #000000; font-size: 18px; margin-bottom: 0px; }
.content-wrap span.read-more { position: absolute; bottom: 15px; text-decoration: none; font-weight: 700; margin-top: 0; }
/* .grid-tiles .tile.active .top-meta  { display: flex;} */
.grid-tiles .tile.active .content-wrap { padding-top: 10px;}

/** Active State **/
.grid-item.is-active { box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12); transform: scale(1.0); /* Resetting hover */}
.grid-item.is-active .image-box { height: 260px; /* Desired height for the image */ opacity: 1;}
.grid-item:not(.is-active) .image-box { height: 0; opacity: 0;}
.tile { z-index: 1; }
.tile.active { z-index: 2; }



.hero-section { float: left; width: 100%; background:var(--bg-vblue); padding: 70px 0; position: relative;}
.hero-section::after { position: absolute; display: none; content: ''; width: 525PX; height: 100%; right: 182px; top: 0px; background: url("../images/shape-7.svg") no-repeat center;}
.hero-wrap {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; position: relative; z-index: 1;}
.hero-content { flex: 0 1 39.5%; padding-right: 20px;}
.hero-image { flex: 0 1 43.3%; position: relative;}
.hero-content h2 { font-size: 2rem; font-weight: 300; color: var(--txt-white); margin-bottom: 20px; line-height: 1.3;}
.hero-content span { font-weight: 500; font-size: 2.625rem;display: block;margin-top: 5px; margin-bottom: 5px;}
.hero-content a { display: inline-block; text-decoration: none; color: #4b0082; background-color: #ffffff;  padding: 7px 15px;
  border-radius: 4px; font-weight: 500; margin-top: 30px; transition: background-color 0.2s, color 0.2s; border: 2px solid white;}
.hero-content a:hover { background-color: transparent; color: white;}
@media (max-width: 900px) {
  .hero-inner-container {flex-direction: column; width: 95%;}
  .hero-content { padding-right: 0; margin-bottom: 30px;}
  .hero-content h2 { font-size: 1.5em; }
  .hero-content strong { font-size: 1.2em;}
}

.testimonials-sec.lgrey-bg { background: var(--bg-lgrey2);}
.testimonials-sec.solutions.grey-bg { background: var(--bg-lgrey2);}

.insights-sec { float: left; width: 100%; padding: 80px 0 100px;}
.insights-sec h2 { font-size: 3rem; line-height: 1.3; color: var(--txt-black); margin-bottom: 40px;}
.insights-container { width: 100%; display: flex; flex-wrap: wrap; gap: 20px; padding: 0 0px; /* Padding for the sides */
  overflow-x: hidden; /* Allows horizontal scrolling/sliding */ }
/* Hide scrollbar for WebKit browsers */
.insights-item::-webkit-scrollbar { display: none; }
.insights-item {
  background-color: #fff;
  border-radius: 4px; 
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
  transition: box-shadow 0.3s ease;
  display: flex; /* Flex container for content inside */
  flex-wrap: wrap;
  /* Set a consistent height for all items to simplify layout */
  /* height: 348px; */ padding: 10px; border: 1px solid #EBEBEB; 
}
.insights-item div { position: relative; border-radius: 4px; overflow: hidden; float: left; width: 100%;}
.insights-item div img { transition: all .5s ease;}
.insights-slide .swiper-backface-hidden .swiper-slide:hover .insights-item div img { transform: scale(1.05);}
/* .insights-item .insight-img { float: left; width: 100%; position: relative;} */
.insights-item .insight-img .org-img, .insights-item .org-img { position: absolute; left: 0; top: 0; object-fit: cover; width: 100%; height: 100%;}

.insights-item > div:hover {
 /*  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);*/
}

/* --- Default Image/Media Box Styling (Fallback/Base) --- */
.insights-item > div > div:first-of-type {
  height: 50%; /* Default 50/50 split */
  overflow: hidden;
  background-color: #eee;
}

/* Image styling */
.insights-item > div > div:first-of-type img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.insights-item > div:nth-child(2) > div:first-of-type {
  height: 80%;
}
.insights-item > div:nth-child(3) > div:first-of-type {
  height: 0;
}
.insights-item > div > div:last-of-type {
  padding: 20px;
  flex-grow: 1; /* This grows to fill the remaining height */
  display: flex; 
  flex-direction: column;
  justify-content: space-between;
}
.insights-item > div:nth-child(3) > div:last-of-type {
  height: 100%; 
}
/* Title H3 */
.insights-item > div h3 {
  font-size: 1.5rem;
  color: #101828;
  margin-top: 15px;
  margin-bottom: 15px;
  font-weight: 400;
  min-height: 70px;

  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;

}
.insights-item > div h3 span { font-size: 1.75rem; font-weight: 500; display: block;}
/* .insights-slide .swiper-backface-hidden .swiper-slide { width: auto !important;}
.insights-slide .swiper-backface-hidden .swiper-slide:first-child .insights-item { width: 410px;}
.insights-slide .swiper-backface-hidden .swiper-slide:nth-child(2) .insights-item { width: 520px;}
.insights-slide .swiper-backface-hidden .swiper-slide:nth-child(3) .insights-item { width: 302px;} */
/* .insights-slide .swiper-backface-hidden .swiper-slide:nth-child(2) .insights-item img { min-height: 195px; object-fit: cover;} */

/* Read More Link A */

.insights-item > div a:hover {
  color: #000000;
}

/* --- Ebook Specific Styling (For the last item) --- */
/* Targeted by nth-child */
.insights-item > div:nth-child(3), .violet-bg {
  background: var(--bg-violet); /* Solid purple background */
  color: #fff; /* White text for contrast */
  position: relative; align-items: flex-end;
  
}
.insights-item.violet-bg::after { position: absolute; content: ''; width: 238PX; height: 100%; right: 0px; top: 0px; background: url("../images/insights-shape.svg") no-repeat center;}
.insights-item .badge { position: absolute; top: 0px;right: 0px; background: var(--bg-vblue); color: #fff; padding: 6px 15px 6px 25px; border-radius: 2px 4px 2px 2px; font-size: 0.875rem; line-height: 1.15; font-weight: 500; display: flex;flex-wrap: wrap;align-items: center;column-gap: 8px;}
.insights-item .badge::after { position: absolute; content: ''; left: 12px; top: 10px; width: 8px; height: 8px; display: inline-block; background: var(--bg-white); border-radius: 50px;}
.insights-item > div:nth-child(3) h3, .insights-item.violet-bg > div h3  {
  color: #fff;
  margin-top: 10px;
}
.insights-item a.read-more { margin-top: 0;display: inline-block;}

.insights-item > div:nth-child(3) a, .insights-item.violet-bg > div a, .insights-item.violet-bg > div p {
  color: #fff; position: relative; z-index: 1;
}
.insights-item.violet-bg > div a { margin-top: 75px;}
/* Ebook Tag & Metadata */
.insights-item > div:nth-child(3) > div:last-of-type > p:first-of-type {
   font-size: 0.8em;
   font-weight: bold;
   text-transform: uppercase;
   color: #ddd;
   margin-bottom: 5px;
}
.insights-item.violet-bg > div a:hover { color: var(--txt-dgrey);}
/* Placeholder items use default styling and are not explicitly required to match a specific ratio */


/* --- Media Queries for Responsiveness --- */
@media (max-width: 900px) {
  .insights-item > div {
      flex: 0 0 calc(50% - 10px); /* 2 items per row */
      height: 350px; /* Adjust height for smaller screens */
  }
}

@media (max-width: 600px) {
  .insights-item > div {
      flex: 0 0 calc(100% - 10px); /* 1 item per row */
      height: 300px; /* Adjust height for mobile */
  }
}

.insights-slide { float: left; width: 100%; position: relative;}
.insights-slide .swiper-horizontal { overflow: hidden;}
.insights-slide .swiper-pagination-bullets { display: none;}
.insights-slide .swiper-nav-insights {position:absolute;right:0;display:flex; justify-content:space-between;left: 0; width: 100%; bottom: auto; top: 42%; transform: translateY(-50%); z-index: 1;}
.insights-slide .swiper-button-prev-insights, .insights-slide .swiper-button-next-insights {position:absolute; cursor:pointer; display:flex; align-items:center; justify-content:center; font-size:3rem; font-weight: normal; color:var(--txt-violet); transition:color 0.3s ease;transition: all 0.5s ease;}
.insights-slide .swiper-button-prev-insights i, .insights-slide .swiper-button-next-insights i { font-weight: 600;}
.insights-slide .swiper-button-prev-insights {left:-30px;}
.insights-slide .swiper-button-next-insights {right:-30px;}
/* .testimonials-slide .swiper-button-prev-testimonials.swiper-button-disabled, .testimonials-slide .swiper-button-next-testimonials.swiper-button-disabled {color:rgba(0, 0, 0, 0.32);} */
.insights-slide .swiper-button-prev-insights:hover, .insights-slide .swiper-button-next-insights:hover {color:var(--txt-black);}
.insights-slide .swiper-button-prev-insights.swiper-button-disabled, .insights-slide .swiper-button-next-insights.swiper-button-disabled {color:rgba(1.6, 186, 186, 0.2); display: none;} 
.insights-slide .swiper-button-prev-insights:hover.swiper-button-disabled, .insights-slide .swiper-button-next-insights:hover.swiper-button-disabled { cursor: auto; color:rgba(1.6, 186, 186, 0.02);} 

.advisors-sec.violet { background: var(--bg-violet);}

/************** Who We Are **************/
.quote-wrapper { float: left; width: 100%; padding-top: 80px; position: relative;}
.quote-wrapper.about { padding-bottom: 80px;}
.quote-wrapper .outreach-quote-box { max-width: 80%; margin: 0 auto; padding-top: 60px; float: none; margin: 0 auto;}
.quote-wrapper p { font-size: 1.75rem; font-style: italic; line-height: 1.5; color: var(--txt-black); padding-left: 90px; margin-bottom: 0; padding-right: 0;}
.quote-wrapper .quote-icon { background: url("../images/quote-ico1.svg") no-repeat center; width: 151px; height: 121px;background-size: contain; top: 0;left: -67px; }
.quote-wrapper .author-rgt { width: 87%;}
.author-rgt { margin-top: 20px; display: flex; align-items: center; gap: 20px; margin-left: 0; width: 100%; justify-content: right; float: left;}
.author-rgt span { display: block;}
.author-rgt h5 { font-weight: 500; font-size: 1.75rem; line-height: 1.1;color: var(--txt-black); margin-bottom: 7px;}
.author-rgt h6 { font-size: 1.375rem;line-height: 1.1; font-weight: 500; color: var(--txt-black); margin-bottom: 5px;}
.author-rgt a { transition: all 0.5s ease;}
.author-rgt div img { width: auto;}
.author-rgt-img { width: 100px; height: 100px; border-radius: 50%;}

.suite-sec {float:left; width:100%; position:relative;height: auto;overflow: hidden;background: #fff;z-index: 5;display:flex; align-items:center; flex-wrap:wrap; justify-content:center;}
.suite-sec .row{position:relative;height:100%;}
.suite-target{ width:100%; text-align:center; position:relative; max-width: 83%; margin:0 auto;}
.suite-sec .banner-videos{ float:left; width:100%; position:relative; overflow:hidden; height:auto; }
.suite-sec video{ width:100%; height:100%; object-fit:cover;}
.suite-sec .org-img{ position:absolute; top:0; left:0;z-index:9; max-width:100%; height:100%; object-fit:cover; object-position:top;}
.suite-sec .dummy-img{width:100%; display:block;}
.video-content {position: static;width: 100%;text-align: center;z-index: 10;opacity: 1;padding: 40px 0 60px; float: left;}
.video-content p{width:100%;color:#000;font-size:18px;line-height:1.6;text-align:center;}

/* Apart section */
.apart-sec{float:left;width:100%;}
.apart-top-sec {position: relative;z-index: 4;background: #fff;}
.about-img {float:left;width: 100%;overflow: hidden;z-index: 1; position: relative;}
.about-img .apart-cnt h2 { color: var(--txt-black);}
.apart-sec > img{float:left;width:100%;position:fixed;top:0;left:0;height:100vh;object-fit:cover;z-index:-1;}
.about-img img {width: 100%;height: 100%;object-fit: cover;}
.apart-wrap {float:left;width:100%;position: absolute;z-index: 2;margin-top: 0;padding-bottom: 0;max-width: 1280px;top: 50%;transform: translateY(-50%);}
.apart-top-cnt{padding-top: 0; background: transparent;}
.apart-top-cnt h2{font-size:48px;line-height:1.2;color:var(--txt-white);font-weight:500;text-align:left;margin-bottom:40px;position: relative; z-index: 3;}
.apart-top-cnt ul{display:flex;flex-wrap:wrap;column-gap:2.1%;list-style:none; position: relative; z-index: 3;}
.apart-top-cnt ul li{flex:0 1 23.4%;transition:all .4s ease;background:var(--bg-white);box-shadow:0 0 17px 0 rgba(0,0,0,.12);padding:30px 30px 30px;border-radius:4px;height:226px;text-align:left;display: flex;flex-wrap: wrap;align-items: center;}
.apart-top-cnt ul li h3{font-size:20px;color:var(--txt-violet);font-weight:500;margin-bottom:10px;}
.apart-top-cnt ul li p{font-size:16px;line-height:1.5;color:var(--txt-black);}
.apart-cnt{position:relative;text-align:center;width:100%;margin:0 auto;opacity:0;transform:translateY(150px);transition:opacity .3s linear, transform .3s linear;}
.apart-cnt h2{font-size:48px;line-height:1;color:var(--txt-white);font-weight:500;text-align:left;margin-bottom:40px;}
.apart-cnt ul{display:flex;flex-wrap:wrap;column-gap:2.1%;list-style:none;}
.apart-cnt ul li{flex:0 1 23.4%;transition:all .4s ease;background:var(--bg-white);box-shadow:0 0 17px 0 rgba(0,0,0,.12);padding:30px;border-radius:4px;height:226px;text-align:left;}
.apart-cnt ul li h3{font-size:20px;color:var(--txt-violet);font-weight:500;margin-bottom:10px;}
.apart-cnt ul li p{font-size:16px;line-height:1.5;color:var(--txt-black);}
.apart-cnt ul li:hover{background:#000;padding-top:40px;color:#fff;}
.apart-cnt ul li:hover h3,.apart-cnt ul li:hover p{color:#fff;}

@media(max-width:900px){
.apart-cnt ul li{flex:0 1 48%;margin-bottom:20px;}
}
@media(max-width:600px){
.apart-cnt ul li{flex:0 1 100%;}
}

.culture-sec { float: left;position: relative; width: 100%;background: #fff; padding: 60px 0 60px;z-index: 3;}
.culture-cont { float: left; width: 100%; }
.culture-cont h2 { font-size: 2rem; line-height: 1.2; color: var(--txt-black); font-weight: 400; margin-bottom: 30px; }
.culture-cont p { font-size: 1.125rem; line-height: 1.5; color: var(--txt-black); font-weight: 400; margin-bottom: 27px; }
.culture-list { float: left; width: 100%; display: flex; column-gap: 2%;flex-wrap: wrap; margin-top: 30px;}
.culture-lft { width: 32.1%;}
.culture-rgt { width: 65.9%;}
.culture-list ul { float: left; width: 100%;display: grid;gap:23px;grid-template-columns:1.4fr 1fr .8fr 1fr;}
.culture-list ul li {float: left;width:100%;position:relative;}
.culture-list ul li a { float: left; width: 100%; height: 100%;}
.culture-list ul li.wide { flex: 0 1 63.9%;}
.culture-list ul li.sml { flex: 0 1 33.1%;}
.tile{ overflow: hidden; background: #eee; }
.tile-1{ grid-column: 1 / 2; grid-row: 1 / 3; }
.tile-2{ grid-column: 2 / 4; grid-row: 1 / 2; }
.tile-3{ grid-column: 4 / 5; grid-row: 1 / 2; }
.tile-4{ grid-column: 2 / 3; grid-row: 2 / 3; }
.tile-5{ grid-column: 3 / 5; grid-row: 2 / 3; }
.culture-list ul li .que-facer-img {float:left;width:100%;height: 100%;overflow: hidden; border-radius: 4px;}
.culture-list ul li  img{float: left;width:100%; border-radius: 5px;height: 100%; transition: all .5s ease;}
.culture-list ul li .que-facer-cont{position:absolute;bottom:26px;padding: 0 30px;}
.culture-list ul li .que-facer-cont h3 {float: left;width:100%;font-size: 32px;line-height: 45px; letter-spacing: 0.3px; font-family: 'PlayfairDisplay-Bold'; color: #fff;}
.culture-list ul li:hover .que-facer-img img{transform: scale(1.05);}
.culture-list ul li.wide img, .culture-list ul li.sml img { max-height: 317px; object-fit: cover;}

/* fixed header title */
/* .journey-header-wrap{float:left;width:100%;position:sticky;top:0;z-index:10;background:#ffffff;padding:40px 0 10px;}
.journey-header-wrap .row { position: relative;}
.journey-title h2{font-size:2rem;line-height:1.3;color:var(--txt-black);font-weight:500;margin-bottom:0;}
.journey-title h2 span{color:var(--txt-violet);} */

/* section + pin */
/* .journey-sec{float:left;width:100%;position:relative;padding-bottom:80px;overflow:hidden;}
.journey-pin-wrapper{position:relative;margin-top:40px; overflow: hidden; padding-bottom: 80px !important;}
.journey-inner{position:relative;display:flex;align-items:flex-start;padding-top:40px; padding-left:calc((100% - 1280px) / 2); width:100vw;padding-bottom:320px;overflow:visible;}
.journey-shape{position:absolute;width:391px;height:410px;left:100px;top:40px;background:url("../images/journey-shape.svg") no-repeat center/contain;pointer-events:none;transform-origin:center center;transform:scale(1);opacity:0.7;z-index:0;margin-top: -17px;}
.journey-track{display:flex;column-gap:40px;position:relative;z-index:1;will-change: transform;}
.journey-item{flex:0 0 var(--item-width);width:var(--item-width);padding:20px 20px;cursor:default;opacity:0.6;background:transparent;border-radius:5px;will-change:transform,opacity,background;flex: 0 0 auto;} */

/* permanent vertical stagger */
/* .journey-item:nth-child(1){transform:translateY(0);}
.journey-item:nth-child(2){transform:translateY(calc(var(--stagger-amount) * 1));}
.journey-item:nth-child(3){transform:translateY(calc(var(--stagger-amount) * 2));}
.journey-item:nth-child(4){transform:translateY(calc(var(--stagger-amount) * 3));}
.journey-item:nth-child(5){transform:translateY(calc(var(--stagger-amount) * 4));}
.journey-item:nth-child(6){transform:translateY(calc(var(--stagger-amount) * 5));} */

.journey-item h3{font-size:1.75rem;line-height:1.4;color:#1B1833;font-weight:500;margin-bottom:10px;}
.journey-item p{font-size:1.125rem;line-height:1.6;color:#999999;margin-bottom:7px;font-weight:400;}
.journey-li, .journey-content ul{list-style:none;padding-left:0;margin-top:5px;display:flex;flex-wrap:wrap;row-gap:5px;}
.journey-li li, .journey-content ul li{flex:0 1 100%;font-size:1.125rem;line-height:1.6;color:#999999;position:relative;padding-left:18px;}
.journey-li li::after, .journey-content ul li:after {content:'';position:absolute;left:0;top:10px;width:6px;height:6px;border-radius:50%;background:#999999;}
.journey-item.active{background:#F8F4E5;opacity:1;}
.journey-item.active h3{color:var(--txt-violet);}
.journey-item.active p,
.journey-item.active .journey-content li{color:var(--txt-black);}
.journey-item.active .journey-content li::after{background:var(--txt-black);}

@media (max-width:900px){
.journey-inner{padding:0 30px;padding-bottom:30px;}
.journey-shape{left:40px;}
}

.journey-sec{float:left;width:100%;position:relative;padding:55px 0 35px; background: #F9F9F9;}
.journey-inner{position:relative;display:flex; flex-wrap: wrap; align-items: flex-start;justify-content: space-between; padding-top:40px; padding-left:0; width:100%;padding-bottom:0;float: left; position: relative;}
.journey-lft { flex: 0 1 50%; position: sticky; top: 120px;align-self: flex-start; }
.journey-shape{  width:341px;height:828px;left:0;top:0px;background:url("../images/journey-shape1.svg") no-repeat center/contain;pointer-events:none;}
/* .journey-shape{width:391px;height:410px;left:100px;top:40px;background:url("../images/journey-shape.svg") no-repeat center/contain;pointer-events:none;} */
.journey-track{display:flex;column-gap:40px;position:relative;z-index:1;width: 50%;float: left;flex: 0 1 50%;flex-wrap: wrap; row-gap: 25px; padding-right: calc((100% - 1280px) / 2);}
.journey-item{flex:0 0 var(--item-width);width:100%;padding:30px 50px;cursor:default;background: #ffffff; flex: 0 0 auto;border: 1px solid #CDCDCD; border-radius: 4px; position: relative;} 
.journey-item::after{ content: ''; position: absolute; width:49px;height:49px;left:50px;bottom:-36px;background:url("../images/journey-arrow.svg") no-repeat center/contain;pointer-events:none; z-index: 1;}
.journey-lft h2{ font-size:3.25rem;line-height:1.3; color:var(--txt-lblack); font-weight:500; margin-bottom:0;padding-left: calc((100% - 535px) / 2);}
.journey-item:last-child:after { display: none;}

.social-impact-sec { float: left; width: 100%; padding: 80px 0;}
.social-wrap { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; row-gap: 40px;}
.social-left { width: 41%;padding-left: 0; padding-top: 10px;}
.social-left h2 { font-size: 2.625rem; line-height: 1.3; color: var(--txt-black); font-weight: 400; margin-bottom: 25px;}
.social-left h2 span { color: var(--txt-violet); font-weight: 500;}
.social-left h4 { display: inline-flex; align-items: center; padding: 7px 12px; font-size: 0.875rem; line-height: 1.2; font-weight: 500; color: var(--txt-violet); background: #EEEEEE; border-radius: 4px; margin-bottom: 22px;}
.social-left h4 .dot { width: 8px; height: 8px; background: var(--bg-violet); border-radius: 50%; margin-right: 8px;}
.social-left p { font-size: 1.125rem; line-height: 1.5; margin-bottom: 30px; font-weight: 400; padding-right: 0px;}
.social-left ul { list-style: none; padding: 0; margin: 0;}
.social-left ul li { display: flex; align-items: center; gap: 15px; font-size: 1.5rem; line-height: 1.2; font-style: italic; color: var(--txt-dblack); margin-bottom: 22px;}
.social-left ul li:last-child { margin-bottom: 0;}
.social-left ul li img { width: 34px; height: 34px; object-fit: contain;}
.social-right { width: 57%;}
.social-right img { width: 100%; height: auto; display: block;}
.btn-group { float: left; }
.btn-group ul{float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 25px; row-gap: 20px;}
.btn-group ul li{flex: 0 1 auto;}
.btn-group a{background: var(--bg-violet); border-radius: 4px; padding: 9px 15px; font-size: 1.125rem; line-height: 1.2; font-style: normal; font-weight: 500; color: var(--txt-white); display: inline-flex; transition: all 0.5s ease;}
.btn-group a:hover{background: var(--bg-black);}
.btn-group a span { background: url("../images/download-black.svg") no-repeat center; width: 22px; height: auto; margin-left: 10px; display: inline-block;}
.btn-group a.download-btn { background: none; color: var(--txt-black); border: 1px solid var(--bg-violet); }
.btn-group a.download-btn:hover { background: var(--bg-black); color: var(--txt-white); border: 1px solid var(--bg-black);} 
.btn-group a.download-btn:hover span { background: url("../images/download.svg") no-repeat center;}


.facilitator-sec { float: left; width: 100%; padding: 10px 0 80px;}
.facilitator-tittle h2 { font-size: 2rem; line-height: 1.3; color: var(--txt-black); font-weight: 500; margin-bottom: 30px;}
.facilitator-tittle p { font-size: 1.125rem; line-height: 1.6; margin-bottom: 30px; font-weight: 400; margin-bottom: 20px;}
.facilitator-btm h4 { font-size: 2rem; line-height: 1.3; color: var(--txt-black); font-weight: 500; margin-bottom: 35px;}
.requirements-sec { float: left; width: 100%; background: #F8EFF2; padding: 30px 20px; border-radius: 4px;}
.requirements-sec h3 { font-size: 1.375rem; line-height: 1.3; color: var(--txt-black); font-weight: 500; margin-bottom: 20px;}
.requirements-sec ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 3%; row-gap: 40px; align-items: flex-start; padding: 0; margin: 0;}
.requirements-sec ul li { flex: 0 1 48.5%; display: flex; flex-wrap: wrap; align-items: flex-start; gap: 15px;  font-size: 1.125rem; line-height: 1.6; margin-bottom: 0px; font-weight: 400;}
.requirements-sec ul li:last-child { margin-bottom: 0;}
.requirements-sec ul li img { width: 34px; height: 34px; object-fit: contain;}
.facilitator-btm { float: left; width: 100%; margin-top: 40px; }
.facilitator-sec a { background: var(--bg-violet); height: 35px; min-width: 91px; color: var(--txt-white); padding: 0 20px; font-size: 1rem; font-weight: 500; border-radius: 4px; display: inline-flex; align-items: center; justify-content: center; position: relative; transition: all 0.5s ease;margin-bottom: 40px; }
.facilitator-sec a:hover { background: var(--bg-black); color: var(--txt-white);}
.facilitator-btm p  { font-weight: 700; margin-bottom: 7px;}
.note-list { float: left; width: 100%;}
.note-list p { display: block; width: 100%;}
.note-list ul { display: flex; flex-wrap: wrap; row-gap: 7px;}
.note-list ul li { flex: 0 1 100%; font-weight: 700;}
.requirements-sec ul li p { width: calc(100% - 45px); font-size: 1.125rem; line-height: 1.6; margin-bottom: 0px; font-weight: 400;}
.requirements-sec ul li .last-li { width: 100%; display: flex; flex-wrap: wrap; row-gap: 40px;column-gap: 15px;}

/************** library-listing **************/
.tab-sec { float: left; width: 100%; padding: 50px 0 20px;}
.tab-links { display: flex; gap: 36px; align-items: center;}
.tab-links li { display: inline-block; }
.tab-links a { text-decoration: none; color: var(--txt-black); font-size: 1rem; font-weight: 400; padding-bottom: 8px; display: inline-block;transition: all 0.5s ease;}
.tab-links a.active, .tab-links a:hover { color: var(--txt-violet); font-weight: 500;position: relative;}
.tab-links a.active::after { content: ""; position: absolute;left: 0; right: 0; bottom: -6px; height: 1px; background: var(--bg-violet); width: 100%; margin: 0 auto; }
.tab-links a::before {display: block; content: attr(title); font-weight: 500; font-size: 1rem; height: 1px;color: transparent;overflow: hidden;visibility: hidden;}

.filters-sec { float: left; width: 100%; padding-bottom: 60px; position: relative; z-index: 10;}
.filters-sec ul { display: flex; flex-wrap: wrap; column-gap: 2.1%; row-gap: 20px; align-items: flex-start;}
.filters-sec ul li { flex: 0 1 33%;}
.filters-sec ul li:last-child { flex: 0 1 43%;}
.coach-grid .filters-sec ul { display: flex; flex-wrap: wrap; column-gap: 2.1%; row-gap: 20px; align-items: flex-start;}
.coach-grid .filters-sec ul li { flex: 0 1 33%;}
.coach-grid .filters-sec ul li:last-child { flex: 0 1 43%;}
.filters-sec .frm-select {width: 100%;}
.filters-sec  label{ width:auto; color: var(--txt-white); font-size:1rem; line-height: 24px; margin-right: 12px;}
.filters-sec .sbHolder { width:100%; position:relative; background: var(--bg-white); padding:0; }
.filters-sec .sbSelector {color: var(--txt-lglgrey);font-size: 1.125rem;line-height: 1.4; height: 41px;padding: 5px 13px;border: 1px solid var(--brd-solid);border-radius:4px; }
.filters-sec .sbToggle { position:absolute; content:""; background: url(../images/check-aero.svg) no-repeat; right: 16px; top: 16px; left:auto; width:15px; height:9px; padding: 0;transition: all 0.5s ease;}
/* .filters-sec .sbHolder a {padding: 10px 20px;width: 100%;display: flex;align-items: center;text-align: left; height: 41px;color: var(--txt-lglgrey) !important;font-size: 1.125rem !important;line-height: 1.1 !important; } */
.filters-sec .sbToggle.sbToggleOpen {transform: rotate(180deg); }
.filters-sec .sbHolder ul.sbOptions {width: 100%;display: flex;flex-wrap: wrap;column-gap: 0;row-gap: 0;border-radius:5px; position: absolute; z-index: 10;  max-height: 250px !important;
  height: auto; overflow-y: auto;  overflow-x: hidden;}
.filters-sec .sbHolder ul.sbOptions li { flex: 0 1 100%;}
.filters-sec .sbOptions a { padding: 7px 13px; height: auto;}
.filters-sec .sbHolder a:hover { color: var(--txt-violet) !important;}
/* .dropdown .filters-sec .sbHolder ul.sbOptions { position: relative; top: 0 !important;} */

/************** search **************/
.search-box {float: none;width: 100%;position: relative;padding: 0px 0px;display: inline-block; text-align: center; }
.search-box input[type="text"] {display: inline-block;width: 100%; border: 1px solid var(--brd-solid);border-radius:4px;padding: 0 35px 0px 13px;background: var(--bg-white);height: 41px;font-weight: 500;font-size: 1.125rem;line-height: 1.1;text-align: left;color: var(--txt-dlgrey); }
.search-box {  position: relative;  margin: 0 auto;}
.search-box input[type="text"] { outline: none;}
.search-box .submit-ar { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); cursor: pointer;}
.submit-ar {position: absolute;right: 7px;top: 50%;cursor: pointer;background: url(../images/search.svg) no-repeat center center; background-size: auto; width: 62px;
  height: 62px;border: none;padding: 0; transform: translateY(-50%);}
.submit-ar:hover { opacity: 0.7;}

.select_box.open { background-position: right 18px center; transform-origin: right center;}
 
.autocomplete-list { position: absolute; top: 60px; left: 0; right: 0; background: var(--bg-white); color: #333; border-radius: 10px; box-shadow: 0 4px 10px rgba(0,0,0,0.15);max-height: 200px;  overflow-y: auto;  z-index: 10;  text-align: left;}
.autocomplete-item { padding: 12px 20px; cursor: pointer;}
.autocomplete-item:hover { background: #f1f1f1;}
 
.library-sec { float: left; width: 100%; padding: 60px 0 80px;}
.library-sec h2 { font-size: 1.75rem; line-height: 1.2; color: var(--txt-dblack); font-weight: 500; }
.library-list { float: left; width: 100%; transition: all 0.5s ease;}
.library-list ul { width: 100%; display: flex; flex-wrap: wrap; column-gap: 3%; row-gap: 30px;}
.library-list ul li { flex: 0 1 31.33%; position: relative;box-shadow: 0 4px 6px -2px rgba(15, 15, 20, 0.03);border-radius: 4px; padding: 25px 25px 0;}
.library-img { float: left; width: 100%; position: relative; overflow: hidden;}
.library-img img { float: left; width: 100%; transition: all 0.5s ease;}
.library-img img.org-img { position: absolute; top: 0; left: 0; z-index: 9; max-width: 100%; height: 100%; object-fit: cover;}
.library-cont {float: left; width: 100%; padding:30px 0px 80px; display: flex; flex-wrap: wrap; align-content: flex-start; transition: all 0.5s ease; }
.library-cont h4 { float: left; width: 100%; font-weight: 500; color: var(--txt-vblue); font-size: 0.875rem; line-height: 1.2; position: relative; margin-bottom: 20px;}
.library-cont h3 { float: left; width: 100%; font-weight: 500; color: var(--txt-title); font-size: 1.5rem; line-height: 1.2; transition: all 0.5s ease; margin-bottom:10px; }
.library-cont p { float: left; width: 100%; color: var(--txt-ltgrey); font-size: 1rem; line-height: 1.4; position: relative; margin-bottom:12px; transition: all 0.5s ease;}
.library-cont .author { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 13px; align-items: center;}
.library-cont .author-img { flex: 0 1 40px;}
.library-cont h5 { color: var(--txt-title); font-size: 0.875rem; line-height: 1.2; font-weight: 500; position: relative; margin-bottom: 0px; transition: all 0.5s ease;}
.library-cont span.read-more {position: absolute; bottom:25px; left:0; margin-top:0px; }
.library-cont span { position: absolute; bottom:25px; left:0px; padding-left: 25px; color: var(--txt-dkgrey); font-size: 0.875rem; line-height: 1.2; font-weight: 300; position: relative; margin-bottom: 0px; transition: all 0.5s ease;}
.load-more { position: relative; width: 100%; float: left; text-align: center; margin-top: 60px;}
.load-more a { background: var(--bg-violet); height: 38px; min-width: 134px; color: var(--txt-white); padding: 0 20px; font-size: 1.125rem; font-weight: 500; border-radius: 4px; display: inline-flex; align-items: center; justify-content: center; position: relative; transition: all 0.5s ease; }
.load-more a:hover { background: var(--bg-black); color: var(--txt-white);}

/************** expertise-communicating **************/
.expertise-sec { float: left; width: 100%; padding: 50px 0; background: var(--bg-dgrey);}
.expertise-main { float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;} 
.expertise-left { flex: 0 1 45.7%; padding-top: 25px;padding-right: 45px;}
.expertise-main h2 { font-size: 2rem; line-height: 1.2; color: var(--txt-black); font-weight: 400; margin-bottom: 30px; }
.expertise-main h2 span { color: var(--txt-violet);}
.expertise-main p { font-size: 1.125rem; line-height: 1.5; color: var(--txt-black); font-weight: 400; margin-bottom: 27px; }
.expertise-main p:last-child { margin-bottom: 0;}
.expertise-rgt { flex: 0 1 54.3%;}
.expertise-rgt ul { display: flex; flex-wrap: wrap; column-gap: 2.9%; row-gap: 20px;}
.expertise-rgt ul li { background: var(--bg-white); overflow: hidden; border-radius: 4px; flex: 0 1 41%; min-height: 316px; position: relative;}
.expertise-rgt ul li:nth-child(2) { padding: 10px;border: 1px solid var(--border-dgrey); flex: 0 1 56.1%; }
.expertise-rgt ul li:nth-child(3), .expertise-rgt ul li:last-child { padding: 10px;border: 1px solid var(--border-dgrey); flex: 0 1 48.5%;}
.expertise-rgt ul li img.org-img { position: absolute; left: 0; top: 0; object-fit: cover; height: 100%;  width: 100%;}

.expertise-rgt .thumb { float: left; width: 100%; position: relative; height: 50%;}
.expertise-rgt .badge { position: absolute; top: 0px;right: 0px; background: var(--bg-cyan); color: #fff; padding: 6px 15px 6px 25px; border-radius: 2px 4px 2px 2px; font-size: 0.875rem; line-height: 1.15; font-weight: 500; display: flex;flex-wrap: wrap;align-items: center;column-gap: 8px;}
.expertise-rgt .badge::after { position: absolute; content: ''; left: 12px; top: 10px; width: 8px; height: 8px; display: inline-block; background: var(--bg-white); border-radius: 50px;}
.expertise-rgt .badge.blue { background: var(--bg-vblue); }
.expertise-rgt .badge.red { background: var(--bg-orange); }
.expertise-rgt .content { float: left; width: 100%; padding: 25px 0 0px; display: flex; flex-wrap: wrap;  height: 50%;flex-direction: column;justify-content: space-between;}
.expertise-rgt .content h3 { font-size: 1.375rem; line-height: 1.2; font-weight: 400; color: var(--txt-black); margin-bottom: 0px;}
.expertise-rgt .content a { font-size: 1.125rem; line-height: 1.2; font-weight: 500; color: var(--txt-violet); display: inline-flex; transition: all 0.4s ease;}
.expertise-rgt .content a:hover { color: var(--txt-black);}

a.read-more { color: var(--txt-violet); font-size: 1.125rem; line-height: 1.2; font-weight: 500; display: inline-flex; column-gap: 15px; align-items: center; transition: all 0.5s ease; margin-top: 50px; }
a.read-more:hover { color: var(--txt-black);}
a.read-more i { transform: rotate(-45deg);} 

.video-img{float:left;width:100%;position:relative;margin:0;border-radius:27.45px;}
.video-img::after{background:#EA4F6A;width:100%;height:100%;position:absolute;left:20px;top:20px;z-index:-1;}
.videoWrapper{position:relative;width:100%;height:100%;background-color:#000;border-radius:8px;height:100%;object-fit:cover;background-size:cover;}
.videoWrapper43{padding-top:75%;}
.videoIframe{position:absolute;top:0;right:0;bottom:0;border-radius:8px;left:0;width:100%;height:100%;background-color:transparent;}
.videoPoster{position:absolute;top:0;right:0;left:0;width:100%;border-radius:8px;height:100%;margin:0;padding:0;cursor:pointer;border:0;outline:none;background-position:50% 50%;background-size:100% 100%;background-size:cover;text-indent:-999em;overflow:hidden;opacity:1;-webkit-transition:opacity 800ms, height 0s;-moz-transition:opacity 800ms, height 0s;transition:opacity 800ms, height 0s;-webkit-transition-delay:0s, 0s;-moz-transition-delay:0s, 0s;transition-delay:0s, 0s;}
.videoWrapperActive .videoPoster{opacity:0;height:0;-webkit-transition-delay:0s, 800ms;-moz-transition-delay:0s, 800ms;transition-delay:0s, 800ms;}
.videoPlayButton{content:'';position:absolute;left:0;width:90px;right:0;height:90px;background:url(../images/play.svg) no-repeat scroll top  center;background-size:cover;z-index:2;cursor:pointer;transition:opacity 0.3s ease;margin:0 auto;top:40%;border-radius:8px;}
.videoWrapper169{padding-top:44.5%;}
.videoWrapperActive .vicap{display:none;}
.videoWrapperActive .videoPlayButton{display:none;}

.video-img{float: left; width: 100%; position: relative; border-radius: 10px; overflow: hidden;}
.video-img:after{position: absolute; content: ""; left: 0; top:0; width: 100%; height: 100%; background: rgba(0,0,0,16%);}
.video-img img{width: 100%; float: left;}
.video-img .home-video-div { position: absolute;left: 0;right: 0;margin: 0 auto;top: 50%;transform: translateY(-50%); z-index: 9;}
.video-img .home-video-div a { display: flex; align-items: center; justify-content: center; transition: all 0.5s ease;}
.video-img .home-video-div a img { float: left; width: 108px;}
.video-img .home-video-div a:hover { opacity: 0.7;}

.problem-section { float: left; width: 100%; padding: 50px 0 75px;}
.main-col { display: flex; flex-wrap: wrap; justify-content: space-between; row-gap: 25px;}
.left-col { flex: 0 1 50.7%;}
.right-col { flex: 0 1 49.3%; padding-right: 40px;}
.left-col h2 { font-size: 2rem; line-height: 1.2; font-weight: 400; color: var(--txt-dblack);}
.left-col h2 span { color: var(--txt-violet); font-weight: 500; display: block;}
.right-col p { font-size: 1.125rem; line-height: 1.5; color: var(--txt-black); font-weight: 400; margin-bottom: 30px; }

.tab-section { float: left; width: 100%; padding-bottom: 100px;}
.tab-main { display: flex; flex-wrap: wrap; gap: 40px; align-items: flex-start; justify-content: space-between; float: left; width: 100%;}
.tabs { flex: 0 1 40.7%; margin: 0; padding: 0;list-style: none;}
.tabs .tab { font-size: 1.25rem; margin-bottom: 25px; font-weight: 500; color: #AFAFAF; border-bottom: 1px solid #DDDDDD; padding-bottom: 20px; padding-left: 10px; cursor: pointer; position: relative; opacity: 1;transition: 0.3s;}
.tabs .tab:last-child { margin-bottom: 0;}
.tabs .tab::after { position: absolute; content: ''; background: #DDDDDD; width: 0; height: 1px; bottom: 0; left: 0; transition: all 1.5s ease;}
.tabs .tab.active { font-size: 1.375rem; color: #000000; padding-left: 0; border-bottom: none; opacity: 1;}
.tabs .tab.active::after { background: var(--bg-lblue); height: 2px; width: 100%;}
.tab-contents { flex: 0 1 49%;padding-right: 24px; position: relative; overflow: hidden;}
.tab-content {  position: absolute;opacity: 0;transform: translateY(40px);width: 100%;left: 0;top: 0;pointer-events: none;}
.tab-content.active { position: relative; opacity: 1; transform: translateY(0); pointer-events: auto;}
.tab-content h3 { font-size: 1.375rem; line-height: 1.2; color: var(--txt-lblue); font-weight: 500; margin-bottom: 22px; padding-left: 25px;}
.tab-content p { font-size: 1.125rem; line-height: 1.5; color: var(--txt-black); font-weight: 400; margin-bottom: 0px; padding-left: 25px; }

.tab-content ul { list-style: none; padding: 0; margin-top: 30px;display: flex; flex-wrap: wrap; column-gap: 4%; row-gap: 25px; }
.tab-content ul li { width: 48%; background: var(--bg-lblue); border-radius: 4px; color: #ffffff; padding: 30px 25px 25px;}
.tab-content ul h4 { color: var(--txt-white); font-size: 1.375rem; margin-bottom: 25px;}
.tab-content ul p { color: var(--txt-white); padding-left: 0; }
.tab-content ul li:first-child { background: #F3F3F3;}
.tab-content ul li:first-child h4 { color: var(--txt-lblue);}
.tab-content ul li:first-child p { color: var(--txt-black);}

/* .info-list { list-style: none; padding: 0; margin-top: 30px;display: flex; flex-wrap: wrap; column-gap: 4%; row-gap: 25px; }
.info-list li { flex: 0 1 48%; background: var(--bg-lblue); border-radius: 4px; color: #ffffff; padding: 30px 25px 25px;}
.info-list h4 { color: var(--txt-white); font-size: 1.375rem; margin-bottom: 25px;}
.info-list p { color: var(--txt-white); padding-left: 0; }
.info-list li:last-child { background: #F3F3F3;}
.info-list li:last-child h4 { color: var(--txt-lblue);}
.info-list li:last-child p { color: var(--txt-black);} */

.program-section { float: left; width: 100%; padding: 40px 0 0px; background: var(--bg-dgrey);}
.program-title { font-size: 2rem; line-height: 1.2; font-weight: 500; margin-bottom: 10px; color: var(--txt-violet); margin-bottom: 30px;}
.program-subtext { max-width: 900px; margin-bottom: 40px; line-height: 1.6; font-size: 1.125rem;}

/* ---------------------------
 TABS
----------------------------*/
.program-tabs { list-style: none; padding: 0; margin: 0; display: flex; gap: 60px; box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 4%);}
.program-tab-link { flex: 0 1 25%; padding: 30px 20px; text-align: center; cursor: pointer; font-size: 1.25rem; color: #656565; position: relative;border-radius: 4px 4px 0 0;transition: all 0.5s ease;}
.program-tab-link::before {display: block; content: attr(title); font-weight: 500; font-size: 1.5rem; height: 1px;color: transparent;overflow: hidden;visibility: hidden;}
.program-tab-link.active, .program-tab-link:hover { font-weight: 500; font-size: 1.5rem; color: var(--txt-violet);background: var(--bg-white);}
.program-tab-link.active::after { content: ""; position: absolute; bottom: -1px; left: 0; width: 100%; height: 3px; background: var(--bg-white); border-radius: 4px;}
                                                                                                                                                                                                                                                               
/* ---------------------------
 CONTENT GRID
----------------------------*/
.program-content-wrap { position: relative; background: var(--bg-white);  padding: 25px 0 100px;}
.program-panel {list-style: none; padding: 0; margin: 0; display: none; grid-template-columns: 1fr 1fr 1fr; gap: 40px;}
.program-panel.active { display: grid;}
.program-text p { font-size: 1.125rem; line-height: 1.5;}
.program-item img { width: 100%; border-radius: 4px; position: relative;transition: height .4s ease;}
.program-item h3 { font-size: 1.75rem; line-height: 1.4; font-weight: 500; margin-bottom: 40px; color: var(--txt-lblue);}
.program-readmore { color: #8b2a7d; font-weight: 500; text-decoration: none; font-size: 1.125rem;}
.program-item p { font-size: 1.125rem; line-height: 1.3; margin-bottom: 15px;}
.program-panel li .desk-cont { height: 0; opacity: 0; overflow: hidden;transition:
  opacity 0.6s ease 0.1s; }
.program-panel li:hover .desk-cont { height: auto; opacity: 1; }
.program-panel li:hover img { height: 224px; object-fit: cover; object-position: top;} 
.program-panel li:hover h3 { margin-bottom: 10px; margin-top: 10px;}


.other-blogs.events { padding-top: 50px; background: var(--bg-dgrey);}
.other-blogs.events h2 { color: var(--txt-violet);}
.events .other-blogs-slide .swiper-slide a { padding: 12px 12px 28px; background: var(--bg-white); border: 1px solid var(--border-lgrey); border-radius: 4px;overflow: hidden; box-shadow: none;
  transition: box-shadow 0.6s ease, border-color 0.6s ease;}
.events .other-blogs-slide .other-blog-img { border-radius: 4px; margin-bottom: 0px; position: relative; overflow: hidden; height: 240px;}
.events .other-blogs-slide .other-blog-img img { border-radius: 4px;display: block; object-fit: cover;width: 100%;height: 100%; transition: all 0.6s ease;}
.events .other-blog-img .badge { position: absolute; top: 0px;right: 0px; background: var(--bg-cyan); color: #fff; padding: 6px 15px 6px 25px; border-radius: 2px 4px 2px 2px; font-size: 0.875rem; line-height: 1.15; font-weight: 500; display: flex;flex-wrap: wrap;align-items: center;column-gap: 8px;}
.events .other-blog-img .badge::after { position: absolute; content: ''; left: 12px; top: 10px; width: 8px; height: 8px; display: inline-block; background: var(--bg-white); border-radius: 50px;}
.events .other-blog-img .badge.blue { background: var(--bg-vblue);}
.events .other-blog-img .badge.red { background: var(--bg-orange); }
.events .other-blogs-slide .other-blog-cnt h3 { line-height: 1.2; font-size: 1.75rem; color: var(--txt-dblack); margin-bottom: 10px; min-height: 65px;}
.events .other-blogs-slide .other-blog-cnt p {  font-size: 1.125rem; color: var(--txt-dblack); margin-bottom: 15px; font-weight: 400;  transition: color 0.6s ease, opacity 0.6s ease;}
.events .other-blogs-slide .other-blog-cnt h5 { font-size: 1.125rem; color: var(--txt-dblack); margin-bottom: 10px; font-weight: 400;display: flex;flex-wrap: wrap;width: 100%; column-gap: 10px;}
.events .other-blogs-slide .other-blog-cnt h5.date span { background: url("../images/calendar-ico.svg") no-repeat center; width: 24px;}
.events .other-blogs-slide .other-blog-cnt h5.location span { background: url("../images/location-ico.svg") no-repeat center; width: 24px;}
.events .other-blogs-slide .other-blog-cnt span.dw-btn { margin-top: auto; background: var(--bg-violet); height: 38px; min-width: inherit; color: var(--txt-white); padding: 0 15px; border-radius: 4px;transition: background-color 0.6s ease, color 0.6s ease; } 
.events .other-blogs-slide .swiper-slide a:hover .other-blog-cnt span.dw-btn {background: var(--bg-black); color: var(--txt-white);}
.events .other-blogs-slide .other-blog-cnt { min-height: 210px;  }
/* Content section */
.events .other-blog-cnt { padding: 15px 0 0; transition: all 0.5s ease;position: relative; z-index: 2;}
.events .other-blog-cnt p { height: 0; overflow: hidden; transition: all .8s ease;/* transform-origin: left top; transform:scale(0) ;*/}
.events .other-blogs-slide .swiper-slide:hover .other-blog-img { height: 164px; }
.events .other-blogs-slide .swiper-slide:hover .other-blog-img img { transform: scale(1.04);}
.events .other-blogs-slide .swiper-slide:hover .other-blog-cnt { transform: translateY(-0px);}
.events .other-blogs-slide .swiper-slide:hover .other-blog-cnt p { height: auto; opacity: 1; min-height: 76px; /* transform:scale(1) ;*/}

.past-ama-section.events .other-blog-cnt { padding: 15px 0 0; transition: transform .8s ease; position: relative; z-index: 2;}
.past-ama-section.events .other-blog-cnt p { height: 0; opacity: 0; overflow: hidden; transition: all .8s ease;/* transform-origin: left top; transform:scale(0) ;*/}
.past-ama-section.events .other-blogs-slide .swiper-slide:hover .other-blog-img { height: auto; }
.past-ama-section.events .other-blogs-slide .swiper-slide:hover .other-blog-img img { transform: scale(1.05);}
.past-ama-section.events .other-blogs-slide .swiper-slide:hover .other-blog-cnt { transform: translateY(-0px);}
.past-ama-section.events .other-blogs-slide .swiper-slide .other-blog-cnt p { height: auto; opacity: 1; /* transform:scale(1) ;*/}

.other-blogs.library { padding-top: 110px;}
.other-blogs.library h2 { color: var(--txt-violet);}
.library .other-blogs-slide .swiper-slide a { padding: 12px 12px 28px; border: 1px solid var(--border-lgrey); border-radius: 4px; box-shadow: none; transition: all 0.5s ease;}
.library .other-blogs-slide .other-blog-img, .library .other-blogs-slide .other-blog-img img { border-radius: 4px;}
.library .other-blog-img .badge { position: absolute; top: 0px;right: 0px; background: var(--bg-cyan); color: #fff; padding: 6px 15px 6px 25px; border-radius: 2px 4px 2px 2px; font-size: 0.875rem; line-height: 1.15; font-weight: 500; display: flex;flex-wrap: wrap;align-items: center;column-gap: 8px;}
.library .other-blog-img .badge::after { position: absolute; content: ''; left: 12px; top: 10px; width: 8px; height: 8px; display: inline-block; background: var(--bg-white); border-radius: 50px;}
.library .other-blog-img .badge.blue { background: var(--bg-vblue);}
.library .other-blog-img .badge.red { background: var(--bg-orange); }
.library .other-blogs-slide .other-blog-cnt h3 { font-size: 1.75rem; color: var(--txt-black); margin-bottom: 20px; min-height: 79px;}
.library .other-blogs-slide .other-blog-cnt span.dw-btn { margin-top: 0;} 
.library .other-blogs-slide .swiper-slide a:hover {background:var(--bg-snow);}

/************** testimonials css **************/
.testimonials-sec { float: left; width: 100%; padding: 100px 0 140px; background: var(--bg-lgrey1); }
.testimonials-main-sec { width: 100%; position: relative; }
.testimonials-sec h2 { color: var(--txt-violet); font-size: 2rem; line-height: 1.2; font-weight: 500; margin-bottom: 30px;}
.testimonials-slide { width: 100%; overflow: hidden; }
.testimonials-slide .swiper-wrapper { padding: 0px 0 30px;}
.testimonials-slide .swiper-slide { height: auto;}
.testimonials-main { width: 100%; height: 100%; max-width: 845px; margin: 0 auto; background: var(--bg-white); border-radius: 12px;  padding: 40px 25px 35px; display: flex; flex-wrap: wrap; justify-content: space-between; flex-direction: column;}
.testimonials-main p {  color: var(--txt-black); font-style: italic; font-size: 1.5rem; line-height: 1.3; padding: 0; margin-bottom: 10px;}
.testimonials-cnt { width: auto; display: flex; align-items: center;}
.testimonials-cnt > div { display: inline-flex; flex-wrap: wrap; align-items: center; background: none; column-gap: 15px;  padding: 0 10px; border-right: 1px solid #D9D9D9;}
.testimonials-cnt > div:last-child { border: none;}
.testimonials-cnt h4 {font-size: 1.25rem;}
.testimonials-cnt h5 { color: var(--txt-grey-color); font-size: 0.875rem;}

.testimonials-slide .swiper-nav-testimonials {position:absolute; bottom:0px; width:120px; right:0;display:flex; justify-content:space-between;left: 0;margin: 0 auto;}
.testimonials-slide .swiper-button-prev-testimonials, .testimonials-slide .swiper-button-next-testimonials {position:absolute; cursor:pointer; width:54px; height:54px; display:flex; align-items:center; justify-content:center; font-size:1.5rem; color:var(--txt-violet); transition:color 0.3s ease;border: 1px solid #EAEAED;border-radius: 100%; transition: all 0.5s ease;}
.testimonials-slide .swiper-button-prev-testimonials {left:0;}
.testimonials-slide .swiper-button-next-testimonials {right:0;}
/* .testimonials-slide .swiper-button-prev-testimonials.swiper-button-disabled, .testimonials-slide .swiper-button-next-testimonials.swiper-button-disabled {color:rgba(0, 0, 0, 0.32);} */
.testimonials-slide .swiper-button-prev-testimonials:hover, .testimonials-slide .swiper-button-next-testimonials:hover {color:var(--txt-white); background: var(--bg-violet);}
/* .testimonials-slide .swiper-button-prev-testimonials:hover.swiper-button-disabled, .testimonials-slide .swiper-button-next-testimonials:hover.swiper-button-disabled { cursor: auto; color:rgba(0, 0, 0, 0.10);} */
.testimonials-slide .swiper-pagination-bullet {width:12px; height:12px; background:rgba(0, 0, 0, 0.2); border-radius:15px; transition:0.5s ease-in; margin-right:10px;}
.testimonials-slide .swiper-pagination-bullet-active {background:var(--bg-red);}
.testimonials-slide .swiper-pagination-bullets {padding-top:20px; bottom:0; width:100%; text-align:center; position:relative; display:none; justify-content:center; align-items:center;}

.testimonial-user { display: flex; align-items: center; gap: 12px;}
.user-icon img { width: 40px; height: 40px;}
.user-details { text-align: center;}
.user-name { font-weight: 500; color: var(--txt-dblack); font-size: 1rem;}
.user-role { font-size: 1rem;color: var(--txt-dblack); font-weight: 500;}
.testimonial-info { text-align: left;}
.course-title { font-size: 1rem; width: 100%;}
.course-sub { font-size: 1rem; font-style: italic; }

.book-sec { float: left; width: 100%; padding: 0px; background: var(--bg-lgrey2); overflow: hidden; position: relative;}
.book-shape1 { position: absolute; left: -30px; top:0px; background: var(--bg-violet); width: 330px; height: 165px; border-bottom-left-radius: 250px;border-bottom-right-radius: 250px;overflow: hidden; }
.book-shape2 { position: absolute; right: -100px; bottom:-120px;background: var(--bg-violet); width: 332px; height: 330px; border-radius: 50%; }
.book-cont { float: left; width: 100%; text-align: center; position: relative; display: flex;flex-wrap: wrap;align-items: center; justify-content: center;min-height: 449px;}
.book-cont h2 { color: var(--txt-black); font-size: 3rem; line-height: 1.2; font-weight: 400; margin-bottom: 40px; float: left; width: 100%; }
.book-cont a { background: var(--bg-violet); height: 46px; min-width: 126px; color: var(--txt-white); padding: 0 20px; font-size: 1.125rem; font-weight: 500; border-radius: 4px; display: inline-flex; align-items: center; justify-content: center; position: relative; transition: all 0.5s ease; }
.book-cont a:hover { background: var(--bg-black); color: var(--txt-white);}

/************** ariel-library-inside **************/
.breadcrumb{ float: left; width: 100%; padding: 50px 0;}
.breadcrumb ul { float: left; width: 100%; display: flex; white-space: nowrap; overflow: auto; scrollbar-width: none;}
.breadcrumb ul li { flex: 0 1 auto; color: #626262; font-size: 1.125rem; line-height: 1.2; font-weight: 400; padding-right: 20px; margin-right: 15px; position: relative;}
.breadcrumb ul li a { color: #626262; font-size: 1.125rem; line-height: 1.2; font-weight: 400; transition: all 0.4s ease;}
.breadcrumb ul li::after { position: absolute; display: block; content: ">"; color: #626262; right: 0; top: 0;}
.breadcrumb ul li:last-child { margin: 0; padding: 0; width: 170px; overflow: hidden; text-overflow: ellipsis; color: var(--txt-violet);}
.breadcrumb ul li:last-child::after { display: none;}
.breadcrumb ul li a:hover { color: var(--bg-violet);}

.blog-sec{float: left; width: 100%; padding: 0 0 50px 0;}
.blog-title{float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 20px; margin-bottom:50px;}
.blog-title h3{float: left; width: 100%; color: var(--txt-black); font-size: 1.75rem; line-height: 1.2; font-weight: 500;}
.blog-title h2, .blog-title h1{float: left; width: 100%; color: var(--txt-black); font-size: 3rem; line-height: 1.2; font-weight: 400;}
.blog-title ul{float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 20px;}
.blog-title ul li{flex: 0 1 auto;}
.blog-title ul li a{background: var(--bg-vblue); border-radius: 4px; padding: 10px 13px; font-size: 0.875rem; line-height: 1.2; font-weight: 500; color: #fff; display: inline-flex; transition: all 0.4s ease;}
.blog-title ul li a:hover{background: var(--bg-black);}

.blog-inner{float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 25px;}
.blog-det-lft{flex: 0 1 calc(100% - 425px);}
.blog-det-rht{flex: 0 1 400px;}

.blog-img{float: left; width: 100%; margin-bottom: 35px;}
.blog-img img{width: 100%; float: left;}
.light-box{float: left; width: 100%; background: #F5F5F5; padding: 24px 32px; margin-bottom: 40px;}
.light-box p{float: left; width: 100%; color: var(--txt-black); font-size: 1.5rem; line-height: 1.4; font-weight: 400; font-style: italic;}

.leadership-sec{float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start; column-gap: 15px; row-gap: 0; margin-bottom: 35px;}
.leadership-img{flex: 0 1 80px; border-radius: 66.67px; overflow: hidden;}
.leadership-img img{width: 100%; float: left;}
.leadership-cnt{flex: 0 1 calc(100% - 95px);}
.leadership-sec p{float: left; width: 100%; color: var(--txt-black); font-size: 1.125rem; line-height: 1.6; font-weight: 400;}

.blog-description{width: 100%; float: left; display: flex; flex-wrap: wrap; row-gap: 25px;}
.blog-description p{width: 100%; float: left; color: var(--txt-black); font-size: 1.125rem; line-height: 1.6; font-weight: 400;}

.gray-box{width: 100%; float: left; padding: 35px 0; display: flex; flex-wrap: wrap; column-gap: 30px; justify-content: center;}
.gray-box span{width: 16px; height: 16px; background: #D9D9D9;}

.author-sec{width: 100%; float: left; background: #F5F5F5; display: flex; flex-wrap: wrap; align-items: flex-start; column-gap: 25px; padding:24px 32px;}
.author-img{flex: 0 1 112px; border-radius: 100px; overflow: hidden; position: relative;}
.author-img img { width: 100%; float: left;}
.author-img img.dummy-user { display: block;}
.author-img img.org-user { position: absolute; left: 0; top: 0; width: 100%; object-fit: cover;}
.author-cnt{flex: 0 1 calc(100% - 137px); display: flex; flex-wrap: wrap;}
.author-sec h6{ width: 100%; color: var(--txt-dkgrey); font-weight: 500; font-size: 1rem; line-height: 1; margin-bottom: 15px;}
.author-sec h4{ width: 100%; margin-bottom: 10px;}
.author-sec h4 a{width: auto; float: left; color: #181819; font-weight: 500; font-size: 1.375rem; line-height: 1.4; text-decoration: underline;}
.author-sec span{ display: block; color: var(--txt-dkgrey); font-weight: 500; font-size: 1rem; line-height: 1; margin-bottom: 25px;}
.author-sec p{width: 100%; float: left; color: var(--txt-black); font-size: 1.125rem; line-height: 1.6; font-weight: 400;}
span.read-more { color: var(--txt-violet); font-size: 1.125rem; line-height: 1.2; font-weight: 500; display: inline-flex; column-gap: 15px; align-items: center; transition: all 0.5s ease; margin-top: 50px; }
span.read-more i { transform: rotate(-45deg);transition: all 0.5s ease; display: none;}
.author-sec a.read-more {margin-top: 25px;}
.library-list ul li:hover span.read-more, .grid-tiles .tile:hover span.read-more { color: var(--txt-black);}

.other-blogs{width: 100%; float: left; padding: 0 0 50px 0;}
.other-blogs h2{width: 100%; float: left; color: var(--txt-black); font-size: 2rem; line-height: 1.2; font-weight: 500; margin-bottom: 30px;}
.other-blogs-slide{width: 100%; float: left;}
.other-blogs-slide .swiper-container, .other-blogs-slide .swiper-wrapper{width: 100%; float: left;}
.other-blogs-slide .swiper-slide{width: 100%; float: left;}
.other-blogs-slide .swiper-slide a{width: 100%; float: left; padding: 24px 24px 32px 24px; box-shadow: 0 4px 6px -2px rgba(15, 15, 20, 0.06);transition: transform 0.7s ease, box-shadow 0.7s ease;}
.other-blogs-slide .other-blog-img{width: 100%; float: left; overflow: hidden; margin-bottom: 25px; position: relative;}
.other-blogs-slide .other-blog-img img{width: 100%; float: left; transition: transform 0.7s ease;}
.other-blogs-slide .other-blog-img .org-img {position: absolute;left: 0;top: 0;width: 100%;object-fit: cover;}
.other-blogs-slide .swiper-slide a:hover .other-blog-img img{transform: scale(1.03);}
.other-blogs-slide .other-blog-cnt{width: 100%; float: left;}
.other-blogs-slide .other-blog-cnt h6{width: 100%; float: left; color: var(--txt-vblue); font-size: 0.875rem; line-height: 1.4; font-weight: 500; margin-bottom: 12px;} 
.other-blogs-slide .other-blog-cnt h3{width: 100%; float: left; color: var(--txt-title); font-size: 1.5rem; line-height: 1.4; font-weight: 500; margin-bottom: 12px;} 
.other-blogs-slide .other-blog-cnt p{width: 100%; float: left; color: #667085; font-size: 1rem; line-height: 1.4;font-weight: 400;} 
.other-blogs-slide .other-blog-cnt span.dw-btn { color: var(--txt-violet); font-size: 1.125rem; line-height: 1.2; font-weight: 500; display: inline-flex; column-gap: 15px; align-items: center; transition: color 0.7s ease 0.1s, transform 0.7s ease 0.1s; margin-top: 50px; }
.other-blogs-slide .swiper-slide a:hover .other-blog-cnt span.dw-btn { color: var(--txt-black);transform: translateY(2px);}
.other-blogs-slide .other-blog-cnt span.dw-btn i { transform: rotate(-45deg);transition: transform 0.7s ease 0.1s;}
.social-btns{width: 100%; float: left; margin-bottom: 60px;}
.social-btns h3{width: auto; float: left; color: var(--txt-black); font-size: 1.375rem; line-height: 1.4; font-weight: 500; border-bottom: 2px solid #8E2B88; padding-bottom: 12px; margin-bottom: 32px;}
.social-btns ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 30px;}
.social-btns ul li{flex: 0 1 auto;}
.social-btns ul li a {  width: 32px; height: 32px;  border-radius: 4px; background: var(--bg-black); display: flex; align-items: center; justify-content: center;}
.social-btns ul li a i{ font-size: 1.375rem; transition: all 0.5s ease; color: var(--txt-white);}
.social-btns ul li a i:hover{opacity: 0.7;}
.news-box-out.subscribe{width:100%; float: left; background:#F5F5F5;padding:24px;border-radius:4px;box-shadow:0 0 8px rgba(0,0,0,0.1);}
.news-box-out.subscribe h2{width:100%; float: left; font-size:2rem; line-height: 1.4; font-weight: 500; color: var(--txt-violet); margin-bottom:20px;}
.news-box-out.subscribe .news-box{width:100%; float: left;}
.news-box-out.subscribe .news-box input{width:100%;padding:10px 15px; height: 50px;background:#ffffff;border:none;border-radius:4px !important;font-size:0.875rem; font-weight: 500;margin-bottom:40px;}
.news-box-out.subscribe .news-box .submit-btn{width:100%;padding:8px 12px;background: var(--bg-violet);color:#fff;border:none;border-radius:4px;font-size:1.125rem;cursor:pointer;font-weight:500; height: 40px; transition: all 0.5s ease; margin: 0;}
.news-box-out.subscribe .news-box .submit-btn:hover{background: var(--bg-black);}
/* .other-blogs-slide .swiper-slide a:hover { transform: translateY(-4px);box-shadow: 0 10px 20px rgba(15, 15, 20, 0.10);} */
.other-blogs-slide .swiper-slide a:hover .other-blog-cnt span.dw-btn i { transform: rotate(-45deg) translateX(2px);}

/************** ebook **************/
.ebook-inner{width: 100%; float: left; display: flex; flex-wrap: wrap; justify-content: space-between; column-gap: 4%; row-gap: 0;}
.ebook-pdf{flex: 0 0 458px;}
.ebook-form{flex: 0 1 48%; padding: 24px; background: #F5F5F5; border-radius: 12px; position: relative; z-index: 1;}
.ebook-form h3{width: 100%; float: left; color: var(--txt-violet); font-size: 1.75rem; line-height: 1.2; font-weight: 400; margin-bottom: 30px;}
.ebook-form ul { width: 100%; float: left; display: flex; flex-wrap: wrap; row-gap: 36px;}
.ebook-form ul li { flex: 0 1 100%; display: flex; flex-wrap: wrap; column-gap: 4%;}
.ebook-form ul li .half{flex: 0 1 48%;}
.ebook-form ul li input[type="text"] { width: 100%;  border: none; height: 50px; font-size: 1rem; line-height: 1; color: #7F7F7F; font-weight: 400; padding: 10px 20px; border-radius: 4px;}
.ebook-form ul li input::placeholder { color: #7F7F7F;}
.ebook-form ul li input[type="text"]:focus { color: var(--txt-black); border-bottom: 1px solid var(--bg-violet);}
.frm-sent { width: 100%; float: left; display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;row-gap: 20px;}
.frm-sent .chk-lft {flex: 0 1 100%;}
.frm-sent .chk-rgt {display: flex;justify-content: end;flex-wrap: wrap;flex: 0 1 100%;}

.ebook-pdf.ebook-content { flex: 0 1 48%;}
.ebook-content h3{width: 100%; float: left; color: var(--txt-black); font-size: 1.375rem; line-height: 1.3; font-weight: 500; margin-bottom: 30px;}
.ebook-content p{width: 100%; float: left; color: var(--txt-black); font-size: 1.125rem; line-height: 1.6; font-weight: 400; margin-bottom: 25px;}
.ebook-content ul { width: 100%; display: flex; flex-wrap: wrap; align-items: center; gap: 15px; padding: 0; margin: 0; margin-bottom:30px;}
.ebook-content ul li { flex: 0 1 100%; font-size: 1.125rem; line-height: 1.5; color: var(--txt-black); padding-left: 32px; position: relative;}
.ebook-content ul li::after { content: ""; background: url("../images/check-violet.svg") no-repeat center; width: 21px; height: 20px; position: absolute; left: 0; top: 3px; background-size: 15px auto; }

.ebook-form ul li .env-btn {display: flex; align-items: center; justify-content: center;height: 38px; border: none; width: 100%; background: var(--bg-violet);border-radius: 4px; font-weight: 500; transition: all .5s ease;color: var(--txt-white);font-size: 18px; text-align: center; cursor: pointer; display: flex; column-gap: 10px;}
.ebook-form ul li .env-btn span { background: url("../images/download.svg") no-repeat center; width: 22px; height: 22px; display: inline-block;}
.ebook-form ul li .env-btn:hover { background: var(--bg-black);}
.ebook-form ul li .frm-input.checkbox { float: left; width: 100%;}
.ebook-form ul li .frm-input.checkbox input[type="checkbox"] {  height: 1px; left: 0; position: absolute; top: 0; visibility: hidden; width: 1px;}
.ebook-form ul li .frm-input.checkbox label.check-label {  pointer-events: inherit;  cursor: pointer;  padding-left: 30px; position: relative; float: left; width: 100%; line-height:1.2; text-align: left;color: #454545;font-size: 1rem;font-weight: 400;}
.ebook-form ul li .frm-input.checkbox label.check-label::before { cursor: pointer; background: var(--bg-white); content: ""; height: 12px; left: 3px; position: absolute; top: 3px; transition: all 0.3s ease-in-out 0s; width: 12px;z-index: 9;border-radius: 2px;}
.ebook-form ul li .frm-input.checkbox label.check-label::after { background: var(--bg-white); border: 1.6px solid #7F7F7F; content: ""; height: 18px; left: 0; position: absolute; top: 0px; width: 18px; border-radius: 2px;}
.ebook-form ul li .frm-input.checkbox input:checked + label.check-label::before {background: #7F7F7F;}
.ebook-form ul li:last-child{margin-top: 100px;}

/************** Viewer wrapper **************/
.pdf-viewer{ width:100%; background:#fff; border-radius:4px; border:1px solid var(--panel-border); overflow:hidden; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1);}
.pdf-pages{ height:600px; overflow-y:auto; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; background:#fff; scrollbar-width: thin; scrollbar-color: #703B6D #D9D9D9; }
.pdf-page{ width:100%; height:600px; object-fit:cover; object-position:center; display:block; user-select: none;}
.page-count{ padding:10px 14px; background:#E0E0E0; border-top:1px solid var(--panel-border); font-size:14px; font-weight:600;}

@media(max-width:700px){
  .ebook-lft{flex:0 0 100%;}
}

/************** coaches-facilitators-listing **************/
.member-sec { float: left; width: 100%; padding: 15px 0 40px;}
.member-group { float: left; width: 100%; margin-bottom:50px;}
.member-group ul { width: 100%; display: flex; flex-wrap: wrap; gap:40px;}
.member-group ul li { display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.member-group ul li a { display: block; position: relative; line-height: 1.2; font-size: 1.25rem; font-weight: 400; color: #656565; text-align: center; transition: all 0.25s ease;;}
.member-group ul li a.current-item, .member-group ul li a:hover { font-size: 1.4rem; color: var(--txt-violet); }
.member-group ul li a.current-item::after { content: ""; position: absolute; left: 0; bottom: -15px; width: 100%; height: 2px; background: var(--bg-violet);}
.member-group ul li a::before { display: block; content: attr(title); font-size: 1.4rem; font-weight: 500; height: 1px;color: transparent;overflow: hidden;visibility: hidden;}

.section-title { display: flex; gap: 40px; padding: 0px; font-size: 20px; font-weight: 600; margin-bottom: 80px;}
.section-title button { background: none; border: none; cursor: pointer; padding: 0; position: relative; line-height: 1.2; font-size: 1.25rem; color: #656565;}
.section-title button.active, .section-title button:hover  { color: var(--txt-violet); font-size: 1.5rem; font-weight: 500;}
.section-title button.active::after { content: ""; position: absolute; left: 0; bottom: -15px; width: 100%; height: 2px; background: var(--bg-violet);}
.section-title button::before {display: block; content: attr(title); font-size: 1.5rem; font-weight: 500; height: 1px;color: transparent;overflow: hidden;visibility: hidden;}

.filters { display: flex; gap: 20px; padding: 20px;}
.filters select { width: 220px; padding: 10px; border-radius: 6px; border: 1px solid #ccc; font-size: 15px;}
.coach-grid { float: left; width: 100%; min-height: 300px; }
.coach-grid ul { float: left; width: 100%; padding: 0px; display: grid; grid-template-columns: repeat(6, 1fr); gap:75px 35px;}
#staff ul { grid-template-columns: repeat(4, 1fr); }
.coach-img { width: 160px; margin: 0 auto; border-radius: 4px;overflow: hidden;position: relative;}
#staff .coach-img { width: 100%;}
.coach-img img { float: left; width: 100%; border-radius: 4px; transition: all 0.5s ease;}
.coach-img img.org-img { position: absolute; top: 0; left: 0; z-index: 9; max-width: 100%; height: 100%; object-fit: cover;}
.coach-name {width:100%; margin-top: 15px; font-size: 1rem; text-align: center;}
#staff .coach-name{ font-size:1.75rem}
.tabpanel { display: none; float: left; width: 100%; padding-top: 30px;}
.tabpanel.active-pane { display: block;}
.coaches-sec .filters-sec ul li { flex: 0 1 23.7%;}
.coaches-sec .filters-sec ul li:nth-child(2) { flex: 0 1 32.1%;}
.coaches-sec .filters-sec ul li:last-child { flex: 0 1 40%;}
.coaches-sec .sbSelector { font-style: normal;}

.become-coach-section { padding: 0px 0 80px; float: left; width: 100%;}
.become-coach-wrap {  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;  column-gap: 4.4%; row-gap: 40px;  background: var(--bg-lgrey1);  padding: 50px 60px 40px;  border-radius: 4px;}
.coach-left { flex: 0 1 33.7%;}
.coach-left h2 { font-size: 3rem; line-height: 1.2; font-weight: 400; color: var(--txt-dblack); margin-bottom: 30px;}
.coach-left h2 span { color: var(--txt-violet); font-weight: 500;}
.coach-left p {  max-width: 100%; font-size: 1.125rem; line-height: 1.6; margin-bottom: 45px; color: var(--txt-black);}
a.coach-btn  { background: var(--bg-violet); height: 38px; min-width: 138px; color: var(--txt-white); padding: 0 20px; font-size: 1.125rem; font-weight: 500; border-radius: 4px; display: inline-flex; align-items: center; justify-content: center; position: relative; transition: all 0.5s ease; }
a.coach-btn:hover { background: var(--bg-black); color: var(--txt-white);}
.coach-right {flex: 0 1 61.9%;}
.coach-right img { width: 100%; border-radius: 4px; display: block;}

#myList > li { display: none;}
.loading_img { float: left; width: 100%; text-align: center; }
.loading_img img{ float:none; width: auto;}


/***  member detils  ***/
.member-details { float: left; width: 100%; padding: 100px 0 80px; }
.profile-inner { float:right; width: calc(100% - 80px); display:flex; flex-wrap: wrap; row-gap: 40px; column-gap:10%; align-items: flex-start;background: #F0F0F0; border-radius:5px; position: relative;}
.profile-inner::after { position: absolute; content: ''; left: 0; right: 0; bottom: -20px; margin: 0 auto; background: url("../images/down-arrow.svg") no-repeat center;  width: 39px;height: 39px;}
.profile-inner.no-arrow::after { display: none;}
.profile-left {  flex: 0 1 34%; margin-top: -80px; margin-left: -80px; position:relative; overflow: hidden; }
.profile-left img { float: left; width: 100%; border-radius: 4px; transition: all 0.5s ease;}
.profile-left img.org-img { position: absolute; top: 0; left: 0; z-index: 9; max-width: 100%; height: 100%; object-fit: cover;}
.profile-right { flex: 0 1 62%; margin-top: 0px; padding: 75px 70px 100px 0; text-align: left;} 
.member-details h1 { font-size: 2rem; line-height: 1.2; color: var(--bg-dblack); font-weight: 500; margin-bottom:10px;}
.profile-right span.pos { font-size: 18px;display: block;padding: 0 0 15px;line-height: 1.3; }
.tag { padding: 6px 14px; border-radius: 5px; color: #fff; font-size: 14px; font-weight: 500;}
.tag-coach { background: var(--bg-lblue); }
.tag-fac { background: var(--txt-violet); }
.coach-region { display: flex; align-items: center; gap: 20px; margin:10px 0 45px;}
.coach-region h4 { font-size:1.375rem;line-height: 1.2; color: var(--bg-dblack); font-weight: 400; display: flex; column-gap: 15px;}
.coach-region h4 span {font-weight: 500;}
.social-list { list-style: none; display: flex; gap: 16px; padding: 0; margin: 0; }
.social-list li img { width: auto; }
.member-details h2 {font-size:1.375rem; line-height: 1.2; color: var(--bg-dblack); font-weight: 500; margin-bottom: 15px;}
.member-details p { line-height: 1.5; font-size: 1.125rem; color: var(--bg-dblack); margin-bottom:30px;}
.profile-right p { margin-bottom: 0;}
.member-details strong {font-weight: 500;}

.coaches-inner {float: left; width: 100%; display: flex; flex-wrap: wrap;align-items:flex-start; padding-top: 65px; }
.coaches-scroll-area{ overflow-y:auto; -webkit-overflow-scrolling: touch; height: auto; max-height: none; scroll-behavior: smooth; padding-right: 8px; /* room for scrollbar */ box-sizing: border-box; background: transparent; }
.coaches-lft{flex: 0 1 calc(100% - 400px); padding-right: 85px; overflow-y: auto;}
.coaches-lft ul  { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap:10px; margin-bottom:30px; padding-left: 10px; }
.coaches-lft ul li  { flex: 0 1 100%; color: var(--txt-black); font-size: 1.125rem; line-height: 1.4; font-weight: 400; padding-left:20px; position: relative; }
.coaches-lft ul li::after { position: absolute; content: ''; width: 10px; height: 10px; left: 0; top: 8px; background: #D9D9D9; border-radius: 100%;}
.coaches-rht{flex: 0 1 400px;position: sticky;top: 111px; }
.coaches-rht h4  { color: var(--txt-black); font-size: 1.75rem; line-height: 1.2; font-weight: 500; margin-bottom: 36px;}
.coaches-rht li {width: 100%; float: left; box-shadow: 0 4px 6px -2px rgba(15, 15, 20, 0.06); margin-bottom: 40px; }
.coaches-rht li a {display: block;}
.top-meta { width: 100%; display: none; flex-wrap: wrap; column-gap: 5px; margin-bottom: 15px;}
.top-meta span { color: #656565; font-size: 0.875rem; line-height: 1.1; padding-right: 13px; position: relative;}
.top-meta span::after { position: absolute; content: ''; width: 8px; height: 8px; right: 0; top: 4px; background: #D9D9D9; border-radius: 100%;}
.top-meta span:last-child { padding-right: 0;}
.top-meta span:last-child::after { display: none;}
/* .grid-item.is-active .top-meta  { display: flex;} */
.coaches-rht .library-cont { position: relative; padding:25px 0px 50px;}
.coaches-rht .library-cont h3 { font-size: 1.375rem; min-height: inherit;}
.coaches-rht .library-cont p { padding-right: 2%; font-size: 1rem; line-height: 1.5;}
.coaches-rht span.read-more { margin:0px;padding: 0;}
/* Disable scroll on page when coaches sticky active */
/* Sticky class applied while locked */
.coaches-inner-sec.locked { position: fixed; left: 0;right: 0; top: 0; z-index: 9999; background: var(--bg-dgrey); height: 100vh;}
.coaches-inner-sec .locked-spacer { display:none;}
.coaches-inner-sec.locked + .after-lock-spacer { display:block; height: var(--section-height, 100vh);}
/* .coaches-scroll-area { height: 600px; overflow-y: auto; scrollbar-width: thin;} */
.coaches-rht .top-meta, .program-content-wrap li:hover .top-meta   { display: flex;}

.blogs-btm-sec { float: left; width: 100%; padding: 50px 0 130px; transition: all 0.5s ease;}
.blogs-btm-sec h2 { float: left; width: 100%; font-weight: 500; color: var(--txt-black); font-size: 1.75rem; line-height: 1.2; margin-bottom: 35px;}
.blogs-btm-sec ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 3%; row-gap: 30px;}
.blogs-btm-sec ul li { flex: 0 1 48%;box-shadow: 0 4px 6px -2px rgba(15, 15, 20, 0.03);border-radius: 4px;}
.blogs-btm-sec ul li a{ float: left; width: 100%;  padding: 20px 20px 30px; display: flex; flex-wrap: wrap; column-gap: 5.8%;}
.blogs-img { flex:0 1 47.1%; position: relative; overflow: hidden;}
.blogs-img img { float: left; width: 100%; transition: all 0.5s ease;}
.blogs-img img.org-img { position: absolute; top: 0; left: 0; z-index: 9; max-width: 100%; height: 100%; object-fit: cover;}
.blogs-cont {flex: 0 1 47.1%; padding: 0; display: flex; flex-wrap: wrap; align-content: flex-start; transition: all 0.5s ease; }
.blogs-cont h4 { float: left; width: 100%; font-weight: 500; color: var(--txt-vblue); font-size: 0.875rem; line-height: 1.1; position: relative; margin-bottom: 20px;}
.blogs-cont h3 { float: left; width: 100%; font-weight: 500; color: var(--txt-title); font-size: 1.25rem; line-height: 1.1; transition: all 0.5s ease; position: relative; margin-bottom: 10px;}
.blogs-cont p { float: left; width: 100%; color: var(--txt-ltgrey); font-size: 1rem; line-height: 1.2; position: relative; margin-bottom: 15px; transition: all 0.5s ease;}
.blogs-btm-sec ul li a:hover span i { transform: rotate(0deg);}

/************** social-impact **************/
.about-bcorp { position: relative; overflow: hidden; }
.bcorp-main { float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.bcorp-left { width: 47%; padding-top: 110px;padding-left: calc((100% - 1280px) / 2);}
.bcorp-left h2 { font-size: 2.625rem; line-height: 1.2; margin-bottom: 50px; font-weight: 400; color: var(--txt-black);}
.bcorp-left ul { list-style: none;display: flex; flex-wrap: wrap; gap: 20px; align-items: flex-start; }
.bcorp-left ul li { flex: 0 1 100%;  font-size: 1.125rem; line-height: 1.6;font-weight: 400; color: var(--txt-dblack); position: relative; padding-left: 30px;}
.bcorp-left ul li::after { position: absolute; content: ''; width: 23px; height: 32px; left: 0; top: 2px; background: url("../images/tick-icon.svg") no-repeat center;}
.bcorp-left ul li span { color: var(--txt-violet); font-weight: 500;}
.bcorp-right {  width: 53%;}
.bcorp-right img { width: 100%; height: auto; display: block; border-radius: 0;}

.outreach-section { float: left; width: 100%; padding: 80px 0px 120px; background: var(--bg-white); text-align: center;}
.outreach-section h2 { font-size: 3rem; line-height: 1.2; font-weight: 400; color: var(--txt-black);margin-bottom: 70px;}
.outreach-section h2 span {color: var(--txt-violet); }
.outreach-quote-box { margin: 40px auto 80px; max-width: 750px; position: relative;}
.quote-icon { background: url("../images/quote-ico.svg") no-repeat center;  width: 113px;height: 80px;position: absolute;left: -30px;top: -12px;}
.outreach-section .outreach-quote-box p { font-size: 1.75rem; font-style: italic; line-height: 1.5; color: var(--txt-black);}
.outreach-section p { font-size: 1.125rem; line-height: 1.8; color: var(--txt-black); padding: 0 9%; margin-bottom: 30px; }
.outreach-section p:last-child { margin-bottom: 0;}

.outreach-list-section { float: left; width: 100%; padding: 40px 0px 100px;}
.outreach-list-section h2 { font-size: 2rem; line-height: 1.2; font-weight: 500; color: var(--txt-black); text-align: center;}
.outreach-row { float: left; width: 100%; margin-top: 110px;}
.outreach-row ul { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 80px;}
.outreach-row ul li { flex: 0 1 100%;}
.outreach-main { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; row-gap: 20px;}
.outreach-img { flex: 0 1 46.6%;}
.outreach-img img { width: 100%; height: auto; border-radius: 4px;}
.outreach-content { flex: 0 1 44.8%; padding-top: 20px;}
.org-logo { width: 70px; margin-bottom: 25px;}
.outreach-content h3 {  color: #181819; font-weight: 500; font-size: 1.75rem; line-height: 1.2; margin-bottom: 20px;}
.outreach-content p { font-size: 1.125rem; line-height: 1.6; color: #181819; margin-bottom: 30px;}
.outreach-content img { width: auto; margin-bottom: 35px;}
a.outreach-link { font-size: 1.125rem; font-weight: 400; text-decoration: none; color: var(--txt-black);transition: all 0.8s ease; padding-bottom: 15px; position: relative;}
a.outreach-link i { transform: rotate(-45deg);transition: all 0.8s ease;color: var(--txt-black);}
span.arrow { font-size: 1rem; margin-left: 5px;background: url("../images/right-arrow.svg") no-repeat center;  width: 21px;height: 21px;display: inline-block;transition: all 0.5s ease; position: relative;}
a.outreach-link::after { position: absolute; content: ''; width: 13px; height: 1px; left: 0; bottom: 0px; background: var(--bg-black);transition: all 0.8s ease;}
a.outreach-link:hover { color: var(--txt-violet); font-size: 1.75rem;}
a.outreach-link:hover i { color: var(--txt-violet); font-size: 2rem; }
a.outreach-link:hover::after { width: 100%;}
a.outreach-link:hover span.arrow {background: url("../images/right-arrow-h.png") no-repeat center;  width: 38px;height: 38px;}

.service h2 span { display: inline-block; width: 100%;}
.service h2 {margin-bottom: 40px;}
.service p { font-size: 1.375rem; line-height: 1.4; }

.apply-section { width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0; background: var(--bg-lgrey2); position: relative; overflow: hidden;}
.apply-left { flex: 0 1 470px;  position: relative;}
.apply-left::after { position: absolute; content: ''; left: -100%; top: -40%; width: 940px; height: 936px; background: #86155a; border-radius: 50%; z-index: 1;}
.apply-left img { width: auto; max-width: 100%; height: 450px;z-index: 2;position: relative;float: left;}
.apply-right { flex: 0 1 53%; padding-right: calc((100% - 1280px) / 2);}
.apply-right h2 { font-size: 2.625rem; line-height: 1.2; font-weight: 400; color: var(--bg-dblack); margin-bottom: 20px;}
.apply-right h2 span { color: var(--txt-violet);}
.apply-right p { font-size: 1.125rem; line-height: 1.6; color: #181819; font-weight: 400; margin-bottom: 60px;}
.apply-right a { background: var(--bg-violet); height: 38px; min-width: 111px; color: var(--txt-white); padding: 0 20px; font-size: 1.125rem; font-weight: 500; border-radius: 4px; display: inline-flex; align-items: center; justify-content: center; position: relative; transition: all 0.5s ease; }
.apply-right a:hover { background: var(--bg-black); color: var(--txt-white);}

.ariel-title-sec { display: flex; flex-wrap: wrap; row-gap: 35px; justify-content: center; text-align: center; width: 100%; padding:120px 0 100px; overflow: hidden;}
.ariel-title-sec p { color: var(--txt-lblack); font-size: 1.75rem; line-height: 1.4; font-weight: 400; padding-bottom: 10px; position: relative;}
.ariel-title-sec p span { font-weight: 600;}
.ariel-title-sec h2{ font-size: 3rem; line-height: 1.2; font-weight: 500; color: var(--txt-black); margin-bottom: 10px;}
.ariel-title-sec h2 span { color: var(--txt-violet);}

.training-sec { float: left; width: 100%; padding: 80px 0;}
.training-wrap { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; row-gap: 40px;}
.training-left { width: 53%;padding-left: calc((100% - 1280px) / 2); padding-top: 35px;}
.training-left h4 { display: inline-flex; align-items: center; padding: 7px 11px; font-size: 0.875rem; line-height: 1.1; font-weight: 500; color: var(--txt-violet); background: #EEEEEE; border-radius: 4px; margin-bottom: 22px;}
.training-left h4 .dot { width: 8px; height: 8px; background: var(--bg-violet); border-radius: 50%; margin-right: 8px;}
.training-left h2 { font-size: 2.625rem; line-height: 1.2; color: var(--txt-black); font-weight: 400; margin-bottom: 25px;}
.training-left h2 span { color: var(--txt-violet); font-weight: 500;}
.training-left p { font-size: 1.125rem; line-height: 1.6; margin-bottom: 75px; font-weight: 400; padding-right: 50px;}
.training-left ul { list-style: none; padding: 0; margin: 0;}
.training-left ul li { display: flex; align-items: center; gap: 15px; font-size: 1.5rem; line-height: 1.2; font-style: italic; color: var(--txt-dblack); margin-bottom: 22px;}
.training-left ul li:last-child { margin-bottom: 0;}
.training-left ul li img { width: 34px; height: 34px; object-fit: contain;}
.training-right { width: 40%; position: relative;}
.training-right img { width: 100%; height: auto; display: block;}
.training-right img.org-img { position: absolute; left: 0; top: 0; width: 100%; object-fit: cover; height: 100%;}

.practice-sec { float: left; width: 100%; padding: 80px 0 120px;}
.practice-wrap { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6.3%;}
.practice-left { flex:0 1 52.7%;}
.practice-video { float: left; width: 100%; position: relative; border-radius: 4px;border: 1px solid var(--brd-solid);}
/* .banner-video { float: left; width: 100%; position: relative; height: 100vh; overflow: hidden;} */
.practice-video .mobile-video { display: none;}
.practice-video .org-img { position: absolute; top: 0; left: 0; z-index: 9; max-width: 100%; height: 100%; border-radius: 4px; object-fit: cover; object-position: top;}
.practice-right { flex:0 1 41%;}
.practice-right h2 { font-size: 2rem; line-height: 1.4; margin-bottom: 45px;}
.practice-right h2 span { color: var(--txt-violet); font-weight: 500;}
.link-item { display: flex; align-items: center; gap: 8px; font-size: 1.125rem; margin-bottom: 27px;}
.link-item a { font-size: 1.125rem; font-weight: 400; text-decoration: none; color: var(--txt-black);transition: all 0.8s ease; padding-bottom: 15px; position: relative;}
.link-item a i { transform: rotate(-45deg);transition: all 0.8s ease;color: var(--txt-black);}
.link-item a span.arrow { font-size: 1rem; margin-left: 5px;background: url("../images/right-arrow.svg") no-repeat center;  width: 21px;height: 21px;display: inline-block;transition: all 0.5s ease; position: relative;}
.link-item a::after { position: absolute; content: ''; width: 13px; height: 1px; left: 0; bottom: 0px; background: var(--bg-black);transition: all 0.8s ease;}
.link-item a:hover { color: var(--txt-violet); font-size: 1.5rem;}
.link-item a:hover i { color: var(--txt-violet); font-size: 1.8rem; }
.link-item a:hover::after { width: 100%;}
.link-item a:hover span.arrow {background: url("../images/right-arrow-h.png") no-repeat center;  width: 38px;height: 38px;}

.designlab-sec { float: left; width: 100%; padding: 60px 0 70px; background: #F8F8F8; position: relative;}
.designlab-sec::after { position: absolute; content: ''; width: 872PX; height: 100%; right: 0; top: 0px; background: url("../images/shape-a.svg") no-repeat center;}
.designlab-sec .row { position: relative; z-index: 1;}
.designlab-top { float: left; width: 100%; max-width: 66.8%;}
.designlab-sec h4 { display: inline-flex; align-items: center; padding: 7px 11px; font-size: 0.875rem; line-height: 1.1; font-weight: 500; color: var(--txt-violet); background: #EEEEEE; border-radius: 4px; margin-bottom: 25px;}
.designlab-sec h4 .dot { width: 8px; height: 8px; background: var(--bg-violet); border-radius: 50%; margin-right: 8px;}
.designlab-sec h2 { font-size: 2.625rem; line-height: 1.3; color: var(--txt-black); font-weight: 400; margin-bottom: 30px;}
.designlab-sec h2 span { color: var(--txt-violet); font-weight: 500;}
.designlab-sec p { font-size: 1.125rem; line-height: 1.6; margin-bottom: 45px; font-weight: 400; }
.designlab-sec ul li a.download-btn { color: var(--txt-violet);}
.feature-grid { width: 100%; float: left; margin-top: 60px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px;}
.feature-box { background: var(--bg-lblue); color: var(--txt-white); padding: 40px 25px 35px; border-radius: 4px;}
.feature-box h3 { margin-top: 15px; font-size: 1.375rem; line-height: 1.2; font-weight: 500; color: var(--txt-white); margin-bottom: 20px;}
.feature-box p { font-size: 1.125rem; line-height: 1.6; font-weight: 400; color: var(--txt-white); margin-bottom: 0px; padding-right: 0;}
.icon { width: 30px;}
.designlab-sec .quote-wrapper { padding-top: 50px;}
.designlab-sec .quote-wrapper p { font-size: 1.75rem; line-height: 1.5;}
.designlab-sec .quote-wrapper .author-rgt { margin-top: 0;}

.reinforrcement  { padding: 0 0 60px;}
.reinforrcement .training-left { width: 47.3%; padding-top: 65px; }
.reinforrcement .training-right { width: 38%;}
.training-left h3 { font-size: 1.375rem; line-height: 1.5; margin-bottom: 40px; font-weight: 500;}

.methodology  { padding: 120px 0 80px;}
.methodology .training-left { width: 50%; padding-top: 15px; }
.methodology .training-left h2 { font-size: 2rem;}
.methodology .training-left p { padding-right: 0; margin-bottom: 25px;}
.methodology .training-right { width: 44%;}

.portal-sec { float: left; width: 100%;}
.portal-main { float: left; width: 100%; background: #DADADA; text-align: center; padding: 45px 20px 40px; border-radius: 4px 4px 0 0;}
.portal-sec h3 { font-size: 1.75rem; line-height: 1.2; font-weight: 500; color: var(--txt-dblack); margin-bottom: 15px;}
.portal-sec h2 { font-size: 3rem; line-height: 1.2; font-weight: 400; color: var(--txt-dblack); margin-bottom: 15px;}
.portal-sec p { max-width: 700px; margin: 0 auto 40px; font-size: 1.125rem; line-height: 1.6; color: var(--txt-black);}
.portal-row {  float: left;width: 100%; text-align: center;}
.portal-row ul { width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.portal-row ul li { position: relative; padding: 0 25px; font-size: 1.25rem; color: var(--txt-black);}
.portal-row ul li::after { content: ""; position: absolute; right: 0; top: 50%; width: 1px; height: 34px; background: var(--bg-black); transform: translateY(-50%);}
.portal-row ul li:last-child:after {display: none;}
.portal-video { display:inline-block; width: 100%; max-width: 900px; margin: 30px 0; position: relative;}
.portal-sec .btn-group ul { justify-content: center;}
.portal-video .org-img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.portal-sec .btn-group { width: 100%;}

.steps-section { float: left;width: 100%; padding-bottom: 160px;}
.steps-slider {width: 100%; float: left; overflow: hidden; padding-top: 50px;}
.steps-slider .swiper-container, .steps-slider .swiper-wrapper{width: 100%; float: left; padding-top: 25px;}
.steps-slider .swiper-slide{width: 100%; float: left;}
.steps-section li { background: #282d66; color: #fff; padding: 0px 5px 15px; border-radius: 5px; min-height: 147px; max-width: 142px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; text-align: center; position: relative;}
.steps-section li div { width: 93px; height: 93px; background: var(--bg-lgrey2); border-radius: 50%; margin: -46px auto 15px; display: flex; justify-content: center; align-items: center;}
.steps-section li div img { width: 40px;}
.steps-section li p { width: 100%; font-size: 1.125rem; line-height: 1.3; color: var(--txt-white); margin: 0; font-weight: 400;}
.steps-section li:not(:first-child)::after { content: ""; background: #ffffff url("../images/double-arrow.svg") no-repeat center; width: 39px; height: 39px; position: absolute; left: -31px; top: 50%; transform: translateY(-50%); border-radius: 50%; z-index: 9; }

/************** Section background **************/
.perform-sec { width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0; background: var(--bg-lgrey2); position: relative; overflow: hidden;}
.perform-lft { flex: 0 1 53%; padding-left: calc((100% - 1280px) / 2);}
.perform-lft h2 { font-size: 3rem; line-height: 1.2; font-weight: 400; color: var(--bg-dblack); margin-bottom: 30px;}
.perform-lft h2 span { color: var(--txt-violet);}
.perform-lft a { background: var(--bg-violet); height: 46px; color: var(--txt-white); padding: 0 25px; font-size: 1.125rem; font-weight: 500; border-radius: 4px; display: inline-flex; align-items: center; justify-content: center; position: relative; transition: all 0.5s ease; }
.perform-lft a:hover { background: var(--bg-black); color: var(--txt-white);}
.perform-rgt { flex: 0 1 580px;  position: relative;}
.perform-rgt::before { content: ""; position: absolute; top: -218px; right: 180px; width: 377px; height: 375px; background: var(--bg-violet); border-radius: 50%; z-index: 9;}
.perform-rgt::after { content: ""; position: absolute; bottom: -195px; right: -174px; width: 377px; height: 375px; background: var(--bg-violet); border-radius: 50%; z-index: 1;}
.perform-rgt img { width: auto; max-width: 100%; min-height: 450px; z-index: 2;position: relative;float: left;}

/************** exexcutive-partners **************/
.partners { padding: 180px 0 140px;}
.partners .load-more a { padding: 0; background: none; border-radius: 0; color: var(--txt-violet); font-weight: 700;}
.partners .load-more a:hover { color:var(--txt-black);}

.authentic-sec { width: 100%; float: left; padding-bottom: 110px;}
.authentic-main { width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0; background: #FFF3F6; border-radius: 4px; position: relative; overflow: hidden;}
.authentic-rgt { flex: 0 1 100%; padding-left: 0; text-align: center; min-height: 434px; display: flex;flex-wrap: wrap;align-items: center;}
.authentic-rgt h2 { font-size: 3rem; line-height: 1.2; font-weight: 400; color: var(--bg-dblack); margin-bottom: 35px;}
.authentic-rgt h2 span { color: var(--txt-violet); font-weight: 500; display: inline-block;}
.authentic-rgt p { width: 100%; font-size: 1.125rem; line-height: 1.3; color: var(--txt-black); margin-bottom: 60px; font-weight: 400;}
.authentic-rgt a { background: var(--bg-violet); height: 36px; min-width: 149px; color: var(--txt-white); padding: 0 20px; font-size: 1.125rem; font-weight: 500; border-radius: 4px; display: inline-flex; align-items: center; justify-content: center; position: relative; transition: all 0.5s ease; }
.authentic-rgt a:hover { background: var(--bg-black); color: var(--txt-white);}
.authentic-lft { flex: 0 1 580px;  position: absolute; left: 0; top: 0;}
.authentic-lft::before { content: ""; position: absolute; top: -125px; left: -38px; width: 233px; height: 232px; background: var(--bg-violet); border-radius: 50%; z-index: 1;}
.authentic-lft img { width: auto; max-width: 100%; min-height: 434px; z-index: 2;position: relative;float: left;}

/************** executive-partners-inside **************/
.partners-profile { float: left; width: 100%; padding: 20px 0 30px;  display: flex; text-align: right; }
.partners-main { width: 100%; display: inline-flex; flex-wrap: wrap; row-gap: 40px; column-gap: 0; align-items: flex-start; justify-content: space-between; position: relative;}
.partners-left {width: 435px;  text-align: left; position: relative; padding-left: 25px;}
.partners-left h2 { font-size: 2rem; line-height: 1.2; color: var(--bg-dblack); font-weight: 500; margin-bottom: 25px;}
.partners-img { position: absolute;}
.partners-img img { width: 100%; margin-left: -25px; object-fit: cover;  border-radius: 4px;}
.partners-left .coach-region { margin-bottom: 0;}
.partners-cont { margin-top: 80px;padding: 350px 25px 45px 45px;background: #F0F0F0; }
.partners-left .social-list li img { width: auto; margin: 0; }
.partners-right { flex: 0 1 calc(100% - 540px); margin-top: 0px; padding: 0px 70px 0px 0; text-align: left;} 
.partners-right h3 {font-size: 1.375rem; line-height: 1.2; color: var(--bg-dblack); font-weight: 500; margin-bottom: 15px;}
.partners-right ul  { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 10px; margin-bottom: 50px;}
.partners-right ul li  { flex: 0 1 100%; color: var(--txt-black); font-size: 1.125rem; line-height: 1.6; font-weight: 400; padding-left: 18px; position: relative; }
.partners-right ul li::after { position: absolute; content: ''; width: 10px; height: 10px; left: 0; top: 8px; background: #D9D9D9; border-radius: 100%;}

/************** reinforcement **************/
.reinforcement-sec { float: left; width: 100%; padding: 80px 0;}
.reinforcement-wrap { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; row-gap: 40px;}
.reinforcement-left { width: 53%;padding-left: calc((100% - 1280px) / 2); padding-top: 0px;}
.reinforcement-left h4 { display: inline-flex; align-items: center; padding: 15px 20px; font-size: 1.375rem; line-height: 1.1; font-weight: 500; color: var(--txt-violet); background: #EEEEEE; border-radius: 4px; margin-bottom: 22px;}
.reinforcement-left h4 .dot { width: 8px; height: 8px; background: var(--bg-violet); border-radius: 50%; margin-right: 8px;}
.reinforcement-left h2 { font-size: 2.625rem; line-height: 1.3; color: var(--txt-black); font-weight: 400; margin-bottom: 25px;}
.reinforcement-left h2 span { color: var(--txt-violet); font-weight: 500;}
.reinforcement-left h3 { font-size: 1.75rem; line-height: 1.2; color: var(--txt-dblack); font-weight: 500; margin-bottom: 25px;}
.reinforcement-left p { font-size: 1.125rem; line-height: 1.6; margin-bottom: 65px; font-weight: 400; padding-right: 50px;}
.reinforcement-left p span { font-weight: 600; color: var(--txt-violet);}
.reinforcement-left ul { display: flex; flex-wrap: wrap; align-items: center; gap: 22px; padding: 0; margin: 0;}
.reinforcement-left ul li { flex: 0 1 100%; font-size: 1.125rem; line-height: 1.2; color: var(--txt-dblack); padding-left: 32px; position: relative;}
.reinforcement-left ul li::after { content: ""; background: url("../images/check-violet.svg") no-repeat center; width: 21px; height: 20px; position: absolute; left: 0; top: 0; }
.reinforcement-left ul li img { width: 34px; height: 34px; object-fit: contain;}
.reinforcement-right { width: 38%; position: relative; border-radius: 4px 0 0 4px; overflow: hidden;}
.reinforcement-right img { width: 100%; height: auto; display: block;}
.reinforcement-right img.org-img { position: absolute; top: 0; left: 0; z-index: 9; max-width: 100%; height: 100%; object-fit: cover;}


.reinforcement-blogs { float: left; width: 100%; padding: 80px 0;}
.reinforce-main { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 2.1%; row-gap: 30px; padding: 0px 20px 25px; box-shadow: 0 4px 6px -2px rgba(15, 15, 20, 0.03);}
.reinforce-img { flex:0 1 51.9%; position: relative; overflow: hidden;}
.reinforce-img img { float: left; width: 100%; transition: all 0.5s ease;min-height: 235px;object-fit: cover;}
.reinforce-img img.org-img { position: absolute; top: 0; left: 0; z-index: 9; max-width: 100%; height: 100%; object-fit: cover;}
.reinforce-cont {flex: 0 1 46%; padding: 0; height: 100%; min-height: 360px; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: space-between; transition: all 0.5s ease; }
.reinforce-cont h4 { float: left; width: 100%; font-weight: 500; color: var(--txt-vblue); font-size: 0.875rem; line-height: 1.1; position: relative; margin-bottom: 20px;}
.reinforce-cont h3 { float: left; width: 100%; font-weight: 500; color: var(--txt-title); font-size: 1.75rem; line-height: 1.3; transition: all 0.5s ease; position: relative; margin-bottom: 15px;}
.reinforce-cont p { float: left; width: 100%; color: var(--txt-ltgrey); font-size: 1.125rem; line-height: 1.5; position: relative; margin-bottom: 18px; transition: all 0.5s ease;}
.reinforce-cont a:hover span i { transform: rotate(80deg);}
.reinforce-cont .author-btm { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 13px; align-items: center;}
.reinforce-cont .author-btm-img { flex: 0 1 40px;}
.reinforce-cont h5 { color: var(--txt-title); font-size: 0.875rem; line-height: 1.2; font-weight: 500; position: relative; margin-bottom: 0px; transition: all 0.5s ease;}
.reinforce-cont span { color: var(--txt-dkgrey); font-size: 0.875rem; line-height: 1.2; font-weight: 300; position: relative; margin-bottom: 0px; transition: all 0.5s ease;}
.reinforce-cont a.read-more { color: var(--txt-violet); font-size: 1.125rem; line-height: 1.2; font-weight: 500; display: inline-flex; column-gap: 15px; align-items: center; transition: all 0.5s ease; margin-top: 0px; }
.reinforce-cont a.read-more i { transform: rotate(-45deg);transition: all 0.5s ease;}
.reinforce-cont a.read-more:hover { color: var(--txt-black);}

ul.home-blogs { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; row-gap: 30px;}
ul.home-blogs li { flex: 0 1 32.1%;}
ul.home-blogs li:first-child { flex: 0 1 66%;}
.home-blog .facilitators-row { align-items: flex-start;}
.home-blog .facilitators-row h4 { width: auto; margin: 0; font-size: 1rem; line-height: 1.3; font-weight: 400; color: var(--bg-dblack); margin-right: 3px; display: flex; align-items: center;}
.home-blog .facilitators-row img { width: 36px; height: 36px;}
ul.home-blogs .facilitators-row ul { flex-wrap: wrap; column-gap: 15px; row-gap: 12px;}
ul.home-blogs .facilitators-row ul li { flex: 0 1 100%;}
ul.home-blogs .facilitators-row ul li a { column-gap: 5px;}
ul.home-blogs .details { margin-bottom: 15px;}
ul.home-blogs .details li { color: var(--bg-black); flex: 0 1 auto;}
.home-blog .reinforce-img { flex: 0 1 48.6%;}
.home-blog .reinforce-cont { height: inherit; min-height: inherit;flex: 0 1 48.2%;}
.home-blog .reinforce-cont p{ color: var(--bg-black); margin-bottom: 13px;}
ul.home-blogs li:last-child .reinforce-img { flex: 0 1 100%;}
ul.home-blogs li:last-child .reinforce-cont { flex: 0 1 100%;}
ul.home-blogs li:last-child .reinforce-cont h3 { font-size: 1.5rem; line-height: 1.4; margin-bottom: 10px;}
ul.home-blogs li:first-child .reinforce-img img { height: 100%; object-fit: cover;}
ul.home-blogs li:first-child a.read-more { background: var(--bg-violet); height: 38px; max-width: 92px; width: auto; color: var(--txt-white); padding: 8px 12px; font-size: 1.125rem; font-weight: 500; border-radius: 4px; display: inline-flex; align-items: center; justify-content: center; position: relative; transition: all 0.5s ease; }
ul.home-blogs li:first-child a.read-more:hover { background: var(--bg-black); color: var(--txt-white);}

.resources-sec { float: left; width: 100%; padding: 65px 0; background: var(--bg-dgrey);}
.resources-sec h2 { font-size: 2.5rem; line-height: 1.2; color: var(--txt-black); font-weight: 400; margin-bottom: 45px;}
.resources-wrap { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; row-gap: 40px;}
.resources-left { flex:0 1 49%;padding-top: 0px;}
.resources-left h4 { display: inline-flex; align-items: center; padding: 15px 20px; font-size: 1.375rem; line-height: 1.1; font-weight: 500; color: var(--txt-violet); background: #EEEEEE; border-radius: 4px; margin-bottom: 22px;}
.resources-left h4 .dot { width: 8px; height: 8px; background: var(--bg-violet); border-radius: 50%; margin-right: 8px;}
.resources-left h3 { font-size: 1.375rem; line-height: 1.2; color: var(--txt-violet); font-weight: 500; margin-bottom: 20px;}
.resources-left p { font-size: 1.125rem; line-height: 1.6; margin-bottom: 35px; font-weight: 400; ;}
.resources-left p span { font-weight: 600; color: var(--txt-violet);}
.resources-left ul { display: flex; flex-wrap: wrap; align-items: center; gap: 22px; padding: 0; margin: 0;}
.resources-left ul li { flex: 0 1 100%; font-size: 1.125rem; line-height: 1.2; color: var(--txt-dblack); padding-left: 32px; position: relative;}
.resources-left ul li::after { content: ""; background: url("../images/check-violet.svg") no-repeat center; width: 21px; height: 20px; position: absolute; left: 0; top: 0; }
.resources-left ul li img { width: 34px; height: 34px; object-fit: contain;}
.resources-right { flex:0 1 36%;}
.resources-right img { width: 100%; height: auto; display: block;}

.flip-card { background-color: transparent; width: 365px; height: 585px; perspective: 1000px;}
.flip-card-inner { position: relative; width: 100%; height: 100%; text-align: center; transform-style: preserve-3d; backface-visibility: hidden; -moz-backface-visibility: hidden; animation: flipCard 4s ease-in-out infinite; /* auto, continuous */}
.flip-card:focus { outline: 0;}
.flip-card:hover .flip-card-inner,
.flip-card:focus .flip-card-inner{ transform: rotateY(180deg);}
.flip-card-front,
.flip-card-back { position: absolute; width: 100%; height: 100%;}
.flip-card-front { color: black; z-index: 2; display: flex; justify-content: center; align-items: center; border-radius: 41px;}
.flip-card-back { background: #252525; padding: 70px 25px 50px; border: 3px solid var(--border-color); color: var(--txt-white); transform: rotateY(180deg);
  z-index: 1; display: flex; flex-wrap: wrap; justify-content: left; text-align: left; align-items: flex-start; border-radius: 41px;}
.flip-card-back h3 { float: left; width: 100%; font-size: 1.25rem; line-height: 1.2; font-weight: 500; color: var(--txt-white); margin-bottom: 25px;}
.flip-card-back p { float: left; width: 100%;font-size: 1.125rem; line-height: 1.6; color: var(--txt-white); margin-bottom: 0px;}
@keyframes flipCard {
  0%   { transform: rotateY(0deg); }
  40%  { transform: rotateY(0deg); }
  50%  { transform: rotateY(180deg); }
  90%  { transform: rotateY(180deg); }
  100% { transform: rotateY(360deg); }
}

.portal { background: var(--bg-dgrey);}
.portal .reinforcement-wrap { align-items: center; margin-bottom: 100px;}
.portal .reinforcement-left ul { margin-bottom: 30px;}
.portal .reinforcement-left { width: 49%; order: 2; padding-left: 0; padding-right: calc((100% - 1280px) / 2);}
.portal .reinforcement-left ul li { padding-left: 0;}
.portal .reinforcement-left ul li::after { display: none;}
.portal .reinforcement-left ul li span { color: rgba(132, 27, 93, 0.2); font-weight: 800; margin-right: 7px;}
.portal .reinforcement-right { width: 48%; padding-left: calc((100% - 1280px) / 4); }
.portal .reinforcement-right img.dummy-img { opacity: 0;}
.portal .reinforcement-left p { margin-bottom: 30px; padding-right: 0;}
.portal .explore-btn  { background: var(--bg-violet); height: 35px; min-width: 91px; color: var(--txt-white); padding: 0 20px; font-size: 1rem; font-weight: 500; border-radius: 4px; display: inline-flex; align-items: center; justify-content: center; position: relative; transition: all 0.5s ease; }
.portal .explore-btn:hover { background: var(--bg-black); color: var(--txt-white);}

.portal .reinforcement-wrap:nth-child(2) { flex-direction: row-reverse;}
.portal .reinforcement-wrap:last-child { margin-bottom: 0;}

.additional .resources-wrap { align-items: flex-start;}
.additional .resources-left { flex:0 1 43%;}
.additional .resources-right { flex:0 1 48%; }

.ama-session { padding: 120px 0 120px;}
.ama-session .reinforce-img { flex: 0 1 49.9%;}
.ama-session .reinforce-main { align-items: flex-start;}

/************** careers **************/
.careers-top { width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0; ; position: relative; overflow: hidden;}
.careers-cont { flex: 0 1 49.5%; padding-left: calc((100% - 1280px) / 2);}
.careers-cont h2 { font-size: 3rem; line-height: 1.1; font-weight: 400; color: var(--bg-dblack); margin-bottom: 50px;}
.careers-cont h2 span { color: var(--txt-violet);}
.careers-cont p { font-size: 1.125rem; line-height: 1.6; font-weight: 400; color: var(--bg-black); margin-bottom: 40px;}
.careers-cont a { background: var(--bg-violet); height: 46px; color: var(--txt-white); padding: 0 25px; font-size: 1.125rem; font-weight: 500; border-radius: 4px; display: inline-flex; align-items: center; justify-content: center; position: relative; transition: all 0.5s ease; }
.careers-cont a:hover { background: var(--bg-black); color: var(--txt-white);}
.careers-img { flex: 0 1 580px;  position: relative;}
.careers-img::before { content: ""; position: absolute; top: 75px; left: 50px; width: 236px; height: 236px; background: var(--bg-vblue); border-radius: 50%; z-index: 9;}
.careers-img::after { content: ""; position: absolute; bottom: 0; right: -100px; width: 236px; height: 236px; background: var(--bg-vblue); border-radius: 50%; z-index: 1;}
.careers-img img { width: auto; max-width: 100%; min-height: 450px; z-index: 2;position: relative;float: left;}

.careers-positions-sec { float: left;width: 100%; background:var(--bg-dgrey); padding: 90px 0; }
.careers-txt h2 { font-size: 3rem; line-height: 1.1; font-weight: 400; color: #2D2A26; margin-bottom: 25px;}
.careers-txt h2 span { color: var(--txt-violet); font-weight: 500;}
.careers-txt p { font-size: 1.125rem; line-height: 1.6; font-weight: 400; color: #54565B; margin-bottom: 0px;}

.careers-section { float: left; width: 100%; padding: 110px 0;}
.careers-main { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start; gap: 80px;}
.careers-left { flex: 0 1 40.5%;}
.careers-left img { width: 100%; height: auto; border-radius: 4px; display: block;}
.careers-right { flex: 0 1 48.5%;}
.careers-right h2 { font-size: 3rem; line-height: 1.2; margin-bottom: 20px; font-weight: 400;}
.careers-right p { color: var(--txt-black); font-size: 1.125rem; line-height: 1.6; margin-bottom: 50px;}
.careers-right ul { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; row-gap: 50px;}
.careers-right ul li { flex: 0 1 50%; display: flex; flex-wrap: wrap; align-items: center; color: var(--bg-dblack); font-size: 1.375rem;}
.careers-right ul li img { width: auto; margin-right: 18px;}

/************** Let's Talk **************/
.contact-section { float: left; width: 100%; padding:80px 0; overflow: hidden; position: relative;}
/*.contact-section::before { display:none; content: ""; position: absolute; bottom: 0px; left: 0; width: 535px; height: 864px; background: url("../images/contact-shape.svg") no-repeat center; z-index: 2;}
.contact-section::after { display:none; content: ""; position: absolute; bottom: -170px; left: 15%; width: 363px; height: 363px; background: var(--bg-violet); border-radius: 50%; z-index: 1;}*/
.contact-wrap  { float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 80px;}
.contact-left { flex: 0 1 40%;}
.contact-left h2 { font-size: 3rem; line-height: 1.2; font-weight: 400; color: var(--bg-dblack); margin-bottom: 30px;}
.contact-left h2 span { color: var(--txt-violet); font-weight: 500;}
.contact-left p { font-size: 1rem; line-height: 1.6; font-weight: 400; color: var(--bg-dblack); margin-bottom:25px;}
.contact-right { flex: 0 1 49%;}
.contact-form{float: left; width: 100%; padding: 35px 25px 25px; background: #F5F5F5; border-radius: 4px; position: relative; z-index: 1;}
.contact-form h3{width: 100%; float: left; color: var(--txt-violet); font-size: 1.75rem; line-height: 1.2; font-weight:400; margin-bottom: 30px;}
.contact-form ul { width: 100%; float: left; display: flex; flex-wrap: wrap; row-gap: 35px;}
.contact-form ul li { flex: 0 1 100%; display: flex; flex-wrap: wrap; column-gap: 4%;}
.contact-form ul li .half{flex: 0 1 48%;}
.contact-form ul li input[type="text"], .contact-form ul li input[type="tel"], .contact-form ul li input[type="email"], .contact-form ul li textarea { width: 100%; border: none; height: 44px; font-family: "Roboto", sans-serif; font-size: 1rem; line-height: 1; color: #7F7F7F; font-weight: 400; padding: 10px 20px; border-radius: 4px;}
.contact-form ul li textarea { height: 80px; line-height: 26px;}
.contact-form ul li input::placeholder, .contact-form ul li textarea::placeholder { color: #7F7F7F;}
.contact-form ul li input[type="text"]:focus { color: var(--txt-black); border-bottom: 1px solid var(--bg-violet);}
.frm-sent { width: 100%; float: left; display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;row-gap: 20px;}
.frm-sent .chk-lft {flex: 0 1 100%;}
.frm-sent .chk-rgt {display: flex;justify-content: end;flex-wrap: wrap;flex: 0 1 100%;}
.contact-form ul li p { width: 100%;}
.wpcf7 form.invalid .wpcf7-response-output { padding: 6px 10px; border-color: red !important; background: red; color: var(--txt-white); text-align: center; float: left; width: 100%; margin: 0;}
.wpcf7-spinner { margin: 10px auto !important; display: flex !important;}
.contact-form input[type="text"], .contact-form input[type="tel"], .contact-form input[type="email"], .contact-form textarea, .contact-form select, .ebook-form .gform_wrapper.gravity-theme .ginput_complex input, .ebook-form .gform_wrapper.gravity-theme .ginput_complex select, .gform_wrapper.gravity-theme .gfield input.large, .gform_wrapper.gravity-theme .gfield select.large, .ebook-form textarea { width: 100%; border: none !important; box-shadow: none !important; height: 44px; font-family: "Roboto", sans-serif; font-size: 1rem !important; line-height: 1; color: #7F7F7F; font-weight: 400; padding: 10px 20px !important; background: var(--bg-white); border-radius: 4px;}
.contact-form textarea, .ebook-form textarea { height: 80px !important; line-height: 26px;}
.contact-form input::placeholder, .contact-form textarea::placeholder { color: #7F7F7F;}
.contact-form input[type="text"]:focus { color: var(--txt-black); border-bottom: 1px solid var(--bg-violet);outline: none;}
.contact-form .gform-theme--foundation .gform_fields { row-gap: 30px;}
.contact-form label, .gform_wrapper.gravity-theme .gfield_label { color: var(--txt-lblack) !important; font-weight: 500 !important;}

.contact-form ul li .env-btn, .contact-form input[type="submit"], .gform_wrapper.gravity-theme .gform_footer input[type="submit"] {display: flex; align-items: center; justify-content: center;height: 38px; border: none; width: 100%; background: var(--bg-violet);border-radius: 4px; font-weight: 500; transition: all .5s ease;color: var(--txt-white);font-size: 1.125rem; text-align: center; cursor: pointer; display: flex; margin-top: 10px;}
.contact-form ul li .env-btn:hover, .contact-form input[type="submit"]:hover, .gform_wrapper.gravity-theme .gform_footer input[type="submit"]:hover { background: var(--bg-black);}
.contact-form .frm-select {width: 100%;}
.contact-form  label{ width:auto; color: var(--txt-white); font-size:1rem; line-height: 24px; margin-right: 12px;}
.contact-form .sbHolder { width:100%; position:relative; background: var(--bg-white); padding:0; }
.contact-form .sbSelector {border: none; height: 44px; font-family: "Roboto", sans-serif; font-size: 1rem; line-height: 1.5; color: #7F7F7F; font-weight: 400; padding: 10px 20px; border-radius: 4px;}
.contact-form .sbToggle { position:absolute; content:""; background: url(../images/check-arrow.svg) no-repeat; right: 16px; top: 16px; left:auto; width:16px; height:16px; padding: 0;transition: all 0.5s ease;}
/* .contact-form .sbHolder a {padding: 10px 20px;width: 100%;display: flex;align-items: center;text-align: left; height: 41px;color: var(--txt-lglgrey) !important;font-size: 1.125rem !important;line-height: 1.1 !important; } */
.contact-form .sbToggle.sbToggleOpen {transform: rotate(180deg); }
.contact-form .sbHolder ul.sbOptions {width: 100%;display: flex;flex-wrap: wrap;column-gap: 0;row-gap: 0;border-radius:5px; background: var(--bg-white); position: absolute; z-index: 10; }
.contact-form .sbHolder ul.sbOptions li { flex: 0 1 100%;}
.contact-form .sbOptions a { padding: 7px 20px; height: auto; width: 100%;}
.contact-form .sbHolder a:hover { color: var(--txt-violet) !important;}
.contact-form .sbHolder ul.sbOptions { position: relative; top: 0 !important;}

/************** AMA **************/
.ama-top-section { float: left; width: 100%; padding: 50px 0 90px; overflow: hidden; position: relative;}
.ama-top-rgt img { width: auto; max-width: 100%; min-height: 450px; z-index: 2;position: relative;float: left;}
.ama-top-wrap  { float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 40px;}
.ama-top-left { flex: 0 1 45.5%;padding-left: calc((100% - 1280px) / 2);}
.ama-top-left h1 { font-size: 2rem; line-height: 1.3; font-weight: 500; color: var(--bg-dblack); margin-bottom: 35px;}
.ama-top-left p { font-size: 1.125rem; line-height: 1.6; font-weight: 400; color: var(--bg-dblack); margin-bottom: 30px;}
.ama-top-right { flex: 0 1 48%;}
.ama-top-right img { border-radius: 12px 0 0 12px;}
.details { width: 100%; display: flex; flex-wrap: wrap; gap: 26px; list-style: none; padding: 0; margin: 0 0 25px 0;}
.details li {font-size: 1rem; line-height: 1.3; font-weight: 400; color: var(--bg-dblack);}
.details li img { max-height: 24px; width: auto;}
.facilitators-row { width: 100%; display: flex; align-items: center; gap: 10px; margin-bottom: 30px;}
.facilitators-row h3 {font-size: 1rem; line-height: 1.3; font-weight: 400; color: var(--bg-dblack); margin-right: 25px; display: flex; align-items: center;}
.facilitators-row h3 img { max-height: 24px; width: auto;}
.facilitators-row ul { width: auto; display: flex; gap: 20px; list-style: none; padding: 0; margin: 0;}
.facilitators-row ul li a { display: flex; align-items: center; font-size: 1rem; line-height: 1.3; font-weight: 400; color: #254CE7;}
.facilitators-row img { width: 40px; height: 40px; border-radius: 50%;}
.details li span, .facilitators-row ul li span, .facilitators-row h3 span { float: left; margin-right: 10px;}
.ama-top-left .explore-btn  { background: var(--bg-violet); height: 38px; min-width: 92px; color: var(--txt-white); padding: 0 20px; font-size: 1.125rem; font-weight: 500; border-radius: 4px; display: inline-flex; align-items: center; justify-content: center; position: relative; transition: all 0.5s ease; }
.ama-top-left .explore-btn:hover { background: var(--bg-black); color: var(--txt-white);}


.ama-section { float: left; width: 100%; padding: 40px 0 130px; position: relative;}
.ama-wrap  { float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; column-gap:4%; row-gap: 40px; position: relative;}
.ama-left { width: 48%;}
.ama-right { width: 48%; position: sticky; top: 0;top: 120px;align-self: flex-start; }
.ama-left h2 {color: var(--txt-violet); font-size: 2rem; line-height: 1.2; font-weight: 500; margin-bottom: 30px;}
.ama-cont { float: left; width: 100%; }
.ama-cont h2 {margin-bottom:15px;}
.ama-cont p { font-size: 1.125rem; line-height: 1.5; font-weight: 400; color: var(--bg-black); margin-bottom: 25px;}
.ama-cont p span { color: var(--txt-violet); font-weight: 500;}
.ama-cont ul { float: left; width: 100%; margin-bottom:30px; display: flex; flex-wrap: wrap; align-items: center; gap:15px; }
.ama-cont ul li { flex: 0 1 100%; font-size: 1.125rem; line-height: 1.5; color: var(--txt-dblack); padding-left: 30px; position: relative;}
.ama-cont ul li::after { content: ""; background: url("../images/check-violet.svg") no-repeat center; width: 21px; height: 20px; position: absolute; left: 0; top: 3px; background-size: 15px auto;}
.ama-left .info-grid h3 {color: var(--txt-white); font-size: 1.375rem; line-height: 1.2; font-weight: 500; margin-bottom: 35px;}
.ama-left .info-grid p { font-size: 1.125rem; line-height: 1.6; font-weight: 400; color: var(--bg-white); margin-bottom: 0px;}


/* ---- Grid Boxes ---- */
.info-grid { width: 100%; display: flex; flex-wrap: wrap; gap: 30px; margin-bottom: 40px;}
.info-grid div.one-col { flex: 0 1 100%;}
.info-grid div.one-col div { padding: 35px 40px; border-radius: 4px; background: var(--bg-lblue);}
.info-grid div.two-col { flex: 0 1 100%;display: flex; flex-wrap: wrap; gap: 4%;}
.info-grid div.two-col .lft-grid { flex: 0 1 48%;}
.info-grid div.two-col .rgt-grid { flex: 0 1 48%;}
.info-grid div.two-col .lft-grid div { float: left; width: 100%; padding: 35px 40px; border-radius: 4px; min-height: 613px; background: var(--bg-lblue); color: var(--txt-white);}
.info-grid div.two-col .rgt-grid div { width: 100%; padding: 35px 40px; border-radius: 4px; background: var(--bg-lblue); color: var(--txt-white);}
.info-grid div.two-col .rgt-grid div:first-child { background: var(--bg-white); color: #333; border: 2px solid #CFCFCF; margin-bottom: 30px;}
.info-grid div.two-col .rgt-grid div:first-child h3 {color: var(--txt-violet);}
.info-grid div.two-col .rgt-grid div:first-child p {color: var(--txt-dblack);}
.info-grid ul { margin-top: 30px; float: left; width: 100%; }
.info-grid li { font-size: 1.125rem; line-height: 1.6; font-weight: 400; color: var(--bg-white); padding-left: 20px; margin-bottom: 25px; position: relative;}
.info-grid li::after { content: ""; position: absolute; top:8px; left: 0; width: 12px; height: 12px; background: #D9D9D9; border-radius: 50%; z-index: 1;}
.qa-box { float: left; width: 100%;  padding: 35px 30px 40px; border-radius: 4px; background: var(--bg-white); border: 2px solid #D9D9D9; margin-bottom: 50px;}
.qa-box h3 { color: var(--txt-violet); font-size: 1.75rem; line-height: 1.2; font-weight: 500; margin-bottom: 20px;}
.qa-box p {font-size: 1.375rem; line-height: 1.6; font-weight: 500; color: var(--bg-dblack); padding: 0 30px; text-align: center; font-style: normal; margin-bottom: 0;}
.qa-box .testimonials-slide { position: relative;}
.qa-box .testimonials-main { padding: 0;}
.qa-box .swiper-nav-testimonials { width: 100%; bottom: auto; top: 50%; transform: translateY(-50%); z-index: 1;}
.qa-box .testimonials-slide .swiper-button-prev-testimonials, .qa-box .testimonials-slide .swiper-button-next-testimonials { background: none; border: none; width: auto; height: auto; padding: 0; color: #7F7F7F;}
.qa-box .testimonials-slide .swiper-wrapper { padding: 0;}
.qa-box .testimonials-slide .swiper-button-prev-testimonials.swiper-button-disabled, .qa-box .testimonials-slide .swiper-button-next-testimonials.swiper-button-disabled {color:rgba(1.6, 186, 186, 0.2);} 
.qa-box .testimonials-slide .swiper-button-prev-testimonials:hover.swiper-button-disabled, .qa-box .testimonials-slide .swiper-button-next-testimonials:hover.swiper-button-disabled { cursor: auto; color:rgba(1.6, 186, 186, 0.02);} 

/* ---- Accordion ---- */
.ama-accordion { float: left; width: 100%;}
.ama-accordion h2 { margin-bottom: 15px;}
.ama-accordion .acc-item { border-bottom: 1px solid #D9D9D9;}
.ama-accordion h3 { width: 100%; background: none; border: none; padding: 28px 0 21px; text-align: left; font-size: 1.375rem; font-weight: 500; color: var(--txt-dblack); cursor: pointer; position: relative;}
.ama-accordion h3::after { content: ""; position: absolute; right: 5px; transition: transform 0.35s ease-in-out;  border-right: 2px solid var(--bg-dblack);
  border-bottom: 2px solid var(--bg-dblack); width: 10px; height: 10px; transform: rotate(45deg); top: 34px;}
.acc-panel { display: none; padding: 0px 0 15px;  overflow: hidden;transition: transform 0.35s ease-in-out;}
.acc-panel p { font-size: 1.125rem; line-height: 1.6; color: var(--txt-dblack); font-weight: 400; }
.acc-item.active h3::after { transform: rotate(225deg);}
.acc-item.active .acc-panel { display: block;}

.contact-form ul li .frm-input.checkbox { float: left; width: 100%;}
.contact-form ul li .frm-input.checkbox input[type="checkbox"] {  height: 1px; left: 0; position: absolute; top: 0; visibility: hidden; width: 1px;}
.contact-form ul li .frm-input.checkbox label.check-label {  pointer-events: inherit;  cursor: pointer;  padding-left: 30px; position: relative; float: left; width: 100%; line-height:1.2; text-align: left;color: #454545;font-size: 1rem;font-weight: 400;}
.contact-form ul li .frm-input.checkbox label.check-label::before { cursor: pointer; background: var(--bg-white); content: ""; height: 12px; left: 3px; position: absolute; top: 3px; transition: all 0.3s ease-in-out 0s; width: 12px;z-index: 9;border-radius: 2px;}
.contact-form ul li .frm-input.checkbox label.check-label::after { background: var(--bg-white) none repeat scroll 0 0; border: 1.6px solid #7F7F7F; content: ""; height: 18px; left: 0; position: absolute; top: 0px; width: 18px; border-radius: 2px;}
.contact-form ul li .frm-input.checkbox input:checked + label.check-label::before {background: #7F7F7F;}

.past-ama-section { float: left; width: 100%; padding: 40px 0; background: var(--sec-bg);  text-align: center;}
.past-ama-section h2 { font-size: 3rem; line-height: 1.1; font-weight: 400; color: var(--txt-violet); margin-bottom: 25px;}
.past-ama-section p { font-size: 1.375rem; line-height: 1.5; font-weight: 500; color: var(--bg-dblack); margin-bottom: 25px;}

.ama-list { float: left; width: 100%;}
.ama-list ul {float: left; width: 100%; list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; column-gap: 2%; row-gap: 25px; justify-content: center;}
.ama-list li { flex:0 1 32%;}
.ama-list li a { float: left; width: 100%;border-bottom: 1px solid #D9D9D9; border-radius: 4px; background: var(--bg-white); border: 1px solid #ddd; overflow: hidden;text-align: left; padding: 10px 10px 25px;}
.ama-list li img {  width: 100%;  display: block; border-radius: 4px; }
.ama-list li h3 { font-size: 1.375rem; line-height: 1.2; color: var(--bg-dblack); font-weight: 500; margin: 15px 0 25px;}
.ama-list li a:hover span { color: var(--txt-black); filter: invert(0) brightness(0);}

.ama-list li a span { font-size: 1.125rem; line-height: 1.2; color: var(--bg-violet); font-weight: 500; display: flex; flex-wrap: wrap; column-gap: 10px;}
.ama-list li .video-img { width: auto;}
.ama-list li span.play img { width: auto;}
.ama-list li .ama-list-img {width: 100%; float: left; overflow: hidden; position: relative; margin-bottom: 15px; border-radius: 4px;}
.ama-list li .ama-list-img img{width: 100%; float: left; transition: all 0.5s ease;}
.ama-list li a:hover .ama-list-img img{transform: scale(1.06);}
.past-ama-section.events { padding-bottom: 110px;}
.past-ama-section .other-blogs-slide { overflow: hidden; text-align: left;}
.past-ama-section.events .other-blogs-slide .swiper-slide a { background: var(--bg-white);}
.past-ama-section.events .other-blogs-slide .other-blog-cnt h3 { min-height: auto; font-size: 1.375rem; margin-bottom: 12px;}
.past-ama-section.events .other-blogs-slide .other-blog-cnt p { display: block;}

/*------------ Master Workshop ------------*/
.workshop-sec { float: left; width:100%; padding:80px 0; }
.workshop-sec h2 {float: left;width: 100%; color: var(--txt-black); font-size: 2rem; line-height: 1.2; font-weight: 500; margin-bottom:30px;}
.workshop-container { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start; column-gap:2%; row-gap: 40px; }
.workshop-li { flex: 0 1 32%; padding: 12px 12px 60px; background: var(--bg-white); border: 1px solid var(--border-lgrey); border-radius: 4px; position: relative; }
.workshop-li a { display: block; }
.workshop-img {float: left; width: 100%; border-radius: 4px; margin-bottom: 0px; position: relative; overflow: hidden;}
.workshop-img img { border-radius: 4px;display: block;  transition: transform 0.6s ease;}
.workshop-img .org-img {position: absolute;left: 0;top: 0;width: 100%;height:100%;object-fit: cover;}
.workshop-img .badge { position: absolute; top: 0px;right: 0px; background: var(--bg-cyan); color: #fff; padding: 6px 15px 6px 25px; border-radius: 2px 4px 2px 2px; font-size: 0.875rem; line-height: 1.15; font-weight: 500; display: flex;flex-wrap: wrap;align-items: center;column-gap: 8px;}
.workshop-img .badge::after { position: absolute; content: ''; left: 12px; top: 10px; width: 8px; height: 8px; display: inline-block; background: var(--bg-white); border-radius: 50px;}
.workshop-cnt {float: left; width: 100%; margin-top: 15px; min-height: 175px; }
.workshop-cnt h6 {color: var(--txt-vblue);font-size: 0.875rem;line-height: 1.4;font-weight: 500;margin-bottom: 12px;}
.workshop-cnt h3 {  font-size: 1.75rem; color: var(--txt-dblack);line-height: 1.2;font-weight: 500; margin-bottom:15px; min-height: 65px;}
.workshop-cnt p {  font-size: 1.125rem; color: var(--txt-dblack); margin-bottom: 15px; font-weight: 400;  transition: color 0.6s ease, opacity 0.6s ease;}
.workshop-cnt h5 { font-size: 1.125rem; color: var(--txt-dblack); margin-bottom: 10px; font-weight: 400;display: flex;flex-wrap: wrap;width: 100%; column-gap: 10px;}
.workshop-cnt h5.date span { background: url("../images/calendar-ico.svg") no-repeat center; width: 24px;}
.workshop-cnt h5.location span { background: url("../images/location-ico.svg") no-repeat center; width: 24px;}
.workshop-cnt div.read-more {position: absolute;bottom: 25px;text-decoration: none;color: var(--txt-violet);font-size: 1.125rem;line-height: 1.2;font-weight: 700; }
.workshop-cnt div.read-more:hover .workshop-cnt span.dw-btn {color: var(--bg-black); }

.workshop-section { float: left; width: 100%; padding: 40px 0 130px; position: relative;}
.workshop-wrap  { float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; column-gap: 1.9%; row-gap: 40px; position: relative;}
.workshop-left { width: 58.4%;}
.workshop-left img { float: left; width: 100%; margin-bottom: 90px;}
.workshop-cont { float: left; width: 100%; padding-left: calc((100% - 665px) / 2);}
.workshop-cont h2 {color: var(--txt-violet); font-size: 1.75rem; line-height: 1.2; font-weight: 500; margin-bottom:15px;}
.workshop-cont p { font-size: 1.125rem; line-height: 1.5; font-weight: 400; color: var(--bg-black); margin-bottom: 25px;}
.workshop-cont p strong { color: var(--txt-violet); font-weight: 500;}
.workshop-cont ul { float: left; width: 100%; margin-bottom:30px;  gap: 18px; display: flex; flex-wrap: wrap; align-items: center; gap:15px; }
.workshop-cont ul li { flex: 0 1 100%; font-size: 1.125rem; line-height: 1.5; color: var(--txt-dblack); padding-left: 30px; position: relative;}
.workshop-cont ul li::after { content: ""; background: url("../images/check-violet.svg") no-repeat center; width: 21px; height: 20px; position: absolute; left: 0; top: 3px; background-size: 15px auto;}
.learning-box { float: left; width: 100%; padding: 35px 30px; border: 2px solid #CFCFCF; border-radius: 4px; margin-top: 30px; margin-bottom: 60px;}
.workshop-cont .learning-box h2, .learning-box h2{ margin-bottom: 25px;}
.webinar .ama-left ul, .learning-box ul, .dwd-program .ama-left ul { float: left; width: 100%; margin-bottom:30px;  gap: 18px; display: flex; flex-wrap: wrap; align-items: center; gap:15px; }
.webinar .ama-left ul li, .learning-box ul li, .dwd-program .ama-left ul li { flex: 0 1 100%; font-size: 1.125rem; line-height: 1.5; color: var(--txt-dblack); padding-left: 30px; position: relative;}
.webinar .ama-left ul li::after, .learning-box .ama-left ul li::after, .dwd-program .ama-left ul li::after { content: ""; background: url("../images/check-violet.svg") no-repeat center; width: 21px; height: 20px; position: absolute; left: 0; top: 3px; background-size: 15px auto;}
.webinar .learning-box h2, .learning-box h2{ margin-bottom: 25px;}
.webinar .learning-box ul { margin: 0;}

.workshop-right { width: 28.3%; position: sticky; top: 0;top: 120px;align-self: flex-start; margin-right: calc((100% - 1280px) / 2);}
.workshop-right h2 {color: var(--txt-black); font-size: 2.75rem; line-height: 1.2; font-weight: 500; margin-bottom: 30px;}
.workshop-right h3 {color: var(--txt-black); font-size: 1.75rem; line-height: 1.3; font-weight: 500; margin-bottom: 20px;}
.workshop-right h4 {font-size: 1rem; line-height: 1.3; font-weight: 400; column-gap: 11px; color: var(--bg-dblack); margin-right: 25px; display: flex; align-items: center;}
.facilitators-row h4 img { max-height: 24px; width: auto;}
.workshop-right p { font-size: 1.125rem; line-height: 1.6; font-weight: 400; color: var(--bg-black); margin-bottom: 30px;}
.workshop-right .facilitators-row ul li a { color: var(--txt-black);}
.workshop-right .details { gap: 20px; margin-bottom: 15px;}
.workshop-right .details li { flex: 0 1 100%;}
.workshop-right .explore-btn  { background: var(--bg-violet); height: 38px; min-width: 92px; color: var(--txt-white); padding: 0 20px; font-size: 1.125rem; font-weight: 500; border-radius: 4px; display: inline-flex; align-items: center; justify-content: center; position: relative; transition: all 0.5s ease; }
.workshop-right .explore-btn:hover { background: var(--bg-black); color: var(--txt-white);}
.workshop-right .details li span, .workshop-right .facilitators-row h4 span { width: 28px; float: left; text-align: center;}
.workshop-right .facilitators-row { margin-bottom: 15px;}


/*------------ AI Practice Portal ------------*/
.practice-portal { float: left; width: 100%; padding:90px 0 85px;}
.portal-wrap { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; row-gap: 40px;}
.portal-left { width: 48.3%;padding-top: 0px; padding-right: 70px;}
.portal-left h4 { display: inline-flex; align-items: center; padding: 15px 20px; font-size: 1.375rem; line-height: 1.1; font-weight: 500; color: var(--txt-violet); background: #EEEEEE; border-radius: 4px; margin-bottom: 22px;}
.portal-left h4 .dot { width: 8px; height: 8px; background: var(--bg-violet); border-radius: 50%; margin-right: 8px;}
.portal-left h2 { font-size: 2.625rem; line-height: 1.3; color: var(--txt-black); font-weight: 400; margin-bottom: 25px;}
.portal-left h2 span, .portal-left h2 strong { color: var(--txt-violet); font-weight: 500;}
.portal-left h3 { font-size: 1.75rem; line-height: 1.2; color: var(--txt-dblack); font-weight: 500; margin-bottom: 25px;}
.portal-left p { font-size: 1.125rem; line-height: 1.6; margin-bottom: 30px; font-weight: 400; }
.portal-left p span { font-weight: 600; color: var(--txt-violet);}
.portal-left ul { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; padding: 0; margin: 0;}
.portal-left ul li { flex: 0 1 100%; font-size: 1.125rem; line-height: 1.5; color: var(--txt-dblack); padding-left: 32px; position: relative;}
.portal-left ul li::after { content: ""; background: url("../images/check-violet.svg") no-repeat center; width: 21px; height: 20px; position: absolute; left: 0; top: 4px; background-size: 16px auto;}
.portal-left ul li img { width: 34px; height: 34px; object-fit: contain;}
.portal-right { width: 51.7%;}
.portal-right img { width: 100%; height: auto; display: block;}

.modes-sec { float: left; width: 100%; padding: 60px 0 75px; background: #F8F8F8; text-align: center; position: relative;}
.modes-sec .row { position: relative; z-index: 1;}
.modes-top { float: left; width: 100%; max-width: 100%;}
.modes-sec h2 { font-size: 2.625rem; line-height: 1.3; color: var(--txt-black); font-weight: 400; margin-bottom: 15px;}
.modes-sec h2 span { font-weight: 500;}
.modes-sec p { font-size: 1.375rem; line-height: 1.4; margin-bottom: 20px; font-weight: 400; }
.modes-sec .feature-grid { text-align: left;}
.modes-sec .feature-box { padding: 30px 25px 25px;}
.modes-sec .feature-box h3 { margin-bottom: 25px;}
.modes-sec .feature-box p { font-size: 1.125rem; line-height: 1.5; margin-bottom:0px; }
.modes-sec .icon { width: 80px; display: inline-block; margin-bottom: 15px;}

.portal-tab-section { float: left; width: 100%; padding: 80px 0;}
/* .portal-tab-section .tabs .tab {transform: translateY(0px);}
.portal-tab-section .tabs .tab.active {transform: translateY(0);} */
.portal-tab-section h2 { font-size: 3rem; line-height: 1.3; color: var(--txt-black); font-weight: 400; margin-bottom: 50px;}
.portal-tab-section h2 span { color: var(--txt-violet); font-weight: 500;}
.portal-tab-section .tabs h3 { font-size: 1.375rem; font-weight: 500; margin-bottom: 0px;}
.portal-tab-section .tabs p { font-size: 1.125rem; line-height: 1.5; font-weight: 400; opacity: 0; display: none; }
.portal-tab-section .tabs .tab.active p { opacity: 1; display: block;}
.portal-tab-section .tabs .tab.active h3 { margin-bottom: 20px;}

.portal-btm-section { float: left; width: 100%; padding: 80px 0 70px; position: relative; background: var(--bg-vblue); text-align: center;}
.portal-btm-section::after { content: ""; background: url("../images/shape-4.svg") no-repeat center; width: 588px; height: 100%; position: absolute; left: 0; top: 0; right: 0;margin: 0 auto;}
.portal-btm-section .row { position: relative; z-index: 1;}
.portal-btm-section h2 { max-width: 765px; font-size: 2rem; line-height: 1.3; color: var(--txt-white); font-weight: 400; margin:0 auto 35px;}
.portal-btm-section a { background: var(--bg-white); height: 38px; min-width: 116px; color: var(--txt-violet); padding: 0; font-size: 1.125rem; font-weight: 500; border-radius: 4px; display: inline-flex; align-items: center; justify-content: center; position: relative; transition: all 0.5s ease; }
.portal-btm-section a:hover { background: var(--bg-black); color: var(--txt-white);}

.portal-list-sec { float: left; width: 100%; display: flex; align-items: flex-start; justify-content: space-between; row-gap: 25px; padding: 80px 00;}
.portal-list-sec .portal-list-left { flex:0 1 43%;}
.portal-list-sec .portal-list-left img { width: auto; display: block;}
.portal-list-sec .portal-list-right {margin-right: calc((100% - 1280px) / 2); flex:0 1 41%; }
.portal-list-sec .portal-list-right h2 { font-size: 2.625rem; line-height: 1.3; font-weight: 400;color: var(--txt-black); margin-bottom: 40px;}
.portal-list-sec .portal-list-right h2 span { color: var(--txt-violet); font-weight: 500;}
/* .portal-list-sec ul { float: left; width: 100%; list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(2, 1fr); align-items: flex-start; column-gap: 30px; row-gap: 25px;}
.portal-list-sec li { background: #F2F2F2; padding: 15px 50px 20px 20px; border-radius: 4px; display: flex; flex-wrap: wrap; align-items: flex-start; gap: 26px;transition: all .5s ease;position:relative;overflow:hidden;transition:background .4s ease,transform .4s ease;display:block;min-height:159px;} */
.portal-lst { float: left; display: flex; flex-wrap: wrap; flex: 0 1 100%; align-items: flex-start;}
.portal-lst ul { /*display: flex; flex-wrap: wrap;align-items: flex-start; */ width: 100%; column-gap: 4%; row-gap: 25px; column-count: 2; height: auto; overflow: visible;}
.portal-lst ul li { background: #F2F2F2; padding: 15px 40px 20px 20px; border-radius: 4px; break-inside: avoid; margin-bottom: 23px; flex: 1 1 48%; min-height: 160px; display: flex; flex-wrap: wrap; row-gap: 8px; transition:
  background-color 0.8s ease,
  transform 0.8s ease;}
.portal-list-sec li .portal-icon img { width: auto; height: auto; margin-bottom: 20px; transition: filter 0.8s ease;}
.portal-list-sec li h3 { width: 100%; float: left; color: #10304B; font-weight: 500; margin: 0; min-height: 48px; font-size: 1.25rem; line-height: 1.3;transition: color 0.8s ease;}
.portal-list-sec li p { float: left; width: 100%; font-size: 1rem; line-height: 1.5; color: var(--txt-white);transition: color 0.8s ease, opacity 0.8s ease;}
.portal-list-sec li:hover {background: var(--bg-violet);transform: translateY(-2px);}
.portal-list-sec li:hover h3 { color: var(--txt-white); }
.portal-list-sec li:hover .portal-icon img {filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(200%);} 
.portal-list-sec li p {margin-top:0;transition:max-height .45s ease,opacity .35s ease,margin .45s ease,transform .45s ease;transform:translateY(-10px);}
.portal-list-sec li:hover p { color: var(--txt-white); opacity: 1;}
/* .portal-list-sec li:hover p {max-height:300px;opacity:1;margin-top:25px;transform:translateY(0);} */
.portal-lst ul li:hover { background: var(--bg-violet); transform: translateY(-2px);}
.portal-list-right ul li .feature-hover { float: left; width: 100%; opacity: 0; display: none;
  animation: fadeIn 0.3s ease-in-out;  height: min-content; visibility: hidden; }
.portal-list-right ul li .feature-hover ul { display: flex; flex-wrap: wrap; row-gap: 10px;}
.portal-list-right ul li .feature-hover ul li { flex: 0 1 100%; height: auto; font-size: 16px; padding: 0; margin: 0; border: none; line-height: 1.2; border-radius: 0; color: #404242; background: url(../images/purple-arrow-r.svg) no-repeat 0 4px; padding-left: 25px;}
.portal-list-right ul li:hover { height: max-content; }
.portal-list-right ul li:hover .feature-hover { margin-top: 24px; display: block; transform: translateY(0); opacity: 1; height: auto; visibility: visible; transition-delay: 0.1s; }
.portal-list-right ul li:hover .feature-hover ul { height: max-content;}

.portal-bg { background: #F8EFF2; }
.portal-bg h2 { font-size: 2.5rem; line-height: 1.4; margin-bottom: 30px;color: var(--txt-violet);}
.portal-bg .apply-right { flex: 0 1 56.5%; }
.portal-bg .apply-right a { height: 36px; width: 112px;}

/*---- solutions-executive-partnership ----*/


.advisory-section { width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 120px 0 90px; ; position: relative; overflow: hidden;}
.advisory-cont { flex: 0 1 49.5%; padding-left: calc((100% - 1280px) / 2);}
.advisory-cont h2 { font-size: 2rem; line-height: 1.3; font-weight: 500; color: var(--bg-black); margin-bottom: 30px;}
.advisory-cont h2 span { color: var(--txt-violet);}
.advisory-cont h3 { font-size: 1.375rem; line-height: 1.3; font-weight: 500; color: var(--bg-black); margin-bottom: 18px;}
.advisory-cont p { font-size: 1.125rem; line-height: 1.6; font-weight: 400; color: var(--bg-black); margin-bottom: 30px;}
.advisory-cont a { background: var(--bg-violet); height: 46px; color: var(--txt-white); padding: 0 25px; font-size: 1.125rem; font-weight: 500; border-radius: 4px; display: inline-flex; align-items: center; justify-content: center; position: relative; transition: all 0.5s ease; }
.advisory-cont a:hover { background: var(--bg-black); color: var(--txt-white);}
.advisory-img { flex: 0 1 40%;  position: relative;}
.advisory-img::before { content: ""; position: absolute; top: 30px; left: 0px; width: 275px; height: 275px; background: var(--bg-vblue); border-radius: 50%; z-index: 9;}
.advisory-img::after { content: ""; position: absolute; bottom: -15px; right: -30px; width: 275px; height: 275px; background: var(--bg-vblue); border-radius: 50%; z-index: 1;}
.advisory-img img { width: auto; max-width: 100%; z-index: 2;position: relative;float: left;}

.advisory-cont ul { display: flex; flex-wrap: wrap; align-items: center; gap: 22px; padding: 0; margin: 0;}
.advisory-cont ul li { flex: 0 1 100%; font-size: 1.125rem; line-height: 1.5; color: var(--txt-black); padding-left: 32px; position: relative;}
.advisory-cont ul li::after { content: ""; background: url("../images/check-violet.svg") no-repeat center; width: 21px; height: 20px; position: absolute; left: 0; top: 5px; }
.advisory-cont ul li img { width: 34px; height: 34px; object-fit: contain;}

.impact-sec { float: left; width: 100%; padding: 60px 0 75px; background: #F9F9F9; text-align: center; position: relative;}
.impact-sec .row { position: relative; z-index: 1;}
.impact-top { float: left; width: 100%; max-width: 100%;}
.impact-sec h2 { font-size: 2.5rem; line-height: 1.3; color: var(--txt-dblack); font-weight: 400; margin-bottom: 20px;}
.impact-sec h2 span { font-weight: 500;color: var(--txt-violet);}
.impact-sec p { font-size: 1.125rem; line-height: 1.5; margin-bottom: 60px; font-weight: 400; }
.impact-sec .impact-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 2%; text-align: left;}
.impact-sec .impact-list ul li { flex: 0 1 32%; background: #EAEAEA; border-radius: 4px; padding: 30px 25px 30px;}
.impact-sec .impact-list h3 { font-size: 1.5rem; line-height: 1.3; font-weight: 500; color: #1B1833; margin-bottom: 20px;}
.impact-sec .impact-list p { font-size: 1.125rem; line-height: 1.6; color: #525C68; margin-bottom: 0;}
 
.impact-slider {width: 100%; float: left; text-align: left;}
.impact-slider .swiper-container, .impact-slider .swiper-wrapper{width: 100%; float: left;}
.impact-slider .swiper-slide{width: 100%; float: left;}
.impact-slider ul li { background: #EAEAEA; border-radius: 4px; padding: 30px 25px 30px;min-height: 233px;}
.impact-slider ul li h3 { font-size: 1.5rem; line-height: 1.3; font-weight: 500; color: #1B1833; margin-bottom: 20px;}
.impact-slider ul li p { font-size: 1.125rem; line-height: 1.6; color: #525C68; margin-bottom: 0;}
 
.impact-slider { position: relative;}
.impact-slider .swiper-pagination-bullets, .other-blogs-slide .swiper-nav-blogs, .other-blogs-slide .swiper-pagination-bullets.swiper-pagination-horizontal { display: none;}
.impact-slider .swiper-nav-impact {position:absolute;right:0;display:flex; justify-content:space-between;left: 0; width: 100%; bottom: auto; top: 35%; transform: translateY(-50%); z-index: 1;}
.impact-slider .swiper-button-prev-impact, .impact-slider .swiper-button-next-impact {position:absolute; cursor:pointer; display:flex; align-items:center; justify-content:center; font-size:3rem; font-weight: normal; color:var(--txt-violet); transition:color 0.3s ease;transition: all 0.5s ease;}
.impact-slider .swiper-button-prev-impact i, .impact-slider .swiper-button-next-impact i { font-weight: 600;}
.impact-slider .swiper-button-prev-impact {left:-50px;}
.impact-slider .swiper-button-next-impact {right:-50px;}
/* .testimonials-slide .swiper-button-prev-testimonials.swiper-button-disabled, .testimonials-slide .swiper-button-next-testimonials.swiper-button-disabled {color:rgba(0, 0, 0, 0.32);} */
.impact-slider .swiper-button-prev-impact:hover, .impact-slider .swiper-button-next-impact:hover {color:var(--txt-black);}
.impact-slider .swiper-button-prev-impact.swiper-button-disabled, .impact-slider .swiper-button-next-impact.swiper-button-disabled {display: none;} 
.impact-slider .swiper-button-prev-impact:hover.swiper-button-disabled, .impact-slider .swiper-button-next-impact:hover.swiper-button-disabled { cursor: auto; color:rgba(1.6, 186, 186, 0.02);} 

/* client logos css */
.client-sec { float: left; width: 100%; padding: 70px 0 80px}
.client-logo-list { width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; text-align: center; row-gap: 80px;}
.client-logo-list .client-title { flex: 0 1 1000%;}
.client-logo-list .client-title h2 { color: var(--txt-black); font-size: 2rem; line-height: 1.3;}
/*.client-logo-list .client-title h2 span { color: var(--txt-violet); font-weight: 500;}*/
.client-sec .client-logo { flex: 0 1 100%; overflow: hidden; position: relative;}
.client-sec .swiper-slide { /*width: auto;*/ width: max-content; flex-shrink: 0;  flex: 0 0 auto; }
.client-sec .swiper-wrapper { display: flex; column-gap: 80px; will-change: transform;  flex-wrap: nowrap; width: max-content; }
.client-sec .swiper-slide img { width: auto;}
.client-sec .swiper-slide:hover img { opacity: 0.8;}
/* .client-sec .swiper-slide:hover img { filter: invert(21%) sepia(63%) saturate(1462%) hue-rotate(294deg) brightness(92%) contrast(102%);} */

.framework-section { float: left; width: 100%; padding: 70px 0 50px; background: #F9F9F9; position: relative;}
.framework-section .row { position: relative; z-index: 1;}
.framework-title { float: left; width: 100%; max-width: 100%;}
.framework-section h2 { font-size: 2.5rem; line-height: 1.3; color: #1B1833; font-weight: 400; margin-bottom: 15px;}
.framework-section h2 span { font-weight: 500; color: var(--txt-violet)}
.framework-section p { font-size: 1.125rem; line-height: 1.6; margin-bottom: 35px; font-weight: 400; }
.framework-section ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 2%; row-gap: 25px; text-align: left;}
.framework-section ul li { flex: 0 1 23.5%; padding: 28px 30px 35px; min-height: 355px; background: var(--bg-white); border-radius: 4px; position: relative;}
.framework-section .framework-list h3 { font-size: 1.75rem; line-height: 1.3; font-weight: 500; color: #1B1833; margin-bottom: 18px;}
.framework-section .framework-list p { font-size: 1.125rem; line-height: 1.6; color: #525C68; margin-bottom: 0;}
.framework-section .framework-icon { width: auto; display: inline-block; margin-bottom: 18px;}
.framework-section span.number { position: absolute; bottom: 10px; right: 30px; font-size: 4rem; line-height: 1.2; font-weight: 800; color: rgba(0, 0, 0, 0.1); text-align: right;}

.solutions { padding: 90px 0; text-align: center; background: var(--bg-white);}
.solutions h2, .expertise h2 {color: var(--txt-black); font-weight: 400; text-align: center;}
.solutions h2 span, .expertise h2 span { font-weight: 500; color: var(--txt-violet)}
.solutions .testimonials-main { border: 1px solid var(--border-lgrey); border-radius: 4px;max-width: 881px; padding: 30px 70px 110px; }
.solutions .testimonials-main p { font-size: 1.25rem; line-height: 1.5; margin-bottom: 55px; }  
.solutions .testimonials-cnt { justify-content: center;}
.solutions .user-details { text-align: left; display: flex; flex-wrap: wrap; column-gap: 11px; }
.solutions .user-name {padding-right: 12px; border-right: 1px solid #D9D9D9; line-height: 40px;}
.solutions .user-role { font-weight: 300; font-style: italic; line-height: 40px;}
.solutions .testimonials-slide .swiper-nav-testimonials { bottom: 85px; z-index: 1;}
.solutions .testimonials-slide .swiper-wrapper { padding: 0;}

.insights-sec.expertise h2 { text-align: left; font-size: 2rem;}

/************** explore-sec background **************/
.explore-sec { width: 100%; background: var(--bg-lblue); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0; position: relative; overflow: hidden; }
.explore-lft { flex: 0 1 60%; padding-left: calc((100% - 1280px) / 2);position: relative;z-index: 10;}
.explore-lft h2 { font-size: 2.625rem; line-height: 1.2; font-weight: 400; color: var(--bg-white); margin-bottom: 20px;}
.explore-lft h2 span { color: var(--txt-violet);}
.explore-lft a { background: var(--bg-white); height: 38px; color: var(--txt-violet); padding: 0 25px; font-size: 1.125rem; font-weight: 500; border-radius: 4px; display: inline-flex; align-items: center; justify-content: center; position: relative; transition: all 0.5s ease; }
.explore-lft a:hover { background: var(--bg-black); color: var(--txt-white);}
.explore-rgt { flex: 0 1 auto;  position: relative; min-height: 344px;}
.explore-rgt::before { content: ""; position: absolute; top: -140px; right: 210px; width: 274px; height: 275px; background: rgba(91, 89, 178, 0.35); border-radius: 50%; z-index: 9;}
.explore-rgt::after { content: ""; position: absolute; bottom: -110px; right: -55px; width: 274px; height: 275px; background: rgba(91, 89, 178, 0.35); border-radius: 50%; z-index: 1;}

.partner-blogs{width: 100%; float: left; padding: 80px 0; background: var(--bg-dgrey);}
.partner-blogs h2{width: 100%; float: left; color: var(--txt-black); font-size: 2rem; line-height: 1.2; font-weight: 500; margin-bottom: 30px;}
.partner-blogs-slide{width: 100%; float: left;}
.partner-blogs-slide .swiper-container, .partner-blogs-slide .swiper-wrapper{width: 100%; float: left;}
.partner-blogs-slide .swiper-slide{width: 100%; float: left;}
.partner-main { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 2.1%; row-gap: 30px; padding: 25px; box-shadow: 0 4px 6px -2px rgba(15, 15, 20, 0.03);background: var(--bg-white);}
.partner-img { flex:0 1 49%; position: relative; overflow: hidden;}
.partner-img img { float: left; width: 100%; transition: all 0.5s ease;}
.partner-img img.org-img { position: absolute; top: 0; left: 0; z-index: 9; max-width: 100%; height: 100%; object-fit: cover;}
.partner-cont {flex: 0 1 48.9%; padding: 0; display: flex; flex-wrap: wrap; align-content: space-between; transition: all 0.5s ease; }
.partner-cont h4 { float: left; width: 100%; font-weight: 500; color: var(--txt-vblue); font-size: 0.875rem; line-height: 1.1; position: relative; margin-bottom: 20px;}
.partner-cont h3 { float: left; width: 100%; font-weight: 500; color: var(--txt-title); font-size: 1.75rem; line-height: 1.3; transition: all 0.5s ease; position: relative; margin-bottom: 15px;}
.partner-cont p { float: left; width: 100%; color: var(--txt-ltgrey); font-size: 1.125rem; line-height: 1.5; position: relative; margin-bottom: 18px; transition: all 0.5s ease;}
.partner-cont a:hover span i { transform: rotate(80deg);}
.partner-cont a.read-more { color: var(--txt-violet); font-size: 1.125rem; line-height: 1.2; font-weight: 500; display: inline-flex; column-gap: 15px; align-items: center; transition: all 0.5s ease; margin-top: 50px; }
.partner-cont a.read-more i { transform: rotate(-45deg);transition: all 0.5s ease;}
.partner-cont a.read-more:hover { color: var(--txt-black);}

.partner-blogs-slide { position: relative;}
.partner-blogs-slide .swiper-pagination-bullets { display: none;}
.partner-blogs-slide .swiper-nav-blogs {position:absolute;right:0;display:flex; justify-content:space-between;left: 0; width: 100%; bottom: auto; top: 50%; transform: translateY(-50%); z-index: 1;}
.partner-blogs-slide .swiper-button-prev-blogs, .partner-blogs-slide .swiper-button-next-blogs {position:absolute; cursor:pointer; display:flex; align-items:center; justify-content:center; font-size:3rem; font-weight: normal; color:var(--txt-violet); transition:color 0.3s ease;transition: all 0.5s ease;}
.partner-blogs-slide .swiper-button-prev-blogs i, .partner-blogs-slide .swiper-button-next-blogs i { font-weight: 600;}
.partner-blogs-slide .swiper-button-prev-blogs {left:-50px;}
.partner-blogs-slide .swiper-button-next-blogs {right:-50px;}
/* .testimonials-slide .swiper-button-prev-testimonials.swiper-button-disabled, .testimonials-slide .swiper-button-next-testimonials.swiper-button-disabled {color:rgba(0, 0, 0, 0.32);} */
.partner-blogs-slide .swiper-button-prev-blogs:hover, .partner-blogs-slide .swiper-button-next-blogs:hover {color:var(--txt-black);}
.partner-blogs-slide .swiper-button-prev-blogs.swiper-button-disabled, .partner-blogs-slide .swiper-button-next-blogs.swiper-button-disabled {color:rgba(1.6, 186, 186, 0.2);} 
.partner-blogs-slide .swiper-button-prev-blogs:hover.swiper-button-disabled, .partner-blogs-slide .swiper-button-next-blogs:hover.swiper-button-disabled { cursor: auto; color:rgba(1.6, 186, 186, 0.02);} 
.swiper-horizontal { overflow: hidden;}

.partner-sec { width: 100%; float: left; padding: 65px 0 125px;}
.partner-wrap { width: 100%; float: left; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.partner-left { flex: 0 1 41.4%;}
.partner-left h2 { font-size: 2rem; font-weight: 400; line-height: 1.3; margin: 0 0 20px; color: var(--txt-title);}
.partner-left h2 span { color: var(--txt-violet); font-weight: 500;}
.partner-left p { font-size: 1.375rem; line-height: 1.6; color: var(--txt-dblack); margin-bottom: 40px; max-width: 90%;}
.partner-left a { background: var(--bg-violet); height: 38px; color: var(--txt-white); padding: 0 15px; font-size: 1.125rem; font-weight: 500; border-radius: 4px; display: inline-flex; align-items: center; justify-content: center; position: relative; transition: all 0.5s ease; }
.partner-left a:hover { background: var(--bg-black); color: var(--txt-white);}
.partner-right { flex: 0 1 47.5%; list-style: none; padding: 30px 0 0; margin: 0; display: flex; justify-content: space-between; align-items: center; position: relative;}
.partner-right li { position: relative;}
.partner-right li:first-child, .partner-right li:nth-child(3) { margin-top: -185px;}
.partner-right li img { width: 143px; height: auto; border-radius: 50%; object-fit: cover; display: block;}
.partner-right li::after { content: ""; position: absolute; transform: rotate(45deg); bottom: 10px; right: -50px; width: 70px; height: 2px; background: repeating-linear-gradient( to right, #841B5D,#841B5D 10px, transparent 10px, transparent 15px);}
.partner-right li:nth-child(2)::after {transform: rotate(-45deg);bottom: auto;top: 10px;}
.partner-right li:last-child::after{ display: none;}

.advisors-sec { width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0; background: var(--txt-lblue); position: relative; overflow: hidden;}
.advisors-lft { flex: 0 1 53%; padding-left: calc((100% - 1280px) / 2); position: relative; z-index: 1;}
.advisors-lft h2 { font-size: 3rem; line-height: 1.2; font-weight: 400; color: var(--bg-white); margin-bottom: 30px;}
.advisors-lft h2 span { color: var(--txt-violet);}
.advisors-lft a { background: var(--bg-white); height: 38px; color: var(--txt-violet); padding: 0 13px; font-size: 1.125rem; font-weight: 500; border-radius: 4px; display: inline-flex; align-items: center; justify-content: center; position: relative; transition: all 0.5s ease; }
.advisors-lft a:hover { background: var(--bg-violet); color: #ffffff;}
.advisors-rgt { flex: 0 1 37.8%;  position: relative;}
.advisors-rgt img { width: auto; max-width: 100%; min-height: 450px; z-index: 2;position: relative;float: left;}

/*---- solutions-executive-coaching ----*/
.method-sec { width: 100%; float: left; padding: 100px 0; background: #F9F9F9;}
.method-wrap { width: 100%;  display: flex; flex-wrap: wrap;align-items:flex-start; justify-content: space-between;}
.method-left { flex:0 1 40.6%;position: sticky; top: 120px; align-self: flex-start;}
.method-left h2 { font-size: 2.5rem; line-height: 1.3; font-weight: 400; color:  var(--txt-dblack); margin-bottom: 20px;}
.method-left h2 span{ color: var(--txt-violet); font-weight: 500;}
.method-left p { font-size: 1.125rem; line-height: 1.6; color:  var(--txt-black); margin-bottom: 50px; }
.method-left img { width: 100%; border-radius: 4px; display: block;}
.method-right { flex:0 1 54.7%;  }
.method-right ul { width: 100%;}
.method-right li { width: 100%; display: flex; flex-wrap: wrap; margin-bottom: 50px;}
.method-right li:last-child { margin-bottom: 0;}
.method-right li span { width:80px; font-size: 2.75rem; font-weight: 800; color: rgba(0, 0, 0, 0.1);}
.method-right li div { width: calc(100% - 80px);}
.method-right li h3 { margin: 0 0 5px; font-size: 2rem; color: #1B1833; font-weight: 500;}
.method-right li p { font-size: 1.125rem; line-height: 1.6; color: #525C68; margin: 0;}

.coaches .partner-right li:nth-child(2)::after { display: block;transform: rotate(-45deg);bottom: auto;top: 20px;right: -55px;}

.team-work-sec { float: left; width: 100%; padding: 60px 0px; background: #F9F9F9;}
.sec-title h2 { font-size: 3rem; line-height: 1.2; font-weight: 400; color: #181819; margin-bottom: 20px;}
.sec-title h2 span{ color: var(--txt-violet); font-weight: 600;}
.sec-title p { font-size: 1.375rem; line-height: 1.4; color:  var(--txt-black); margin-bottom: 50px; }
.card-container { float: left; width: 100%; display: flex; flex-wrap: nowrap; column-gap: 2%; align-items: stretch;  }
.card-img { height: 100%; overflow: hidden; position: relative; flex: 1;  min-height: 500px;max-height: 500px; display: flex; flex-direction: column;  transition: flex 0.7s ease;  cursor: pointer; /* transition: flex-basis 0.65s ease, transform 0.55s ease; */ }
.card-img > img { float: left; width: 100%; height: 260px;object-fit: cover; flex-shrink: 0;}
.card-text { float: left; width: 100%; flex: 1 1 auto; background: var(--bg-white); border-radius: 4px; border: 1px solid #E7E7E7; padding: 25px 20px 40px 30px; display: flex; flex-direction: column;justify-content: flex-start; transition: padding 0.5s ease, background-color 0.5s ease; }
.card-text > p { color: var(--txt-white); font-size: 18px; line-height: 1.2; 
/* transform: translateY(370px); transition: transform 1s ease, font-size 0.5s ease; */ display: inline-block; }
.card-text a.read-more { color: var(--txt-white); }
.card-text a.read-more:hover { color: var(--txt-white); opacity: 0.7;}
.card-text h3 { color: var(--txt-dblack); font-size: 1.25rem; line-height: 1.3; font-weight: 500; margin-bottom: 16px; transition: font-size 0.5s ease;}
.card-text p { color: var(--txt-dblack); font-size: 1.125rem; line-height: 1.6;  /* min-height: 66px;*/}
.card-text p.large { opacity: 0; display: block; max-height: 0; overflow: hidden; transition: opacity 0.4s ease, max-height 0.4s ease; }
.card-img.active { flex: 2.2; }
.card-img.active .efficient-cont { opacity: 1; visibility: visible;}
.card-img.active .card-text { padding: 25px 30px 40px; }
.card-img.active .card-text > h3 { font-size: 1.5rem;}
.card-img.active .card-text > h3 br { display: none;}
.card-img.active .card-text > p { transform: translateY(0); }
.card-img.active .card-text p.small { opacity: 0; max-height: 0;}
.card-img.active .card-text p.large { opacity: 1; max-height: 200px;}
.card-img.active .efficient-cont p { min-height: auto;}
/* .card-img.active, .card-img:hover { flex-basis: 3%;}  */

.white-bg { background: var(--bg-white);}
.team-solve .method-left { flex: 0 1 47%; }
.team-solve .method-right { flex:0 1 48%; }
.method-right li div.time { width: 100%;display: flex; align-items: center; column-gap: 10px; color: #7F7F7F; font-size: 1rem; font-weight: 500; margin-bottom: 15px;}
.method-right li div.time img { width: auto; }
.method-right li h4 { background: none; color: var(--txt-black); padding: 0; border-radius: 0px; font-size: 2rem; line-height: 1.15; font-weight: 500; display: inline-block; margin-bottom: 13px;}
/* .method-right li h4 { background: #EEEEEE; color: var(--txt-violet); padding: 6px 15px; border-radius: 4px; font-size: 1rem; line-height: 1.15; font-weight: 500; display: inline-block; margin-bottom: 13px;} */

/* webinar */
.dark-ban .banner-txt h5 { display: inline-flex; align-items: center; padding: 8px 20px; font-size: 1.375rem; line-height: 1.1; font-weight: 700; color: var(--txt-violet); background: #EEEEEE; border-radius: 4px; margin-bottom: 10px;}
.dark-ban .banner-txt h5 .dot { width: 8px; height: 8px; background: var(--bg-violet); border-radius: 50%; margin-right: 8px;}
.dwd-program { padding: 80px 0 100px; }
.dwd-program h2 { margin-bottom: 20px; }
.webinar p, .dwd-program p { font-size: 1.125rem; line-height: 1.5; margin-bottom:25px; font-weight: 400; }
.webinar p a { color: var(--txt-violet);transition: all 0.5s ease;}
.webinar p a:hover { text-decoration: underline;}

.events-section { float: left; width: 100%; margin-bottom: 0px;}
ul.webinar-items  { width: 100%; display: flex; flex-wrap: wrap; row-gap: 20px;}
.webinar-items li { position: relative; padding: 0 0 0px 22px;}
.webinar-items li::before { content: ""; position: absolute; left: 0; top: 8px; width: 10px; height: 10px; background-color: #D9D9D9; border-radius: 50%;}
.webinar-items li span.webinar {color: var(--txt-violet); font-size: 0.875rem; font-weight: 700;}
.webinar-items h3 { margin: 8px 0; font-size: 1.125rem; font-weight: 500; line-height: 1.3;}
.webinar-items li p  {color: #737373; font-size: 0.875rem; margin: 0;}
.meta-data span { margin: 0 8px; color: #CFCFCF;}

.attend-box { float: left; width: 100%; margin-top: 0px; margin-bottom: 60px;}
.attend-box h2 { margin-bottom: 25px; font-size: 1.75rem;}
.attend-box ul { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; padding: 0; margin: 0;}
.attend-box ul li { flex: 0 1 100%; font-size: 1.125rem; line-height: 1.6; color: var(--txt-dblack); padding-left: 32px; position: relative;}
.attend-box ul li::after { content: ""; background: #D9D9D9; width: 12px; height: 12px; position: absolute; left: 0; top: 8px; border-radius: 50px; }

.webinar .ama-left .panelists-box { float: left; width: 100%; margin-top: 40px; }
.webinar .ama-left .panelists-box h2 {font-size: 1.75rem;}
.webinar .ama-left .panelists-box ul { width: 100%; display: flex; flex-wrap: wrap; column-gap: 4%; row-gap: 22px;}
.webinar .ama-left .panelists-box ul li { flex: 0 1 46.8%;padding: 22px 12px; border: 1px solid #CFCFCF; border-radius: 4px;}
.webinar .ama-left .panelists-box ul li:after { display:none; }
.webinar .ama-left .panelists-box ul li .testimonial-user { column-gap: 10px;}
.webinar .ama-left .panelists-box ul li .user-details { text-align: left;}
.webinar .ama-left .panelists-box ul li .user-icon img { width: 72px; height: 72px;}
.webinar .ama-left .panelists-box ul li .user-name { font-size: 20px; margin-bottom:5px; line-height: 1.5;}
.webinar .ama-left .panelists-box ul li .user-role { font-size: 18px; color: #505050; font-weight: 400; line-height: 1.5;}

.faq-sec { width: 100%; float: left; padding-bottom: 120px; text-align: center;}
.faq-sec .ama-accordion { max-width: 950px; float: none; display: inline-block;}
.faq-sec h2 { font-size: 2rem; line-height: 1.1; font-weight: 500; color: var(--txt-violet); margin-bottom: 25px;}
.faq-sec .ama-accordion .acc-item { text-align: left;}
.webinar-past { padding-bottom: 65px;}

.insights-slide .fa-arrow-right { display: none;}
.method-sticky { position: static;}
.bottom-link { float: left; width: 100%; margin-top: 50px;}
.bottom-link ul { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.bottom-link ul li { flex: 0 1 auto; }
.bottom-link ul li a { font-size: 1.125rem; font-weight: 400; text-decoration: none; color: var(--txt-black);transition: all 0.8s ease; padding-bottom: 15px; position: relative;}
.bottom-link ul li a i { transform: rotate(-45deg);transition: all 0.8s ease;color: var(--txt-black);}
.bottom-link ul li a span.arrow { font-size: 1rem; margin-left: 5px;background: url("../images/right-arrow.svg") no-repeat center;  width: 21px;height: 21px;display: inline-block;transition: all 0.5s ease; position: relative;}
.bottom-link ul li a::after { position: absolute; content: ''; width: 13px; height: 1px; left: 0; bottom: 0px; background: var(--bg-black);transition: all 0.8s ease;}
.bottom-link ul li a:hover { color: var(--txt-violet); }
.bottom-link ul li a:hover i { color: var(--txt-violet); }
.bottom-link ul li a:hover::after { width: 100%;}
.bottom-link ul li a:hover span.arrow {background: url("../images/right-arrow-ho.svg") no-repeat center; }

/* #code_block-7105-22518 {width:100%;position:relative;margin-top:40px}
.grid-tiles .tile {position:absolute;box-sizing:border-box;background:#ffffff;border-radius:4px;padding:10px 10px 20px;overflow:hidden;display:flex;align-items:start;justify-content:center;font-weight:700;cursor:pointer;transition:top .6s ease,left .6s ease,width .6s ease,height .6s ease;height: 100vh !important;}
.grid-tiles .tile img {width:100%;position:static;opacity:0;display: none;transition:all .6s;transform:translate(0px,0px) scale(1);padding-bottom: 20px;}
div#grid {min-height:508px}
.grid-tiles .tile:hover,.grid-tiles .tile,.grid-tiles .tile * {cursor:pointer!important;user-select:none}
.grid-tiles .tile.active img.expanded_content {opacity:1;visibility:visible;display: block;}
.grid-tiles .tile .content-wrap { position: static; padding: 0px 0 0;} */

.btm-blue { background: var(--txt-lblue);}
.btm-blue .perform-lft h2 { color: var(--bg-white);}
.btm-blue .perform-lft a { background: var(--bg-white);color: var(--txt-violet);}
.btm-blue .perform-lft a:hover { background: var(--bg-violet);color: var(--txt-white);}
.btm-blue .perform-rgt::before, .btm-blue .perform-rgt::after { display: none;}
.btm-violet { background: var(--bg-violet)}
.btm-violet .perform-lft h2 { color: var(--bg-white);}
.btm-violet .perform-lft a { background: var(--bg-white);color: var(--txt-violet);}
.btm-violet .perform-lft a:hover { background: var(--bg-black);color: var(--txt-white);}
.btm-violet .perform-rgt::before, .btm-violet .perform-rgt::after { display: none;}

.btm-pink { background: #F8EFF2;}
.btm-pink .perform-rgt { order: 1; position: relative;}
.btm-pink .perform-lft { flex: 0 1 470px; order: 2;padding-right: calc((100% - 1280px) / 2); padding-left: 0;}
.btm-pink .perform-lft h2 { color: var(--bg-white);}
.btm-pink .perform-lft a { background: var(--bg-white);color: var(--txt-violet);}
.btm-pink .perform-lft a:hover { background: var(--bg-violet);color: var(--txt-white);}
.btm-pink .perform-rgt::before { display: none;}
.btm-pink .perform-rgt::after { position: absolute; content: ''; left: -100%; top: -40%; width: 940px; height: 936px; background: #86155a; border-radius: 50%; z-index: 1;}
.dummy-ban { width: 100%; position: relative;}
.mob-ban { width: 100%; position: absolute; top: 0; left: 0;}

.author-img img.dummy-user { display: block;}
.author-img img.org-user { position: absolute; left: 0; top: 0; width: 100%; object-fit: cover;}

.pagination {float: none;width: auto;margin: 85px auto 0 auto;display: flex;column-gap: 12px;justify-content: center;}
.pagination a{color: var(--txt-violet);font-size: 1.125rem;line-height: 1.1;border-radius: 8px;border: 0.5px solid var(--txt-violet);background:var(--txt-white);padding: 12px;}
.pagination a.active {background: var(--txt-violet); color: var(--txt-white);}

.content-area { float: left; width: 100%; padding: 80px 0;}
.content-area h3 {font-size: 2rem; line-height: 1.2; font-weight: 500; color: var(--txt-black); margin-bottom: 20px;}
.content-area p {font-size: 1.125rem; line-height: 1.6; font-weight: 400; color: var(--txt-black);margin-bottom: 30px;}
.content-area ul { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding: 0; margin: 0 0 30px; padding-left: 30px;}
.content-area li { flex: 0 1 100%; font-size: 1.125rem; line-height: 1.6; color: var(--txt-dblack); padding-left: 28px; position: relative;}
.content-area li::after { content: ""; background: #D9D9D9; width: 10px; height:10px; position: absolute; left: 0; top: 8px; border-radius: 50px; }
.content-area li a, .content-area a {font-size: 1.125rem; line-height: 1.6;font-weight: 400; color: var(--txt-black); text-decoration: underline; transition: all 0.5s ease;}
.content-area li a:hover, .content-area a:hover { color: var(--txt-violet);}
.content-area ul.sub { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding: 0; margin: 0 0 30px; padding-left:10px;}
.content-area ol { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding: 0; margin: 0 0 30px; padding-left: 30px;}
.content-area ol li { flex: 0 1 100%; list-style-type:decimal; font-size: 1.125rem; line-height: 1.6; color: var(--txt-dblack); padding-left:5px; position: relative;}
.content-area ol li::after { display:none; }
.content-area ol li a {font-size: 1.125rem; line-height: 1.6;font-weight: 400; color: var(--txt-black); text-decoration: underline; transition: all 0.5s ease;}
.content-area ol li a:hover { color: var(--txt-violet);}

.ltgrey-bg { background: #F8F8F8;}
.pt-0 { padding-top: 0;}
.practice-sec.ltgrey-bg { padding: 40px 0 40px;}
.portal-sec { padding-bottom: 80px;}
.member-sec.coaches-sec { padding-top: 50px;}

.ct-section-inner-wrap { display: flex; flex-direction: column; align-items: flex-start; }
#solutionsGrid { width: 100%; position: relative; margin-top: 40px; }
.grid { position: relative; width: 100%; display: flex; flex-wrap: wrap;gap: 20px;column-gap: 1.6%; }
.grid-item { flex: 0 1 32.2%; position: relative; box-shadow: 0 4px 4px 0 rgb(0, 0, 0, 0.05);}
.grid-item:nth-child(4), .grid-item:nth-child(5) { flex: 0 1 49.2%;}
.grid-tiles .tile { position: absolute; box-sizing: border-box; background: #ffffff; border-radius: 4px; padding: 12px 12px 60px; overflow: hidden;    display: flex; flex-direction: column; transition: top .6s ease, left .6s ease, width .6s ease, height .6s ease; box-shadow: 0 4px 12px rgba(0,0,0,0.05);}
.grid-tiles .tile a { float: left; width: 100%; height: 100%; }
.grid-tiles .tile .content { display: flex; flex-direction: column; height: 100%; width: 100%;}
.grid-tiles .tile img { width: 100%;height: 192px; object-fit: cover; border-radius: 4px; margin-bottom: 15px; opacity: 0; display: none; transition: opacity 0.4s ease;}
.grid-tiles .tile.active img { display: block; opacity: 1;}

#gf-thanks-popup, #registration-form.contact-form #gf-thanks-popup {position:absolute; inset:0; background:#F5F5F5; z-index:99;}
.thanks-popup .popup { background: #F5F5F5; border-radius: 12px; padding: 100px 24px; text-align: center; max-width: 600px; width:100%;margin:0px; height:100%; position:relative; transition: all 0.3s ease; position: relative; z-index: 9; }
#gf-popup-close { position: absolute; top: 15px; right: 30px; font-size: 24px; color: #000000; cursor: pointer; line-height: 1; width: 13px;height: 13px;  transition: all 0.2s ease;border: none; background: none; font-weight: bold;}
.thanks-popup .close-btn:hover { background: #f0f0f0; color: #666;}
.thanks-popup .popup h3 { font-size: 1.75rem; line-height: 1.4; font-weight: 500; color: var(--txt-black); margin-bottom: 25px;}
.thanks-popup .popup p { font-size: 1.75rem; line-height: 1.4; color: var(--txt-black);}
.thanks-popup .checkmark { width: 73px; height: 73px;  border-radius: 50%; margin: 0 auto 30px; } 
.contact-form #gf-thanks-popup {position:relative;}
.contact-form .thanks-popup .popup { max-width: 627px; height:auto; }

/* .grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, minmax(200px, 1fr)); gap: 20px; grid-template-rows: repeat(2, minmax(200px, 1fr)); min-height: 420px; }
.grid-item { background-color: initial; box-shadow: none; border: none;  overflow: hidden; cursor: pointer;  display: flex; flex-direction: column;position: relative;transition: grid-column 0.7s cubic-bezier(0.4, 0, 0.2, 1), grid-row 0.7s cubic-bezier(0.4, 0, 0.2, 1),box-shadow 0.3s ease;z-index: 1;} */
.solution-section .content-wrap  { min-height: 217px;background: #ffffff;  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); border-radius: 4px; padding: 12px; overflow: hidden; position: relative;z-index: 1;transition: color 0.4s ease;}
/* .solution-section .content-wrap::before { content: ''; position: absolute; bottom: -50px; left: -50px; width: 100px; height: 100px; background:var(--bg-violet); border-radius: 50%;  z-index: -1;
  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); transform: scale(0); transform-origin: bottom left;} */
.solution-section .content-wrap::before { content: "";position: absolute; left: -90%; bottom: -30%; width: 50%; height: 100%; background: var(--bg-violet);
  border-radius: 0 100% 0 0; transition: all 1s; }
  .grid-item:hover .content-wrap::before { width: 150%; height: 150%; bottom: 0; left: 0; }
.content-wrap h3, .content-wrap p, .content-wrap span {transition: all 0.5s ease; }
.content-wrap h3, .content-wrap p { z-index: 1; position: relative;}
.grid-item:hover .content-wrap h3,
.grid-item:hover .content-wrap p,
.grid-item:hover .content-wrap span { color: #ffffff;}
/* .grid .grid-item:first-child  {grid-area: 1 / 1 / span 2 / span 1;}
.grid .grid-item:first-child .image-box { height: auto; opacity: 1; display: block; margin-bottom: 20px;} */
.grid .grid-item:hover { box-shadow: none;}
.grid .grid-item:hover .content-wrap span.read-more {text-decoration: underline;}

.grid-item a { float: left; width: 100%; position: relative;}
.overlap-image { position: absolute; right: 0; bottom: -50px;opacity: 0;transition: bottom 0.5s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.4s ease;pointer-events: none; }
.grid-item:hover .overlap-image { bottom: 0; opacity: 1;}

/*** gravity-form css ***/
.gform_heading, .gform_wrapper.gravity-theme .ginput_complex label, .gform_wrapper.gravity-theme .ginput_complex legend { display: none !important;}
.gform_wrapper.gravity-theme .gform_validation_errors { float: left; width: 100%; margin: 0; padding: 0; }
.gform_wrapper.gravity-theme .gform_validation_errors > h2 { display: flex;}
.gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message, .gform_wrapper.gravity-theme .gform_validation_errors { background: none !important; border: none !important; padding: 0 !important; box-shadow: none;}
.gform_wrapper.gravity-theme .gform_validation_errors, .gform_wrapper.gravity-theme .gform_validation_errors:focus { float: left; width: 100%; background: none !important; border: none !important; padding-left:0px !important; box-shadow: none !important;}
.gform_wrapper.gravity-theme .gform_validation_errors > h2 { float: left; width: 100%; padding-left:35px !important; }
.gform_wrapper.gravity-theme .gform_validation_errors > h2 .gform-icon { left:0; inset-inline-start:0px !important; }
.gform_wrapper.gravity-theme .gform_validation_errors:focus { outline: none !important;}
.gform_wrapper.gravity-theme .gfield_validation_message { font-size: 13px!important; }

.news-box .gform_wrapper.gravity-theme .gform_validation_errors { display:none; }


/* 11 Feb 2026 */
/* global-sec */
.global-sec { float: left; width: 100%; padding: 60px 0 0; text-align: center; overflow: hidden;}
.global-sec h3 { font-size: 2.25rem; line-height: 1.5; font-weight: 400; color: var(--txt-black); margin-bottom: 40px;}
.global-sec h3 span{ color: var(--txt-violet); font-weight: 500; display: inline-block; width: 100%;}
.global-main { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; }
.global-img { flex: 0 1 45%;}
.global-cont { flex: 0 1 41%;margin-right: calc((100% - 1280px) / 2); padding-bottom: 60px;}
.global-cont ul { width: 100%;display: flex; flex-wrap: wrap; row-gap: 25px; align-items: center; text-align: left;}
.global-cont ul li { flex: 0 1 100%;display: flex; flex-wrap: wrap; align-items: flex-start; column-gap: 15px; padding: 12px; border-radius: 4px; background: var(--bg-white); box-shadow: 0 4px 14px 0 rgb(0, 0, 0, .05);transition: all 0.5s ease;}
.global-cont ul li img { width: auto;transition: all 0.5s ease;}
.global-cont ul li div { width: calc(100% - 47px);}
.global-cont ul li h4 { font-size: 1.375rem; line-height: 1.4; font-weight: 500; color: var(--txt-violet); margin-bottom: 10px;transition: all 0.5s ease;}
.global-cont ul li p { font-size: 1.125rem; line-height: 1.7; font-weight: 400; color: var(--txt-black);transition: all 0.5s ease; }
.global-cont ul li:hover { background: var(--bg-violet);}
.global-cont ul li:hover h4, .global-cont ul li:hover p { color:  var(--txt-white);} 
.global-cont ul li:hover img {filter: brightness(0) invert(1);}
.global-cont .welcome-btn { margin-top: 40px; text-align: left;}

.counter-img .practice-video { border: none;}
.organization-img { float: left; width: 100%; position: relative;}
#main-org-img { transition: opacity 0.15s ease-in-out; opacity: 1; width: 100%; height: auto; display: block;}
.ariel-title-sec .practice-video { margin-top: 60px;}
.video-animation-container { width: 100%; display: flex; justify-content: center; margin-top: 30px;}
.video-animation-container .practice-video { width: 100%; max-width: 100%; aspect-ratio: 16 / 9; position: relative; margin-top: 0; overflow: hidden; will-change: width; }
.video-animation-container .practice-video video { width: 100%; height: 100%; object-fit: cover; border-radius: 0;}

.reach-section { float: left; width: 100%; background: #F0F0F0; padding: 120px 0px 0;overflow: hidden;}
.reach-wrap { width: 100%; display: flex; flex-wrap: wrap; align-items: center; position: relative;}
.reach-wrap h2 { width: 100%;font-size: 5rem; line-height: 1.1; font-weight: 500; color: var(--txt-black); position: relative; z-index: 1;}
.reach-wrap h3{ width: 100%; font-size: 5rem; line-height: 1.1; font-weight: 500; color: var(--txt-violet); text-align: right;padding-left: 22%;}
.reach-image { width: 63%; text-align: right; display: block; margin-top: -120px;}
.reach-image img { width: auto;}
.reach-cont { width: 37%;}
.reach-cont p { font-size: 1.5rem; line-height: 1.7; font-weight: 400; color: var(--txt-black);transition: all 0.5s ease; }

.approach { background: #F2F2F2; overflow: hidden; padding-bottom: 0;}
.approach h2{ font-size: 3rem; line-height: 1.3; font-weight: 500; color: var(--txt-black); text-align: center;}
.approach h2 span{color: var(--txt-violet); text-align: center;padding-left: 22%; display: block;}
.approach .practice-wrap { align-items: center;}
.approach .practice-left { flex:0 1 48.7%;margin-top: -50px; position: relative;}
.approach .practice-left img { position: relative; z-index: 1;}
.approach .practice-right { flex: 0 1 45%; padding-right: calc((100% - 1280px) / 2);}
.approach .practice-right p { font-size: 1.5rem; line-height: 1.7; font-weight: 400; color: var(--txt-black);margin-bottom: 20px; }
.approach .practice-right a{background: var(--bg-violet); border-radius: 4px; padding: 9px 15px; font-size: 1.125rem; line-height: 1.2; font-style: normal; font-weight: 500; color: var(--txt-white); display: inline-flex; transition: all 0.5s ease;}
.approach .practice-right a:hover{background: var(--bg-black);}
.approach-circle { position: absolute; top: 20%; right: 15%; width: 291px; height: 293px; background: var(--bg-violet); border-radius: 50%; }

.custom-sec{ float: left; width: 100%; padding:90px 0px 20px; text-align: center; position: relative; overflow: hidden;}
.custom-shape-lft { position: absolute; left: 180px; top: 145px;}
.custom-shape-rgt { position: absolute; right: 65px; top: 50px;}
.custom-tittle { float: left; width: 100%; text-align: center;}
.custom-tittle h2 { font-size: 3.25rem; line-height: 1.2; color: var(--txt-black); margin-bottom: 30px;}
.custom-tittle h2 span { color: var(--txt-violet); font-weight: 500;}
.custom-tittle p { font-size: 1.25rem; line-height: 1.4; color: var(--txt-dblack); margin-bottom: 20px; padding: 0 25%;}
.custom-wrap { float: left; width: 100%; margin-top: 20px; text-align: left;}
.custom-wrap ul  { display:flex; flex-wrap: wrap; justify-content:space-between; column-gap:0; row-gap: 30px; margin-bottom:40px;}
.custom-wrap ul li { flex: 0 1 23.6%; background: #F1F1F1; padding: 30px 22px; border-radius: 4px; height: 245px;}
.custom-wrap ul li:nth-child(odd) { margin-top: 50px;} 
.custom-wrap ul li:nth-child(even) .custom-wrap h3{ color: var(--txt-lblue);}
.custom-wrap img { width: auto; margin-bottom: 15px;}
.custom-wrap h3 { font-size: 1.375rem; line-height: 1.4; color: var(--txt-violet); font-weight: 500; margin-bottom: 15px;}
.custom-wrap p { font-size: 1.125rem; line-height: 1.7; color: var(--txt-dblack); margin-bottom: 0px;}


/************** banner section css **************/
.coaching-video-sec { width: 100%; overflow: hidden; position: relative; }
.coaching-video-sec img { width: 100%; height: 100%;  object-fit: cover;}
.coaching-video-sec .banner-caption h2 { font-size:2rem; line-height: 1.3; width: 100%; font-weight: 500; color: var(--txt-black); margin-bottom: 20px;}
.coaching-video-sec .banner-caption h2 span {color: var(--txt-violet);}
.coaching-video-sec .banner-caption p { font-size: 1.5rem; line-height: 1.7; width: 100%; font-weight: 500; color: var(--txt-black); margin-bottom: 30px; max-width: 44%; }
.coaching-video-sec .banner-caption a { background: var(--bg-violet); height: 38px; display: inline-block; color: var(--txt-white); padding: 0 20px; font-size: 1.125rem; font-weight: 500; line-height: 35px; border-radius: 4px; transition: all 0.5s ease;}
.coaching-video-sec .banner-caption a:hover { background: var(--bg-black); color: var(--txt-white);} 
.coaching-video video { float: left; width: 100%;}
.coaching-video .org-img { position: absolute; top: 0; left: 0; z-index: 9; max-width: 100%; height: 100%;  object-fit: cover; object-position: top;}

.perform-sec.btm-grey { background: #DBDBDB;}
.perform-sec.btm-grey .perform-rgt::before, .perform-sec.btm-grey .perform-rgt::after { display: none;}
.perform-sec.btm-grey .perform-rgt img { float: right;}

.light-grey-bg { background: #F4F4F4;}

.thanks-sec { float: left; width: 100%; padding: 180px 0; position: relative; overflow: hidden;}
.thanks-sec::before { content: ""; position: absolute; bottom: 0px; left: 0; width: 535px; height: 864px; background: url("../images/contact-shape.svg") no-repeat center; z-index: 2;}
.thanks-content { float: left; width: 100%; padding-left: 20%; position: relative; z-index: 2;}
.thanks-sec h1 { font-size: 4.5rem; line-height: 1.2; font-weight: 500; color: var(--txt-violet); margin-bottom: 25px;}
.thanks-sec h2 { font-size: 3rem; line-height: 1.2; font-weight: 500; color: var(--txt-black); margin-bottom: 0px;}