/* --- App layout changes: make body scrollable, hide search box in app header --- */
html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  overflow-x: hidden;
}
.Home_page body .BaseMaster_searchBoxContainer
{
  display: none;
  
}

.Home_page body .BaseMaster_contentContainer
{
  //height: auto !important;
 
  
}

.Home_page body
{
  overflow: auto;
  position: relative;
  top: 0;
  //min-height: 100%;
  color: #231F20;
  }
/* --- App layout changes end --- */

.Home_page body .CHMenu_menuItem a,
.Home_page body .BaseMaster_profileLink
{
  color: #231F20;
}

.Home_page body .BaseMaster_mainMenuContainer
{
  border-bottom: 0 none;
  color: #231F20;
  box-shadow: 0px 0px 10px #9E878D;
 
}

.Home_page body .BaseMaster_mainMenuContainer,
.Home_page body .CHMenu_menuItem:hover,
.Home_page body .BaseMaster_profileLink:hover,
.Home_page body .BaseMaster_helpMenu:hover
{
  background: none;
  color: #231F20;
  
}

.Home_page body .BaseMaster_profileLink,
.Home_page body .CHMenu_menuItem
{
  font-weight: bold;
}



.Home_page body
{
  background: none;
  color: #345079;
  
  
}

.Home_customContent
{
  color: #696969;
  padding-block-start: 0 ;padding-inline-end: 0 ;padding-block-end: 0 ;padding-inline-start: 0 ;
  margin-block-start: 0 ;margin-inline-end: 0 ;margin-block-end: 0 ;margin-inline-start: 0 ;
 // font-family: "Open Sans", Arial, Helvetica, sans-serif;
  text-align: center;
  height: 93.8vh;
 //	display: flex;
	//flex-direction: column;
	//justify-content: space-between;
}

.Home_customContent a,
.Home_customContent a:visited
{
  //color: #2C72C8;
  text-decoration: none;
}

.Home_customContent a:hover
{
  color: #2C72FF;
}

.Home_noPubsAvailable
{
  font-size: 1.5em;
}

h1
{
  color: #333;
	font-size: 3em;
  margin-block-start: 0 ;margin-inline-end: 0 ;margin-block-end: 0 ;margin-inline-start: 0 ;
  padding-top: 60px;
}

.lightFont
{
  font-family: 'Segoe UI Light', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-weight: 100;
}

.fixedWidth
{
  max-width: 1170px;
  margin-block-start: auto ;margin-inline-end: auto ;margin-block-end: auto ;margin-inline-start: auto ;
}

.background
{
  
  margin-block-start: 0 ;margin-inline-end: 0 ;margin-block-end: 0 ;margin-inline-start: 0 ;
  width: 100%;
  z-index: -1;
  /* background: url('/resources/Storage/Templates/Themes/minimalist-back.jpg') no-repeat center center;
  */
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}

.bg-img
{
  height: 200px;
  background: url('/resources/Storage/Templates/Themes/minimalist-back.jpg') no-repeat center center cover;
  }

.searchContainer
{
  min-height: 200px;
  padding-inline-end: 5 px ;
  padding-bottom: 40px;
  position: relative;
  overflow: hidden;
  background-color: #efefef;
  }

.searchContainer:after
{
  content: "";
  display:block;
  clear:both;
  background-color: #efefef;
  
}


.pubsBlock
{
  padding-bottom: 20px;
}

.pubsBlock .linksList
{
  display: inline-block;
}

.linksList
{
  margin-block-start: 0 ;margin-inline-end: 0 ;margin-block-end: 0 ;margin-inline-start: 0 ;
  padding-top: 10px;
  padding-bottom: 10px;
  list-style-type: circle;
}

.linksList a
{
  
  color: #345079;
  text-decoration: none;
  padding-block-start: 5px ;padding-inline-end: 5px ;padding-block-end: 5px ;padding-inline-start: 5px ;
  display: inline-block;
  vertical-align: middle;
}

.linksList li,
.pubItem
{
  padding-block-start: 5px ;padding-inline-end: 0 ;padding-block-end: 5px ;padding-inline-start: 0 ;
  text-align: start ;
  font-size: 1.8em;
  
}


.pubItem
{
  padding-inline-start: 20px ;
}

.linksList li:hover
{
  color: #2C72FF;
  list-style-type: disc;
}

/*.searchCenteringContainer
{
  max-width:850px;
  margin-block-start: auto ;margin-inline-end: auto ;margin-block-end: auto ;margin-inline-start: auto ;
  padding-block-start: 5 ;padding-inline-end: px ;padding-block-end: 5 ;padding-inline-start: px ;
  }

.searchBoxContainer
{
  overflow:hidden;
  padding-inline-end: 16px ;
  height: 48px;
  background: rgba(0,0,0,.2);
   }

.searchBox
{
  width: 800px;
  height: 28px;
 // font-size: 2em;
  padding-block-start: 10px ;padding-inline-end: 10px ;padding-block-end: 10px ;padding-inline-start: 10px ;
  //background: rgba(255,255,255,.4);
  margin-block-start: auto ;margin-inline-end: auto ;margin-block-end: auto ;margin-inline-start: auto ;
    
}
*/

i.btnSearch
{
 padding-block-start: 5 ;padding-inline-end: px ;padding-block-end: 5 ;padding-inline-start: px ;
  font-size: 2em;
  padding-block-start: 11px ;padding-inline-end: 11px ;padding-block-end: 11px ;padding-inline-start: 11px ;
  background: rgba(0,0,0,.2);
  color: white;
  margin-block-start: auto ;margin-inline-end: auto ;margin-block-end: auto ;margin-inline-start: auto ;
  float: inline-end ;
   width:24px;
  height: 26px;
  border-radius: 0px 8px 8px 0px;
}

.btnSearch:hover
{
  color: white;
  background-color:#231F20;
  cursor: pointer;
}

.navContainer
{
  background: #babcb7;
}

.nav2ColOuter
{
  padding-bottom:50px;
}

.navIcon
{
  
  border: 4px solid;
  padding-block-start: 20px ;padding-inline-end: 20px ;padding-block-end: 20px ;padding-inline-start: 20px ;
  border-radius: 50%;
  height: 128px;
  width: 128px;
  float: inline-start ;
}

.navText
{
  float: inline-start ;
  text-align: start ;
  padding-inline-start: 30px ;
}

.navHeading
{
  font-size: 3em;
  color: black;
}

.navContainer ul
{
  margin-block-start: 0 ;margin-inline-end: 0 ;margin-block-end: 0 ;margin-inline-start: 0 ;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-inline-start: 20px ;
  padding-inline-end: 20px ;
  list-style-type: circle;
}

.navContainer li
{
  text-align: start ;
  font-size: 1.8em;
  padding-top: 5px;
  padding-bottom: 5px;
}

.navContainer li:hover
{
  color: #2C72FF;
  list-style-type: disc;
}

