.elementor-34056 .elementor-element.elementor-element-f5a2670{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:-106px;--margin-left:0px;--margin-right:0px;--padding-top:140px;--padding-bottom:100px;--padding-left:15px;--padding-right:15px;}.elementor-34056 .elementor-element.elementor-element-f5a2670:not(.elementor-motion-effects-element-type-background), .elementor-34056 .elementor-element.elementor-element-f5a2670 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://xpunch.store/wp-content/uploads/2025/08/Hero.jpg");background-position:top left;background-repeat:no-repeat;background-size:cover;}.elementor-34056 .elementor-element.elementor-element-16c15ed{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-34056 .elementor-element.elementor-element-fd0f023{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-34056 .elementor-element.elementor-element-343785b > .elementor-widget-container{margin:0px 0px 10px 0px;padding:0px 0px 0px 0px;}.elementor-34056 .elementor-element.elementor-element-343785b{text-align:center;}.elementor-34056 .elementor-element.elementor-element-343785b .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:40px;font-weight:600;color:var( --e-global-color-7808cb3 );}.elementor-34056 .elementor-element.elementor-element-396071e > .elementor-widget-container{margin:0px 0px 30px 0px;}.elementor-34056 .elementor-element.elementor-element-396071e{text-align:center;}.elementor-34056 .elementor-element.elementor-element-396071e .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:24px;font-weight:500;color:#203162;}.elementor-34056 .elementor-element.elementor-element-eb386a9{width:var( --container-widget-width, 606px );max-width:606px;--container-widget-width:606px;--container-widget-flex-grow:0;}.elementor-34056 .elementor-element.elementor-element-eb386a9.elementor-element{--align-self:center;}.elementor-34056 .elementor-element.elementor-element-f60d41a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34056 .elementor-element.elementor-element-e88cf12{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34056 .elementor-element.elementor-element-64adfbb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-53px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-34056 .elementor-element.elementor-element-909469e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-34056 .elementor-element.elementor-element-909469e img{width:100%;}.elementor-34056 .elementor-element.elementor-element-4601dd7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-53px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34056 .elementor-element.elementor-element-a9a5cbb > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-34056 .elementor-element.elementor-element-a9a5cbb img{width:100%;}@media(min-width:768px){.elementor-34056 .elementor-element.elementor-element-f5a2670{--width:100%;}.elementor-34056 .elementor-element.elementor-element-16c15ed{--content-width:1220px;}.elementor-34056 .elementor-element.elementor-element-f60d41a{--content-width:1230px;}}@media(min-width:2400px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:1366px){.elementor-34056 .elementor-element.elementor-element-343785b .elementor-heading-title{font-size:32px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:1024px){.elementor-34056 .elementor-element.elementor-element-f5a2670{--margin-top:0px;--margin-bottom:-90px;--margin-left:0px;--margin-right:0px;}.elementor-34056 .elementor-element.elementor-element-343785b .elementor-heading-title{font-size:24px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-34056 .elementor-element.elementor-element-f5a2670{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:90px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}.elementor-34056 .elementor-element.elementor-element-fd0f023{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34056 .elementor-element.elementor-element-343785b > .elementor-widget-container{margin:0px 0px 10px 0px;padding:0px 0px 0px 0px;}.elementor-34056 .elementor-element.elementor-element-343785b{text-align:left;}.elementor-34056 .elementor-element.elementor-element-343785b .elementor-heading-title{font-size:30px;}.elementor-34056 .elementor-element.elementor-element-396071e{text-align:left;}.elementor-34056 .elementor-element.elementor-element-396071e .elementor-heading-title{font-size:14px;}.elementor-34056 .elementor-element.elementor-element-e88cf12{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for shortcode, class: .elementor-element-eb386a9 */.searchForm {
  position: relative;
}

.search-container {
  position: relative;
  display: flex;
  align-items: center;
}

.search {
  padding-right: 35px; /* Make space for the icon */
  width: 100%;
}