.Home_customContent .navContainer a,
.Home_customContent .footer a,
.Home_customContent .pubsBlock a
{
  color: #345079;
  text-decoration: none;
}

.footer
{
  position:relative;
  color: #ffffff;
  font-size: 1.4 em;
 padding-top:10px;
  bottom: 0;
  right: 0;
  left:0;
  text-align: start ;
  line-height: 1.6;
  background-color:#231F20; 
  
}

.footer a:hover 
{
  color: #4EBA6F;
}

.contactInfo
{
  padding-inline-start: 10px ;
  padding-top: 30px;
  white-space: nowrap;
}

.followUs
{
  float: inline-end ;
  padding-block-start: 10px ;padding-inline-end: 10px ;padding-block-end: 10px ;padding-inline-start: 10px ;
}

.followUsIcons
{
  white-space: nowrap;
  
}

.followUs .fa
{
  color: #333;
  font-size: 1.2em;
  padding-block-start: 10px ;padding-inline-end: 10px ;padding-block-end: 10px ;padding-inline-start: 10px ;
  border: 2px solid;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  text-align: center;
  margin-inline-start: 5px ;
  background-color:#ffffff;
}

.followUs .fa:hover
{
  color: white;
  background-color: #4EBA6F;
  border-color: #2C72FF;
}

/* --- Responsive styles --- */

.nav2ColOuter
{
  /* Two columns per screen, default */
  float: inline-start ;
  
  width:50%;
}

/* Phone to portrait tablet */
@media (max-width: 767px) 
  {
  .nav2ColOuter 
  {
    /* One column per screen */
    width: 100%;
  }
  
  .background
  {
    display: none;
  }
  
  .searchContainer
  {
    padding-top: 10px;
    padding-bottom: 30px;
  }
  
  .footer
  {
    padding-top: 30px;
  }
  
  .recommendedContent .nav2ColOuter 
  {
    padding-bottom: 0;
  }
  
  .navContainer ul
  {
    padding-top: 0;
    padding-bottom: 0;
  }
}



@media (max-width: 1200px) 
  {
  .fixedWidth
  {
    max-width: none;
    padding-inline-start: 20px ;
    padding-inline-end: 20px ;
  }
  
  .navIcon
  {
    float: none;
    margin-block-start: auto ;margin-inline-end: auto ;margin-block-end: auto ;margin-inline-start: auto ;
  }
  
  .navText
  {
    padding-inline-start: 0 ;
  }
  
  .nav2ColOuter .navText
  {
    text-align: center;
    float: none;
  }
  
  .navContainer ul
  {
    display: inline-block;
  }
  
  .footer
  {
    text-align:inherit;
  }
  
  .followUs
  {
    float: none;
  }
}

/* --- BEGIN - Font Awesome backward compatibility styles --- */

/*!
* Font Awesome Pro 5.2.0 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license (Commercial License)
*/
.fa.fa-glass:before{
  content:""}
.fa.fa-meetup{
  font-family:"Font Awesome 5 Brands";
  font-weight:400}
.fa.fa-star-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-star-o:before{
  content:""}
.fa.fa-close:before,.fa.fa-remove:before{
  content:""}
.fa.fa-gear:before{
  content:""}
.fa.fa-trash-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-trash-o:before{
  content:""}
.fa.fa-file-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-file-o:before{
  content:""}
.fa.fa-clock-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-clock-o:before{
  content:""}