.search-icon {
  position: absolute;
  right: 10px;
  background: none;
  border: none;
  cursor: pointer;
  color: #555;    padding: 10px;
}

.search-icon svg {
  display: block;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f838f97 */.glossary-letters-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    padding: 20px 0;
    margin-bottom: 20px;
    /*border-bottom: 1px solid #eee;*/
}

.glossary-letter {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    font-size: 18px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.2s ease;
    padding: 2px 6px;
    font-family: "Montserrat", Sans-serif;
}

.glossary-letter.active {
    color: #18191E;
    cursor: pointer;
}

.glossary-letter.active:hover {
    color: #18191E;
    cursor: pointer;
    background-color: #A9C3F180;
}

.glossary-letter.active-letter {
  padding: 2px 6px;
    background-color: #B1C9FC;
}

.glossary-letter.inactive {
    color: #A6AAB3;
    cursor: default;
}

/* Responsive adjustments */
@media (max-width: 600px) {
    .glossary-letter {
        width: 30px;
        height: 30px;
        font-size: 16px;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a9076ea */.panel-group.cus-accordian{
        display: flex
;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;
    height: 100vh;
    gap: 1%;
}


.glossaryListwrap .panel {
    background: #fff;
    padding: 20px;
    margin: 0;
    border: none;
    box-shadow: none;
    border-radius: 8px;
    margin-bottom: 10px;
        width: calc(25% -1%);
    margin: 0;
    box-sizing: border-box;
    break-inside: avoid;
}


/* Default desktop (4 columns) */
.panel-group.cus-accordian {
    height: 1200px; 
}
.glossaryListwrap .panel {
    /*width: calc(24% - 1%);*/
    width: 296px;
}

.panel.panel-default.active-panel {
        border: 1px solid #B1C9FC;
      }
      
    .panel-title a {
        color: #759FF2;
        font-family: "Montserrat", Sans-serif;
        font-weight: 700;
    }

/* Large tablets (4 columns) */
@media (max-width: 1200px) {
    .panel-group.cus-accordian {
        height: 1350px; 
    }
    .glossaryListwrap .panel {
        width: calc(25% - 1%);
    }
}

/* Small tablets (2 columns) */
@media (max-width: 900px) {
    .panel-group.cus-accordian {
        height: auto; /* Switch to auto height for mobile */
        flex-direction: row; /* Change to row layout */
        flex-wrap: wrap;
    }
    .glossaryListwrap .panel {
        width: calc(50% - 1%);margin-bottom: 10px;
    }
}

/* Mobile phones (1 column) */
@media (max-width: 600px) {
    .panel-group.cus-accordian {
        height: auto;
        flex-direction: column;
        padding-bottom: 40px;
    }
    .glossaryListwrap .panel {
        width: 100%;
                margin-bottom: 10px;
    }
}

/* Small mobile devices */
@media (max-width: 400px) {
    .glossaryListwrap .panel {
        padding: 15px;
                margin-bottom: 10px;
    }
}



.panel-heading h4{
    color: #759FF2;
    margin: 0;
    padding: 0;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
       margin-bottom: 10px;
    
}
    
.glossaryListwrap    .panel-body  ul {padding: 0;
    margin: 0;
    list-style: none;}
    
 .glossaryListwrap    .panel-body  ul li   a{
        color: #373941;
          font-size: 18px;
          font-family: "Montserrat", Sans-serif;
          font-weight: 500;
    }
    .glossaryListwrap    .panel-body  ul li   {
        margin-bottom: 15px;
    }
 .glossaryListwrap .panel-body  ul li a:hover{
    
     color: #000000;
     }
     
     
     @media (max-width: 600px) {
      .panel-heading h4{

    font-size: 32px;   
      }
       .panel.panel-default {
           display: flex;
       }
       .panel-heading {
           padding: 0 5px;
           width: 32px;
           margin-right: 30px;
       }
    
     }/* End custom CSS */