.fa.fa-arrow-circle-o-down{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-arrow-circle-o-down:before{
  content:""}
.fa.fa-arrow-circle-o-up{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-arrow-circle-o-up:before{
  content:""}
.fa.fa-play-circle-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-play-circle-o:before{
  content:""}
.fa.fa-repeat:before,.fa.fa-rotate-right:before{
  content:""}
.fa.fa-refresh:before{
  content:""}
.fa.fa-list-alt{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-dedent:before{
  content:""}
.fa.fa-video-camera:before{
  content:""}
.fa.fa-picture-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-picture-o:before{
  content:""}
.fa.fa-photo{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-photo:before{
  content:""}
.fa.fa-image{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-image:before{
  content:""}
.fa.fa-pencil:before{
  content:""}
.fa.fa-map-marker:before{
  content:""}
.fa.fa-pencil-square-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-pencil-square-o:before{
  content:""}
.fa.fa-share-square-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-share-square-o:before{
  content:""}
.fa.fa-check-square-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-check-square-o:before{
  content:""}
.fa.fa-arrows:before{
  content:""}
.fa.fa-times-circle-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-times-circle-o:before{
  content:""}
.fa.fa-check-circle-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-check-circle-o:before{
  content:""}
.fa.fa-mail-forward:before{
  content:""}
.fa.fa-eye,.fa.fa-eye-slash{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-warning:before{
  content:""}
.fa.fa-calendar:before{
  content:""}
.fa.fa-arrows-v:before{
  content:""}
.fa.fa-arrows-h:before{
  content:""}
.fa.fa-bar-chart{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-bar-chart:before{
  content:""}
.fa.fa-bar-chart-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-bar-chart-o:before{
  content:""}
.fa.fa-facebook-square,.fa.fa-twitter-square{
  font-family:"Font Awesome 5 Brands";
  font-weight:400}
.fa.fa-gears:before{
  content:""}
.fa.fa-thumbs-o-up{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-thumbs-o-up:before{
  content:""}
.fa.fa-thumbs-o-down{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-thumbs-o-down:before{
  content:""}
.fa.fa-heart-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-heart-o:before{
  content:""}
.fa.fa-sign-out:before{
  content:""}
.fa.fa-linkedin-square{
  font-family:"Font Awesome 5 Brands";
  font-weight:400}
.fa.fa-linkedin-square:before{
  content:""}
.fa.fa-thumb-tack:before{
  content:""}
.fa.fa-external-link:before{
  content:""}
.fa.fa-sign-in:before{
  content:""}
.fa.fa-github-square{
  font-family:"Font Awesome 5 Brands";
  font-weight:400}
.fa.fa-lemon-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-lemon-o:before{
  content:""}
.fa.fa-square-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-square-o:before{
  content:""}
.fa.fa-bookmark-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-bookmark-o:before{
  content:""}
.fa.fa-facebook,.fa.fa-twitter{
  font-family:"Font Awesome 5 Brands";
  font-weight:400}
.fa.fa-facebook:before{
  content:""}
.fa.fa-facebook-f{
  font-family:"Font Awesome 5 Brands";
  font-weight:400}
.fa.fa-facebook-f:before{
  content:""}
.fa.fa-github{
  font-family:"Font Awesome 5 Brands";
  font-weight:400}
.fa.fa-credit-card{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-feed:before{
  content:""}
.fa.fa-hdd-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-hdd-o:before{
  content:""}
.fa.fa-hand-o-right{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-hand-o-right:before{
  content:""}
.fa.fa-hand-o-left{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-hand-o-left:before{
  content:""}
.fa.fa-hand-o-up{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-hand-o-up:before{
  content:""}
.fa.fa-hand-o-down{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-hand-o-down:before{
  content:""}
.fa.fa-arrows-alt:before{
  content:""}
.fa.fa-group:before{
  content:""}
.fa.fa-chain:before{
  content:""}
.fa.fa-scissors:before{
  content:""}
.fa.fa-files-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-files-o:before{
  content:""}
.fa.fa-floppy-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-floppy-o:before{
  content:""}
.fa.fa-navicon:before,.fa.fa-reorder:before{
  content:""}
.fa.fa-google-plus,.fa.fa-google-plus-square,.fa.fa-pinterest,.fa.fa-pinterest-square{
  font-family:"Font Awesome 5 Brands";
  font-weight:400}
.fa.fa-google-plus:before{
  content:""}
.fa.fa-money{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-money:before{
  content:""}
.fa.fa-unsorted:before{
  content:""}
.fa.fa-sort-desc:before{
  content:""}
.fa.fa-sort-asc:before{
  content:""}
.fa.fa-linkedin{
  font-family:"Font Awesome 5 Brands";
  font-weight:400}
.fa.fa-linkedin:before{
  content:""}
.fa.fa-rotate-left:before{
  content:""}
.fa.fa-legal:before{
  content:""}
.fa.fa-dashboard:before,.fa.fa-tachometer:before{
  content:""}
.fa.fa-comment-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-comment-o:before{
  content:""}
.fa.fa-comments-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-comments-o:before{
  content:""}
.fa.fa-flash:before{
  content:""}
.fa.fa-clipboard,.fa.fa-paste{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-paste:before{
  content:""}
.fa.fa-lightbulb-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-lightbulb-o:before{
  content:""}
.fa.fa-exchange:before{
  content:""}
.fa.fa-cloud-download:before{
  content:""}
.fa.fa-cloud-upload:before{
  content:""}
.fa.fa-bell-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-bell-o:before{
  content:""}
.fa.fa-cutlery:before{
  content:""}
.fa.fa-file-text-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-file-text-o:before{
  content:""}
.fa.fa-building-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-building-o:before{
  content:""}
.fa.fa-hospital-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-hospital-o:before{
  content:""}
.fa.fa-tablet:before{
  content:""}
.fa.fa-mobile-phone:before,.fa.fa-mobile:before{
  content:""}
.fa.fa-circle-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-circle-o:before{
  content:""}
.fa.fa-mail-reply:before{
  content:""}
.fa.fa-github-alt{
  font-family:"Font Awesome 5 Brands";
  font-weight:400}
.fa.fa-folder-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-folder-o:before{
  content:""}
.fa.fa-folder-open-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-folder-open-o:before{
  content:""}
.fa.fa-smile-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-smile-o:before{
  content:""}
.fa.fa-frown-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-frown-o:before{
  content:""}
.fa.fa-meh-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-meh-o:before{
  content:""}
.fa.fa-keyboard-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-keyboard-o:before{
  content:""}
.fa.fa-flag-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-flag-o:before{
  content:""}
.fa.fa-mail-reply-all:before{
  content:""}
.fa.fa-star-half-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-star-half-o:before{
  content:""}
.fa.fa-star-half-empty{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-star-half-empty:before{
  content:""}
.fa.fa-star-half-full{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-star-half-full:before{
  content:""}
.fa.fa-code-fork:before{
  content:""}
.fa.fa-chain-broken:before{
  content:""}
.fa.fa-shield:before{
  content:""}
.fa.fa-calendar-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-calendar-o:before{
  content:""}
.fa.fa-css3,.fa.fa-html5,.fa.fa-maxcdn{
  font-family:"Font Awesome 5 Brands";
  font-weight:400}
.fa.fa-ticket:before{
  content:""}
.fa.fa-minus-square-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-minus-square-o:before{
  content:""}
.fa.fa-level-up:before{
  content:""}
.fa.fa-level-down:before{
  content:""}
.fa.fa-pencil-square:before{
  content:""}
.fa.fa-external-link-square:before{
  content:""}
.fa.fa-compass{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-caret-square-o-down{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-caret-square-o-down:before{
  content:""}
.fa.fa-toggle-down{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-toggle-down:before{
  content:""}
.fa.fa-caret-square-o-up{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-caret-square-o-up:before{
  content:""}
.fa.fa-toggle-up{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-toggle-up:before{
  content:""}
.fa.fa-caret-square-o-right{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-caret-square-o-right:before{
  content:""}
.fa.fa-toggle-right{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-toggle-right:before{
  content:""}
.fa.fa-eur:before,.fa.fa-euro:before{
  content:""}
.fa.fa-gbp:before{
  content:""}
.fa.fa-dollar:before,.fa.fa-usd:before{
  content:""}
.fa.fa-inr:before,.fa.fa-rupee:before{
  content:""}
.fa.fa-cny:before,.fa.fa-jpy:before,.fa.fa-rmb:before,.fa.fa-yen:before{
  content:""}
.fa.fa-rouble:before,.fa.fa-rub:before,.fa.fa-ruble:before{
  content:""}
.fa.fa-krw:before,.fa.fa-won:before{
  content:""}
.fa.fa-bitcoin,.fa.fa-btc{
  font-family:"Font Awesome 5 Brands";
  font-weight:400}
.fa.fa-bitcoin:before{
  content:""}
.fa.fa-file-text:before{
  content:""}
.fa.fa-sort-alpha-asc:before{
  content:""}
.fa.fa-sort-alpha-desc:before{
  content:""}
.fa.fa-sort-amount-asc:before{
  content:""}
.fa.fa-sort-amount-desc:before{
  content:""}
.fa.fa-sort-numeric-asc:before{
  content:""}
.fa.fa-sort-numeric-desc:before{
  content:""}
.fa.fa-xing,.fa.fa-xing-square,.fa.fa-youtube,.fa.fa-youtube-play,.fa.fa-youtube-square{
  font-family:"Font Awesome 5 Brands";
  font-weight:400}
.fa.fa-youtube-play:before{
  content:""}
.fa.fa-adn,.fa.fa-bitbucket,.fa.fa-bitbucket-square,.fa.fa-dropbox,.fa.fa-flickr,.fa.fa-instagram,.fa.fa-stack-overflow{
  font-family:"Font Awesome 5 Brands";
  font-weight:400}
.fa.fa-bitbucket-square:before{
  content:""}
.fa.fa-tumblr,.fa.fa-tumblr-square{
  font-family:"Font Awesome 5 Brands";
  font-weight:400}
.fa.fa-long-arrow-down:before{
  content:""}
.fa.fa-long-arrow-up:before{
  content:""}
.fa.fa-long-arrow-left:before{
  content:""}
.fa.fa-long-arrow-right:before{
  content:""}
.fa.fa-android,.fa.fa-apple,.fa.fa-dribbble,.fa.fa-foursquare,.fa.fa-gittip,.fa.fa-gratipay,.fa.fa-linux,.fa.fa-skype,.fa.fa-trello,.fa.fa-windows{
  font-family:"Font Awesome 5 Brands";
  font-weight:400}
.fa.fa-gittip:before{
  content:""}
.fa.fa-sun-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-sun-o:before{
  content:""}
.fa.fa-moon-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-moon-o:before{
  content:""}
.fa.fa-pagelines,.fa.fa-renren,.fa.fa-stack-exchange,.fa.fa-vk,.fa.fa-weibo{
  font-family:"Font Awesome 5 Brands";
  font-weight:400}
.fa.fa-arrow-circle-o-right{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-arrow-circle-o-right:before{
  content:""}
.fa.fa-arrow-circle-o-left{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-arrow-circle-o-left:before{
  content:""}
.fa.fa-caret-square-o-left{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-caret-square-o-left:before{
  content:""}
.fa.fa-toggle-left{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-toggle-left:before{
  content:""}
.fa.fa-dot-circle-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-dot-circle-o:before{
  content:""}
.fa.fa-vimeo-square{
  font-family:"Font Awesome 5 Brands";
  font-weight:400}
.fa.fa-try:before,.fa.fa-turkish-lira:before{
  content:""}
.fa.fa-plus-square-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-plus-square-o:before{
  content:""}
.fa.fa-openid,.fa.fa-slack,.fa.fa-wordpress{
  font-family:"Font Awesome 5 Brands";
  font-weight:400}
.fa.fa-bank:before,.fa.fa-institution:before{
  content:""}
.fa.fa-mortar-board:before{
  content:""}
.fa.fa-delicious,.fa.fa-digg,.fa.fa-drupal,.fa.fa-google,.fa.fa-joomla,.fa.fa-pied-piper-alt,.fa.fa-pied-piper-pp,.fa.fa-reddit,.fa.fa-reddit-square,.fa.fa-stumbleupon,.fa.fa-stumbleupon-circle,.fa.fa-yahoo{
  font-family:"Font Awesome 5 Brands";
  font-weight:400}
.fa.fa-spoon:before{
  content:""}
.fa.fa-behance,.fa.fa-behance-square,.fa.fa-steam,.fa.fa-steam-square{
  font-family:"Font Awesome 5 Brands";
  font-weight:400}
.fa.fa-automobile:before{
  content:""}
.fa.fa-cab:before{
  content:""}
.fa.fa-envelope-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-envelope-o:before{
  content:""}
.fa.fa-deviantart,.fa.fa-soundcloud{
  font-family:"Font Awesome 5 Brands";
  font-weight:400}
.fa.fa-file-pdf-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-file-pdf-o:before{
  content:""}
.fa.fa-file-word-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-file-word-o:before{
  content:""}
.fa.fa-file-excel-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-file-excel-o:before{
  content:""}
.fa.fa-file-powerpoint-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-file-powerpoint-o:before{
  content:""}
.fa.fa-file-image-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-file-image-o:before{
  content:""}
.fa.fa-file-photo-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-file-photo-o:before{
  content:""}
.fa.fa-file-picture-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-file-picture-o:before{
  content:""}
.fa.fa-file-archive-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-file-archive-o:before{
  content:""}
.fa.fa-file-zip-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-file-zip-o:before{
  content:""}
.fa.fa-file-audio-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-file-audio-o:before{
  content:""}
.fa.fa-file-sound-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-file-sound-o:before{
  content:""}
.fa.fa-file-video-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-file-video-o:before{
  content:""}
.fa.fa-file-movie-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-file-movie-o:before{
  content:""}
.fa.fa-file-code-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-file-code-o:before{
  content:""}
.fa.fa-codepen,.fa.fa-jsfiddle,.fa.fa-vine{
  font-family:"Font Awesome 5 Brands";
  font-weight:400}
.fa.fa-life-bouy,.fa.fa-life-ring{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-life-bouy:before{
  content:""}
.fa.fa-life-buoy{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-life-buoy:before{
  content:""}
.fa.fa-life-saver{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-life-saver:before{
  content:""}
.fa.fa-support{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-support:before{
  content:""}
.fa.fa-circle-o-notch:before{
  content:""}
.fa.fa-ra,.fa.fa-rebel{
  font-family:"Font Awesome 5 Brands";
  font-weight:400}
.fa.fa-ra:before{
  content:""}
.fa.fa-resistance{
  font-family:"Font Awesome 5 Brands";
  font-weight:400}
.fa.fa-resistance:before{
  content:""}
.fa.fa-empire,.fa.fa-ge{
  font-family:"Font Awesome 5 Brands";
  font-weight:400}
.fa.fa-ge:before{
  content:""}
.fa.fa-git,.fa.fa-git-square,.fa.fa-hacker-news,.fa.fa-y-combinator-square{
  font-family:"Font Awesome 5 Brands";
  font-weight:400}
.fa.fa-y-combinator-square:before{
  content:""}
.fa.fa-yc-square{
  font-family:"Font Awesome 5 Brands";
  font-weight:400}
.fa.fa-yc-square:before{
  content:""}
.fa.fa-qq,.fa.fa-tencent-weibo,.fa.fa-wechat,.fa.fa-weixin{
  font-family:"Font Awesome 5 Brands";
  font-weight:400}
.fa.fa-wechat:before{
  content:""}
.fa.fa-send:before{
  content:""}
.fa.fa-paper-plane-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-paper-plane-o:before{
  content:""}
.fa.fa-send-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-send-o:before{
  content:""}
.fa.fa-circle-thin{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-circle-thin:before{
  content:""}
.fa.fa-header:before{
  content:""}
.fa.fa-sliders:before{
  content:""}
.fa.fa-futbol-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-futbol-o:before{
  content:""}
.fa.fa-soccer-ball-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-soccer-ball-o:before{
  content:""}
.fa.fa-slideshare,.fa.fa-twitch,.fa.fa-yelp{
  font-family:"Font Awesome 5 Brands";
  font-weight:400}
.fa.fa-newspaper-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-newspaper-o:before{
  content:""}
.fa.fa-cc-amex,.fa.fa-cc-discover,.fa.fa-cc-mastercard,.fa.fa-cc-paypal,.fa.fa-cc-stripe,.fa.fa-cc-visa,.fa.fa-google-wallet,.fa.fa-paypal{
  font-family:"Font Awesome 5 Brands";
  font-weight:400}
.fa.fa-bell-slash-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-bell-slash-o:before{
  content:""}
.fa.fa-trash:before{
  content:""}
.fa.fa-copyright{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-eyedropper:before{
  content:""}
.fa.fa-area-chart:before{
  content:""}
.fa.fa-pie-chart:before{
  content:""}
.fa.fa-line-chart:before{
  content:""}
.fa.fa-angellist,.fa.fa-ioxhost,.fa.fa-lastfm,.fa.fa-lastfm-square{
  font-family:"Font Awesome 5 Brands";
  font-weight:400}
.fa.fa-cc{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-cc:before{
  content:""}
.fa.fa-ils:before,.fa.fa-shekel:before,.fa.fa-sheqel:before{
  content:""}
.fa.fa-meanpath{
  font-family:"Font Awesome 5 Brands";
  font-weight:400}
.fa.fa-meanpath:before{
  content:""}
.fa.fa-buysellads,.fa.fa-connectdevelop,.fa.fa-dashcube,.fa.fa-forumbee,.fa.fa-leanpub,.fa.fa-sellsy,.fa.fa-shirtsinbulk,.fa.fa-simplybuilt,.fa.fa-skyatlas{
  font-family:"Font Awesome 5 Brands";
  font-weight:400}
.fa.fa-diamond{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-diamond:before{
  content:""}
.fa.fa-intersex:before{
  content:""}
.fa.fa-facebook-official{
  font-family:"Font Awesome 5 Brands";
  font-weight:400}
.fa.fa-facebook-official:before{
  content:""}
.fa.fa-pinterest-p,.fa.fa-whatsapp{
  font-family:"Font Awesome 5 Brands";
  font-weight:400}
.fa.fa-hotel:before{
  content:""}
.fa.fa-medium,.fa.fa-viacoin,.fa.fa-y-combinator,.fa.fa-yc{
  font-family:"Font Awesome 5 Brands";
  font-weight:400}
.fa.fa-yc:before{
  content:""}
.fa.fa-expeditedssl,.fa.fa-opencart,.fa.fa-optin-monster{
  font-family:"Font Awesome 5 Brands";
  font-weight:400}
.fa.fa-battery-4:before,.fa.fa-battery:before{
  content:""}
.fa.fa-battery-3:before{
  content:""}
.fa.fa-battery-2:before{
  content:""}
.fa.fa-battery-1:before{
  content:""}
.fa.fa-battery-0:before{
  content:""}
.fa.fa-object-group,.fa.fa-object-ungroup,.fa.fa-sticky-note-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-sticky-note-o:before{
  content:""}
.fa.fa-cc-diners-club,.fa.fa-cc-jcb{
  font-family:"Font Awesome 5 Brands";
  font-weight:400}
.fa.fa-clone,.fa.fa-hourglass-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-hourglass-o:before{
  content:""}
.fa.fa-hourglass-1:before{
  content:""}
.fa.fa-hourglass-2:before{
  content:""}
.fa.fa-hourglass-3:before{
  content:""}
.fa.fa-hand-rock-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-hand-rock-o:before{
  content:""}
.fa.fa-hand-grab-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-hand-grab-o:before{
  content:""}
.fa.fa-hand-paper-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-hand-paper-o:before{
  content:""}
.fa.fa-hand-stop-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-hand-stop-o:before{
  content:""}
.fa.fa-hand-scissors-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-hand-scissors-o:before{
  content:""}
.fa.fa-hand-lizard-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-hand-lizard-o:before{
  content:""}
.fa.fa-hand-spock-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-hand-spock-o:before{
  content:""}
.fa.fa-hand-pointer-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-hand-pointer-o:before{
  content:""}
.fa.fa-hand-peace-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-hand-peace-o:before{
  content:""}
.fa.fa-registered{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-chrome,.fa.fa-creative-commons,.fa.fa-firefox,.fa.fa-get-pocket,.fa.fa-gg,.fa.fa-gg-circle,.fa.fa-internet-explorer,.fa.fa-odnoklassniki,.fa.fa-odnoklassniki-square,.fa.fa-opera,.fa.fa-safari,.fa.fa-tripadvisor,.fa.fa-wikipedia-w{
  font-family:"Font Awesome 5 Brands";
  font-weight:400}
.fa.fa-television:before{
  content:""}
.fa.fa-500px,.fa.fa-amazon,.fa.fa-contao{
  font-family:"Font Awesome 5 Brands";
  font-weight:400}
.fa.fa-calendar-plus-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-calendar-plus-o:before{
  content:""}
.fa.fa-calendar-minus-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-calendar-minus-o:before{
  content:""}
.fa.fa-calendar-times-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-calendar-times-o:before{
  content:""}
.fa.fa-calendar-check-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-calendar-check-o:before{
  content:""}
.fa.fa-map-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-map-o:before{
  content:""}
.fa.fa-commenting{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-commenting:before{
  content:""}
.fa.fa-commenting-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-commenting-o:before{
  content:""}
.fa.fa-houzz,.fa.fa-vimeo{
  font-family:"Font Awesome 5 Brands";
  font-weight:400}
.fa.fa-vimeo:before{
  content:""}
.fa.fa-black-tie,.fa.fa-edge,.fa.fa-fonticons,.fa.fa-reddit-alien{
  font-family:"Font Awesome 5 Brands";
  font-weight:400}
.fa.fa-credit-card-alt:before{
  content:""}
.fa.fa-codiepie,.fa.fa-fort-awesome,.fa.fa-mixcloud,.fa.fa-modx,.fa.fa-product-hunt,.fa.fa-scribd,.fa.fa-usb{
  font-family:"Font Awesome 5 Brands";
  font-weight:400}
.fa.fa-pause-circle-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-pause-circle-o:before{
  content:""}
.fa.fa-stop-circle-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-stop-circle-o:before{
  content:""}
.fa.fa-bluetooth,.fa.fa-bluetooth-b,.fa.fa-envira,.fa.fa-gitlab,.fa.fa-wheelchair-alt,.fa.fa-wpbeginner,.fa.fa-wpforms{
  font-family:"Font Awesome 5 Brands";
  font-weight:400}
.fa.fa-wheelchair-alt:before{
  content:""}
.fa.fa-question-circle-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-question-circle-o:before{
  content:""}
.fa.fa-volume-control-phone:before{
  content:""}
.fa.fa-asl-interpreting:before{
  content:""}
.fa.fa-deafness:before,.fa.fa-hard-of-hearing:before{
  content:""}
.fa.fa-glide,.fa.fa-glide-g{
  font-family:"Font Awesome 5 Brands";
  font-weight:400}
.fa.fa-signing:before{
  content:""}
.fa.fa-first-order,.fa.fa-google-plus-official,.fa.fa-pied-piper,.fa.fa-snapchat,.fa.fa-snapchat-ghost,.fa.fa-snapchat-square,.fa.fa-themeisle,.fa.fa-viadeo,.fa.fa-viadeo-square,.fa.fa-yoast{
  font-family:"Font Awesome 5 Brands";
  font-weight:400}
.fa.fa-google-plus-official:before{
  content:""}
.fa.fa-google-plus-circle{
  font-family:"Font Awesome 5 Brands";
  font-weight:400}
.fa.fa-google-plus-circle:before{
  content:""}
.fa.fa-fa,.fa.fa-font-awesome{
  font-family:"Font Awesome 5 Brands";
  font-weight:400}
.fa.fa-fa:before{
  content:""}
.fa.fa-handshake-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-handshake-o:before{
  content:""}
.fa.fa-envelope-open-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-envelope-open-o:before{
  content:""}
.fa.fa-linode{
  font-family:"Font Awesome 5 Brands";
  font-weight:400}
.fa.fa-address-book-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-address-book-o:before{
  content:""}
.fa.fa-vcard:before{
  content:""}
.fa.fa-address-card-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-address-card-o:before{
  content:""}
.fa.fa-vcard-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-vcard-o:before{
  content:""}
.fa.fa-user-circle-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-user-circle-o:before{
  content:""}
.fa.fa-user-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-user-o:before{
  content:""}
.fa.fa-id-badge{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-drivers-license:before{
  content:""}
.fa.fa-id-card-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-id-card-o:before{
  content:""}
.fa.fa-drivers-license-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-drivers-license-o:before{
  content:""}
.fa.fa-free-code-camp,.fa.fa-quora,.fa.fa-telegram{
  font-family:"Font Awesome 5 Brands";
  font-weight:400}
.fa.fa-thermometer-4:before,.fa.fa-thermometer:before{
  content:""}
.fa.fa-thermometer-3:before{
  content:""}
.fa.fa-thermometer-2:before{
  content:""}
.fa.fa-thermometer-1:before{
  content:""}
.fa.fa-thermometer-0:before{
  content:""}
.fa.fa-bathtub:before,.fa.fa-s15:before{
  content:""}
.fa.fa-window-maximize,.fa.fa-window-restore{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-times-rectangle:before{
  content:""}
.fa.fa-window-close-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-window-close-o:before{
  content:""}
.fa.fa-times-rectangle-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-times-rectangle-o:before{
  content:""}
.fa.fa-bandcamp,.fa.fa-eercast,.fa.fa-etsy,.fa.fa-grav,.fa.fa-imdb,.fa.fa-ravelry{
  font-family:"Font Awesome 5 Brands";
  font-weight:400}
.fa.fa-eercast:before{
  content:""}
.fa.fa-snowflake-o{
  font-family:"Font Awesome 5 Pro";
  font-weight:400}
.fa.fa-snowflake-o:before{
  content:""}
.fa.fa-spotify,.fa.fa-superpowers,.fa.fa-wpexplorer{
  font-family:"Font Awesome 5 Brands";
  font-weight:400}

/* --- END - Font Awesome backward compatibility styles --- */

/* ------------- New CSS begins ----------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap');

body {
  font-family: 'Poppins', sans-serif!important;
}

.banner {
    position: relative;
    background: url('/resources/Storage/home-page/banner.svg') no-repeat center center;
    background-size: cover; /* Ensures the background image covers the entire section */
    padding: 40px 20px; /* Adjust padding as needed */
    color: white; /* Adjust text color for better readability */
    text-align: center; /* Center align text */
}

.background-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5); 
    z-index: 1;
}

.banner-content {
    position: relative;
    z-index: 2;
    padding-top: 15px;
    padding-bottom: 30px;
}

.banner-content h1 {
    color: white; 
    padding-top:20px;
    font-size:40px;
}
.banner-content p {
    margin: 0 0 10px 0; /* Reduce bottom margin */
}

.text-over-image {
    font-size: 15px; 
    background: linear-gradient(90deg, #965E3b, #F6902a, #965E3b);
    border: 1px solid;
    border-radius: 12px;
    padding: 4px 12px;
}
.searchCenteringContainer {
    position: absolute;
    bottom: -28px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3; /* Ensure it appears above other elements */
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #171545;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 10px;
    opacity: 1;
}

.btnSearch {
    cursor: pointer;
    margin-right: 10px; /* Space between icon and input */
}

.searchBoxContainer {
   // position: relative;
   display: flex;
  align-items: center; /* Vertically center the icon and input */
  background: none;
  overflow: visible;
  border-radius: 5px; /* Add border radius if needed */
  padding: 5px; /* Add padding if needed */
  width: 712px; /* Adjust the width as needed */
background: #FFFFFF 0% 0% no-repeat padding-box;
//border: 1px solid #171545;
border-radius: 10px;
}

.searchBox {
  border: none;
  outline: none;
  flex: 1; /* Take up the remaining space */
  padding: 5px;
}
.searchBoxContainer .fa-search {
  font-size: 20px; 
  color: #B3B3B3; 
  background: none; 
  //padding-top: 15px;
}
.searchBox::placeholder {
  color: #B3B3B3; /* Set placeholder text color */
  text-align: left;
  font-size:20px;
}

.container {
  background: transparent linear-gradient(90deg, #E5F9F6 0%, #F6F8F0 100%) 0% 0% no-repeat padding-box;
  border-radius: 20px;
  opacity: 1;
  margin: 70px auto 100px auto;
  max-width: 1400px;
  padding: 0 50px; /* Adding padding instead of margin for left and right to ensure content doesn't stick to edges */
  margin-left: auto;
    margin-right: auto;
  
    }



.container-image {
  display: block; 
  max-width: 100%;
  height: auto;
  margin: 0 auto 1em;
  padding-top:50px;
}

.container-paragraph {
 font-family: 'Poppins', sans-serif!important;
   font-size:18px;
  font-weight:400;
 margin-bottom: 40px;
    color: #151440;
    padding-top: 0px;
}


/* Grid layout for cards */

.cards-grid {
  display: grid;
  grid-gap: 30px; /* Adjust the space between grid items */
  grid-template-columns: repeat(5, 1fr); /* Define 5 columns */
  margin: -10px auto; /* Negative margin to extend cards outside the container */
  max-width: calc(100% + 40px); /* Extend grid width to account for negative margin */
  padding: 10px; /* Add padding inside the container */
  box-sizing: border-box; /* Include padding in the container's total width */
}
.wrapper-16-by-9 {
  position: relative;
  padding-top: calc(9 / 16 * 100%); /* Maintain aspect ratio 16:9 */
}

.card-flex {
  display: flex;
  flex-direction: column;
  align-items: flex-start; /* Align items to the left */
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #FFFFFF 0% 0% no-repeat padding-box; /* Add background properties */
  border: 1px solid #CACAEF;
  border-radius: 10px; 
  padding: 15px;
  text-align: left;
  box-sizing: border-box; /* Include padding and border in the element's total width and height */
  height: 250px; /* Set a fixed height for each card */
}

.card-flex img {
  max-width: 100%;
  margin-bottom: 5px; 
}

.card-flex span {
  font-family: 'Poppins', sans-serif!important;
  font-size:18px;
  font-weight:600;
  padding-top:16px;
  letter-spacing: 0px;
  color: #151440;
  opacity: 1;
  padding-bottom: 5px;
  transition: font-size 0.3s ease, background-color 0.3s ease; /* Smooth transition for font-size and background-color */
}

.card-flex span:hover {
  font-size: 20px; 
  color: #35b36b; 
  cursor:pointer;
}
.card-flex p {
  font-family: 'Poppins', sans-serif!important;
  font-size:18px;
  font-weight:600;
  letter-spacing: 0px;
  color: #7E2222;
  font-weight:lighter;
  opacity: 1;
}
.buttonCss{
  display: inline-block; 
  text-decoration: underline!important;
  cursor: pointer; 
  color:#7E2222!important;
  font-weight: 800;
  font-size: 16px;
}
 .card-flex ul {
  list-style-type: square;
  padding-left: 15px;
  font-family: 'Poppins', sans-serif!important;
  font-size:16px;
  font-weight:300;
  margin-top: 0px;
}

.card-flex li {
  margin: 5px 0;
  position: relative;
  transition: color 0.3s ease, font-size 0.3s ease;
}

.card-flex li a {
  color: #1C1D34;
  text-decoration: none;
  display: inline-block;
}

.card-flex li a:hover {
  color: green;
  font-size: 17px;
}

.card-flex li a::after {
  content: '\f054'; /* Font Awesome arrow icon */
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  margin-left: 10px;
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.3s ease;
  transform: translateX(-10px);
  font-size: 14px; /* Set icon font size */
}

.card-flex li a:hover::after {
  opacity: 1;
  transform: translateX(0);
}

/* Responsive adjustments for different screen sizes */
@media (max-width: 50em) {
  .cards-grid {
    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
  }
}

@media (max-width: 40em) {
  .cards-grid {
    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
  }
}

@media (max-width: 30em) {
  .cards-grid {
    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
  }
}

@media (max-width: 20em) {
  .cards-grid {
    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
  }
}

.third-container {
  margin-top: 170px;
  display: flex;
  flex-direction: column;
  align-items: center; 
  max-width: 1500px;
  padding: 0 50px;
  margin-left: auto;
  margin-right: auto;
}
.third-container::after {
  content: "";
  display: block;
  width: 100%;
  border-top: 2px solid #CACAEF; /* Add horizontal line with specified color */
  margin-top: 20px; /* Add spacing between .third-container and the horizontal line */
}
.third-container h2 {
  font-family: 'Poppins', sans-serif!important;
  font-size:28px;
  font-weight:600;
  letter-spacing: 0px;
  color: #171545;
  opacity: 1;
  font-size: 28px;
  margin: 0; /* Reset margin to ensure vertical alignment */
}

.column-container {
  display: flex; /* Ensure columns are displayed in the same line */
  justify-content: center; /* Center columns horizontally */
  width: 100%;
}

.column {
  flex: 1;
  padding: 20px;
  border-right: 1px solid #CACAEF;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 70px; /* Add margin to the bottom of each column */
  position:relative;
  top:40px;

}

.column:last-child {
  border-right: none; /* Remove border from last column */
}

.column img {
  text-align: center; /* Center the heading inside each column */
  margin-bottom: 15px; /* Add space below the heading */
}

.column p {
  text-align: center;
  font-family: 'Poppins', sans-serif!important;
  letter-spacing: 0px;
  color: #171545;
  font-size:18px;
  font-weight:400;
  opacity: 1;
  width: 85%;
  margin-bottom: 15px;
  line-height: 25px;
}
.learnCss{
  font-family: 'Poppins', sans-serif!important;
  display: inline-block; 
  cursor: pointer; margin-top: 15px;
  color:#1EB473!important;
  font-weight: 600;
  font-size: 18px;
}

.faq{
  margin-top: 50px; 
  max-width: 1500px;
  padding: 0 50px;
  margin-left: auto;
  margin-right: auto;
}

.faq h2 {
  font-size: 28px;
  text-align: left;
  font-family: 'Poppins', sans-serif!important;
  font-weight:600;
  letter-spacing: 0px;
  color: #171545;
  opacity: 1;
}

.accordions {
  max-width: 92%;
  margin: auto;

}
.accordion {
  border-bottom: 1px solid #CACAEF;

}

.accordion .accordion__title {
  display: block;
  font-size: 1.1rem;
  text-transform: uppercase;
  font-weight: 700;
  background-color: var(--white);
  padding: 20px 10px;
  color: #171545;
  margin-top: 10px;
  transition: all 0.25s ease;
  cursor: pointer;
  text-align: left;
  font-family: 'Poppins', sans-serif!important;
  text-transform: inherit;

}

.accordion .accordion__title input {
  appearance: none;
}

.accordion .accordion__title:after {
  transition: all 0.25s ease;
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f078";
  float: right;
  margin-right: 10px;
}

.accordion .accordion__title:has(input:checked):after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f106";
  float: right;
  margin-right: 10px;
}

.accordion .accordion__text {
  overflow: hidden;
  max-height: 0;
  background-color: var(--gray-light);
  filter: contrast(.9);
  transition: all .5s ease-in-out;
  font-family: 'Poppins', sans-serif!important;
  font-weight: 400;
  font-size: 18px;
}

.accordion .accordion__text p {
  padding: 10px 10px;
  text-align: left;
  font-family: 'Poppins', sans-serif!important;
   font-weight:300;
  font-size:18px;
  letter-spacing: 0px;
  color: #171545;
  opacity: 1;
  padding-top: 0px;
      margin-top: 0px;
}
input[type="radio"] {
    display: none;
}

.accordion input[type="radio"]:checked + .accordion__title + .accordion__text {
  max-height: 200px;
  border-bottom: 1px solid #CACAEF; /* Show border-bottom under p tag */
}

.accordion input[type="radio"]:checked + .accordion__title {
  border-bottom: none; /* Remove border-bottom under label when FAQ is clicked */
}

.accordion input[type="radio"]:not(:checked) + .accordion__title {
  border-bottom: 1px solid #CACAEF; /* Show border-bottom under label when FAQ is not clicked */
}
       
.accordion .accordion__title:has(input:checked) {
  color: #171545;
  text-transform: inherit;
}

.accordion .accordion__title:has(input:checked) + .accordion__text {
  max-height: 200px;
}




@keyframes live {
  0% {
    scale: .7;
  }
  100% {
    scale: .72;
  }
}



.custom-section {
  margin-top:70px;
  background: #1EB473 0% 0% no-repeat padding-box;
    background-image: url(/resources/Storage/home-page/footer.png);
    background-position: right top;
    background-size: contain;
    background-repeat: no-repeat;
    padding: 20px;    
}

.text-content {
 padding: 50px 50px;
    text-align: left;
}

.elementor-widget-heading{
  padding-bottom: 20px;

}


.elementor-widget-heading h2 {
  margin: 0;
  font-size: 2rem;
  color: #FFFFFF;
}

.elementor-button-wrapper {
  margin-top: 20px;
}

.elementor-button-text{
  font-size: 18px;
    font-weight: 700;
  font: normal normal medium 18px/27px Poppins;
letter-spacing: 0px;
color: #1DB473;
}

.elementor-button {
  padding: 15px 20px;
  text-decoration: none;
  color: #1DB473;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border-radius: 41px;
  opacity: 1;
  transition: background 0.3s ease, color 0.3s ease;
}

.elementor-button:hover {
  background:#FFFFFF!important;
  color: #1DB473;
}

@media (max-width: 768px) {
  .text-content {
    max-width: 80%;
    padding: 10px;
  }

  .custom-section {
    padding: 10px;
    height: auto;
  }
}

.custom-footer {
  background: #171545 0% 0% no-repeat padding-box;
  opacity: 1;
  padding: 20px;
  color: #fff;
   max-width: 100%;
  margin-left: auto;
  margin-right: auto;

}   
   
.footer-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1440px;
  margin: 0 auto;
}

.footer-left p {
  margin: 0;
}

.footer-right {
  display: flex;
  gap: 10px;
}

.social-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px; /* Adjust the size as needed */
  height: 40px;
  background: #CACAEF 0% 0% no-repeat padding-box;
  opacity: 1;
  border-radius: 50%;
  transition: transform 0.3s ease;
}

.social-icon i {
  color: #171545; /* Icon color */
  font-size: 18px; /* Adjust icon size as needed */
}

.social-icon:hover {
  transform: scale(1.2); /* Zoom in the icon on hover */
}


@media (max-width: 600px) { /* Media query for phones */
   
  .container-paragraph {
    margin-bottom: 30px;
    padding-top: 0px;
   }
  
  .container{
    height: 1560px;
  }
  
  .column-container {
    display: inline;
    width: 100%;
}
  
  .column {
   // border-bottom: 1px solid #CACAEF;
   border-right:none;
    margin-bottom: 20px;
    top:20;
}
  
  .wrapper-16-by-9 {  
    padding-bottom: 86px;
}
  .cards-grid {    
    margin: 50px auto;
}
  .third-container {
  margin-top: 0px;
}
  .custom-section {
  display: flex;
  height: 40vh; /* Adjust height as needed */
  border: none; /* Ensure no border is set on the section */
  margin-top:50px;
}
  .searchBoxContainer {
   display: flex;
  align-items: center; /* Vertically center the icon and input */
  overflow: hidden;
  border-radius: 5px; /* Add border radius if needed */
  padding: 5px; /* Add padding if needed */
  width: 339px!important; /* Adjust the width as needed */
}
  
  .accordion .accordion__title {
    display: block;
    font-size: 13px;
  }
  
  .accordion .accordion__text p {
   font-size: 13px; 
  }

}

@media only screen and (min-width: 600px) /* Media query for phones */
   
  .container-paragraph {
    margin-bottom: 30px;
    padding-top: 0px;
   }
  
  .wrapper-16-by-9 {  
    padding-bottom: 86px;
}
  .cards-grid {    
    margin: 50px auto;
}
  .third-container {
  margin-top: 0px;
}
  .custom-section {
  display: flex;
  height: 40vh; /* Adjust height as needed */
  border: none; /* Ensure no border is set on the section */
  margin-top:50px;
}
  .searchBoxContainer {
   display: flex;
  align-items: center; /* Vertically center the icon and input */
  overflow: hidden;
  border-radius: 5px; /* Add border radius if needed */
  padding: 5px; /* Add padding if needed */
  width: 500px; /* Adjust the width as needed */
}

}
@media only screen and (min-width: 360px) and (max-width: 400px) { 	.container-paragraph {
    margin-bottom: 30px;
    padding-top: 0px;
   }
  
  .wrapper-16-by-9 {  
    padding-bottom: 86px;
}
  .cards-grid {    
    margin: 50px auto;
}
  .third-container {
  margin-top: 0px;
}
  .custom-section {
  display: flex;
  height: 40vh; /* Adjust height as needed */
  border: none; /* Ensure no border is set on the section */
  margin-top:50px;
}
  .searchBoxContainer {
   display: flex;
  align-items: center; /* Vertically center the icon and input */
  overflow: hidden;
  border-radius: 5px; /* Add border radius if needed */
  padding: 5px; /* Add padding if needed */
  width: 339px; /* Adjust the width as needed */
}
 }
@media only screen and (min-width: 768px) {
.container-paragraph {
    margin-bottom: 30px;
    padding-top: 0px;
   }
  
  .wrapper-16-by-9 {  
    padding-bottom: 86px;
}
  .cards-grid {    
    margin: 50px auto;
}
  .third-container {
  margin-top: 0px;
}
  .custom-section {
  display: flex;
  height: 40vh; /* Adjust height as needed */
  border: none; /* Ensure no border is set on the section */
  margin-top:50px;
}
  .searchBoxContainer {
   display: flex;
  align-items: center; /* Vertically center the icon and input */
  overflow: hidden;
  border-radius: 5px; /* Add border radius if needed */
  padding: 5px; /* Add padding if needed */
  width: 500px; /* Adjust the width as needed */
}

}
@media only screen and (min-width: 992px) {
   .container {
    padding: 0 30px!important;
  }
  .cards-grid {
  padding: 0;
        margin: 0px;
  }
  .card-flex{
    padding:10px!important;
    height:285px!important;
  }
  .card-flex span{
    font-size:13px!important;
  }
  .card-flex p{
    font-size:13px;
  }
  .card-flex ul {
    font-size: 13px;
  }
   .card-flex li{
    margin: 3px 0;
  }
  .third-container {
    margin-top: 155px;
}
}
@media only screen and (min-width: 1200px) {
.container-paragraph {
margin-bottom: 30px;
    padding-top: 0px;
   }
  
  .wrapper-16-by-9 {  
    padding-bottom: 86px;
}
  .cards-grid {    
    margin: 50px auto;
}
  .third-container {
  margin-top: 0px;
}
  .custom-section {
  display: flex;
  height: 40vh; /* Adjust height as needed */
  border: none; /* Ensure no border is set on the section */
  margin-top:50px;
}
  .searchBoxContainer {
   display: flex;
  align-items: center; /* Vertically center the icon and input */
  overflow: hidden;
  border-radius: 5px; /* Add border radius if needed */
  padding: 5px; /* Add padding if needed */
  width: 500px; /* Adjust the width as needed */
}
}
@media only screen and (min-width: 661px) and (max-width: 979px) 
  {
  .searchCenteringContainer
  {
    max-width:none;
    margin-block-start: 0 ;margin-inline-end: 0 ;margin-block-end: 0 ;margin-inline-start: 0 ;
    padding-inline-start: 20px ;
    padding-inline-end: 20px ;
  }
  
  .contactInfo
  {
    display:block;
  }
  
  .container {
    padding: 0 30px;
    margin-left: 10px;
        margin-right: 10px;
  }
  .cards-grid {
  padding: 0;
        margin: 0px;
  }
  .card-flex{
    padding:10px;
    height:285px;
  }
  .card-flex span{
    font-size:13px;
  }
  .card-flex p{
    font-size:13px;
  }
  .card-flex ul {
    font-size: 13px;
  }
   .card-flex li{
    margin: 3px 0;
  }
  .third-container {
    margin-top: 155px;
}
  
}