@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
body{
    font-family:'Roboto', sans-serif !important;
}
.headers{
    position: sticky;
    top: 0px;
    z-index: 999999;
    background-color: #fff;
}
.logo_main{
    width: 80px;
}
.momentcarobtns{
    background: #fff;
    width: 40px !important;
    height: 40px;
    color: #0A8FCF;
    border-radius: 100px;
    border: none;
    font-size: x-large;
}
.active_page{
  color: #0A8FCF !important;
  font-weight: 700 !important;
}
.btn_chat{
    background-color: #0A8FCF;
    border: 1px solid #0A8FCF;
    color: #fff;
    width: 200px;
    height: 45px;
    transition: 0.4s;
    border-radius: 100px;
}
.btn_chat img{
    margin-right: 10px;
    width: 30px;
}
.main_herobanner{
    background: linear-gradient(to left,  #006190 40%, #006190 35%, #0A8FCF 35%);
}
.main_herobanner h1{
    color: #fff;
}
.main_herobanner p{
    color: #fff;
}
.main_bg_nexthero{
    transition: 0.4s;
    padding: 30px 40px !important;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 4px 10.300000190734863px 0px #00000040;
}
.main_bg_nexthero h3{
    color: #0A8FCF;
    margin-bottom: 0px;
}
.main_bg_nexthero small{
    font-weight: 600;
    margin-top: 10px;
}
.main_bg_nexthero span{
    color: #969696;
    font-size: small;
    margin-top: 10px;
}
.margin_minus{
    margin-top: -40px !important;
}
.president_main{
    background-color: #D2F0FF;
    padding: 30px;
}
.president_main1{
    background-color: #006190;
    padding: 30px;
}
.main_profilescontent1 h2{
    color: #D2F0FF;
    font-weight: 600;
}
.main_profilescontent1 h4{
  font-weight: 600;
  color: #fff;
}
.main_profilescontent1 p{
  font-weight: 400;
  color: #fff;
}
.main_profilescontent1 span{
  margin: 10px 0px;
  font-size: small;
  color: #fff;
}

.main_profilescontent h2{
    color: #0A8FCF;
    font-weight: 600;
}
.main_profilescontent h4{
    font-weight: 600;
}
.main_profilescontent p{
    font-weight: 400;
}
.main_profilescontent span{
    margin: 10px 0px;
    font-size: small;
}
.main_pastpresi{
    background: #0A8FCF;
}
.main_pastpresi h4{
    margin: 15px 0px;
    color: #fff;
    text-transform: uppercase;
}
.main_pastpresi h6{
    color: #fff;
    margin-bottom: 5px;
}
.main_pastpresi small{
    color: #fff;
}
.main_pastzone{
    background-color: #D2F0FF;
}
.main_pastzone h3{
    color: #0A8FCF;
    margin-bottom: 0px;
    text-align: center;
    text-transform: uppercase;
}
.arrow_btns{
    background-color: transparent;
    width: max-content !important;
    border-radius: 100px;
    padding: 0px;
    border: none;
}
.arrow_btns img{
    width: 50px;
}
.main_memorable{
    background: url(./source/moment_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.header_section h2{
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 0px;
}
.headers_bluesec{
    text-align: center;
    color: #0A8FCF;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 0px;
}
.main_followcontent{
    padding: 40px;
    border-radius: 10px;
    background-color: #fff;
    transition: 0.4s;
    color: #0A8FCF;
    text-decoration: none !important;
    box-shadow: -1px 1px 21.299999237060547px 0px #00000040;
}
.main_followcontent img{
    width: 60px;
}
.main_followcontent i{
    font-size: xx-large;
    text-align: center;
    
}
.main_followcontent:hover{
  background-color: #0A8FCF;
  color: #fff !important;
}

/* footer */
.footer_main{
  background-color: #D2F0FF;
}
.main_links_footer{
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.main_footer_contact h2{
  text-align: center;
  margin-bottom: 20px;
}
.main_footer_contact i{
  margin-right: 10px ;
  color: #0A8FCF;
}
.main_footer_contact a{
  font-size: 18px;
  cursor: pointer;
  color: #000 !important;
  text-decoration: none !important;
  width: max-content;
  margin: 5px 0px;
}
.main_links_footer img{
  width: 100%;
}
.bluebg_footer{
  background-color: #0A8FCF;
  color: #fff;
}
.bluebg_footer a{
  text-decoration: none !important;
  color: #FFF !important;
  cursor: pointer;
}
.customer_support{
  width: max-content !important;
  margin: 5px 0px !important;
}
.customer_support img{
  width: 10% !important;
  margin-right: 10px;
}
.customer_support h6{
  font-weight: 600;
}
/* End Footer */
 /* Terms & Conditions */
 .main_content_terms h1{
  font-weight: 600;
  color: #0A8FCF;
}
.main_content_terms{
  background-color: #ebf8ff;
}
.main_content_terms ul{
  list-style-position: inside;
}
.main_content_terms h5{
  color: #0A8FCF;
  font-weight: 600;
  margin-top: 20px;
}
.main_content_terms h6{
  color: #000;
  font-weight: 600;
  margin-top: 10px;
}
.main_content_terms li{
  color: #464646;
}
.main_content_terms p{
  color: #464646;
}
/* END Terms & Conditions */
/* ZGB */
.main_banner_zgb{
  background-image: url(./source/zgb_banner.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.back_bgblue{
  background-color: #0A8FCF;
}
.bg_zigzag h5{
  font-weight: 600;
  margin-bottom: 0px;
}
.bg_zigzag small{
  color: #6C6C6C;
}
.bg_zigzag span{
  color: #0A8FCF;
}
.bg_zigzag:nth-child(odd) .img_container_zg{
  background:linear-gradient(221deg, rgba(255, 255, 255, 1) 10%, rgba(255, 236, 192, 1) 9%);
}
.bg_zigzag:nth-child(even) .img_container_zg{
  background:linear-gradient(221deg, rgba(255, 255, 255, 1) 10%, rgba(210, 240, 255, 1) 9%);
}
.main_banner_zgb h1{
  text-align: center;
  margin: 40px;
  font-weight: 600;
  color: #FFF;
}
.main_whitercaro{
  background: linear-gradient(180deg, rgba(5, 73, 105, 0.00) 0%, #0A8FCF 100%);
  position: relative;
}
.wall_frame_text{
  position: absolute;
  bottom: 0px;
  height: 100%;
  background: linear-gradient(180deg, rgba(5, 73, 105, 0) 69.23%, #000000 85.9%);
}
.main_whitercaro h5{
  color: #fff !important;
  margin-bottom: 0px;
  font-weight: 600;
}
.main_whitercaro small{
  color: #fff !important;
}
/* End ZGB */

/* Chapter */
.main_banner_chapter{
  background-image: url(./source/chapter_banner.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.main_banner_chapter h1{
  text-align: center;
  margin: 40px;
  font-weight: 600;
  color: #FFF;
}
.main_chapterstart{
  background-color: #0A8FCF;
  border-radius: 200px;
  overflow: hidden;
  color: #fff !important;
  text-decoration: none !important;
}
.main_chapterstart h2{
  margin: 10px 0px !important;
}
.main_chapterstart img{
  width: 100%;
  padding: 0px;
  transition: 0.4s;
}
.main_hoverseter{
  overflow: hidden !important;
  transition: 0.4s;
}
.main_hoverseter:nth-child( odd ){
  border-radius: 0px 0px 0px 1000px !important;
}
.main_chapterstart:nth-child( even ) .main_hoverseter{
  border-radius: 0px 0px 1000px 0px;
}
.main_chapterstart:nth-child( odd ) .main_hoverseter{
  border-radius: 0px 0px 0px 1000px;
}
.main_chapterstart:nth-child( odd ){
  text-align: left;
}
.main_chapterstart:nth-child( even ){
  text-align: right;
}
@media only screen and (max-width: 764px) {
  .bluebg_footer span{
    text-align: center !important;
  }
  .main_chapterstart{
    background-color: #0A8FCF;
    border-radius: 20px;
    overflow: hidden;
    color: #fff !important;
    text-decoration: none !important;
  }
  .main_chapterstart img{
    width: 100%;
    padding: 0px;
  }
  .main_chapterstart:nth-child( odd ) .main_hoverseter{
    border-radius: 0px 0px 0px 0px;
  }
  .main_chapterstart:nth-child( even ) .main_hoverseter{
    border-radius: 0px 0px 0px 0px;
  }
  .main_chapterstart:nth-child( odd ){
    text-align: center;
  }
  .main_chapterstart:nth-child( even ){
    text-align: center;
  }
  
}
.zone_presidents h6{
  margin-bottom: 0px !important;
}
.zone_presidents small{
  color: #7B7B7B;
}
@media only screen and (max-width: 1024px) {
  .wallframe_head h4{
    font-size: medium;
  }
  .wall_frame_text h5{
    font-size: small !important;
  }
  .wall_frame_text small{
    font-size: smaller !important;
  }
  .bg_zigzag h5{
    font-size:small !important;
  }
  .bg_zigzag h5{
    font-size:medium;
  }
  .bg_zigzag small{
    font-size:smaller;
  }
  .bg_zigzag span{
    font-size:smaller;
  }
  .jac_bgcolored h5{
    font-size:medium;
  }
  .main_jacgrid h6{
    font-size: small;
    margin-top: 10px;
  }
  .main_jacgrid small{
    font-size: smaller;
  }
  .main_jacgrid span{
    font-size: smaller;
  }
  .main_pastpresi h6{
    font-size: small;
  }
  .main_pastpresi small{
    font-size: x-small;
  }
  .zone_presidents h6{
    font-size: small;
  }
  .zone_presidents small{
    font-size: x-small;
  }
  .main_whitercaro h5{
    font-size:medium;
  }
  .main_viewchapter{
    border-radius: 20px !important;
  }
  .main_blue_bg{
    padding: 30px 20px !important;
  }
  .blue_content1{
    margin-bottom: 20px;
  }
  .blue_content1 h2{
    font-size: large;
  }
}
.atag_unset{
  text-decoration: none !important;
  padding: 0px !important;
}
.main_viewchapter{
  position: relative;
  border-radius: 30px;
  overflow: hidden;
}
.main_viewchapter img{
  width: 100%;
  padding: 0px;
}
.main_viewchapter h2{
  color: #fff;
  font-weight: 600;
}
.main_viewchapter span{
  color: #fff;
  opacity: 0.7;
}
.position_setters{
  position: absolute;
  z-index: 9;
  bottom: 20px;
}
.main_blue_bg{
  background-color: #D2F0FF;
  box-shadow: 0px 6px 12.899999618530273px 0px #00000040;
  border-radius: 15px;
  padding: 30px 70px;
}
.blue_content1 h2{
  font-weight: 600;
  margin-bottom: 15px;
  text-transform: uppercase;
}
.blue_content1 h5{
  font-weight: 600;
  margin-bottom: 0px;
  text-transform: uppercase;
}
.blue_content1 span{
  color: #505050;
  font-weight: 400;
}
.blue_content2 a{
  background-color: #0A8FCF;
  color: #fff !important;
  text-decoration: none;
  width: max-content;
  padding: 6px 15px;
  border-radius: 5px;
  border: 2px solid #0A8FCF;
  margin-bottom: 5px;
  font-size: larger;
}
/* End Chapter */
/* Wall of Fame */
.main_banner_wallframe{
  background-image: url(./source/wallfame_banner.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.main_banner_wallframe h1{
  text-align: center;
  margin: 40px;
  font-weight: 600;
  color: #FFF;
}
.main_modernbg{
  background: linear-gradient(270deg, #0A8FCF 0%, #0A8FCF 93.94%, #fff 73.94%, #fff 100%);
}
.head_wallfame h2{
  text-align: center;
  color: #fff;
  margin-bottom: 0px;
}
.main_bgblack{
  background-color: #000;
}
.wallframe_head h4{
  color: #0A8FCF;
  text-decoration: underline;
  text-align: center;
}
.wallframe_head img{
  padding: 0px;
}
/* End Wall of Fame */
/* JAC page */
.main_banner_jac{
  background-image: url(./source/jac_bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.main_banner_jac h1{
  text-align: center;
  margin: 40px;
  font-weight: 600;
  color: #FFF;
}
.main_banner_jac h1 small{
  font-size: small !important;
  font-weight: 400;
}
.jac_bgcolored{
  background-color: #D2F0FF;
}
.jac_bgcolored h1{
  color: #0A8FCF;
  text-decoration: underline;
  text-align: center;
}
.jac_bgcolored h3{
  color: #0A8FCF;
  text-decoration: underline;
  text-align: center;
}
.jac_bgcolored h5{
  color: #0A8FCF;
  text-decoration: underline;
  text-align: center;
}
.main_jacgrid h6{
  font-weight: 600;
  margin-bottom: 5px;
}
.main_jacgrid small{
  font-size: small;
}
/* END JAC */
/* JCOM PAGE */
.main_banner_jcom{
  background-color: #0A8FCF;
}
.main_banner_jcom img{
  width: 185px;
}
.jac_bgcolored h2{
  color: #0A8FCF;
  text-align: center;
}
.main_jacgrid span{
  color: #595959;
  font-size: small;
}
/* .jcom_bgcolored{

} */
/* END JCOM PAGE */
.bg_zigzag h5{
  font-size: large;
}
.main_blue_bg img{
    border-radius: 10px;
}
.min_hightsliderssets{
        min-height: 800px;
    }
/* Hover Functions */
@media only screen and (min-width: 1199px) {
  .btn_chat:hover{
    letter-spacing: 2px;
    border: 2px solid #006190;
  }
  .blue_content2 a:hover{
    color: #0A8FCF !important;
    letter-spacing: 1px;
    background-color: #fff;
  }
  .bg_zigzag .img_container_zg{
    overflow: hidden;
    transition: 0.4s;
  }
  .bg_zigzag img,.bg_zigzag h5,.main_jacgrid img,.main_jacgrid h6,.main_jacgrid h5,.blue_content2 a{
    transition: 0.4s;
  }
  .bg_zigzag:hover img,.main_jacgrid:hover img{
    scale: 1.05;
  }
  .main_jacgrid:hover h5{
    scale: .95;
  }
  .bg_zigzag:hover h5,.main_jacgrid:hover h6{
    letter-spacing: 1px !important;
  }
  .hover_pastpresi:hover img{
    scale: 1.05;
  }
  .hover_pastpresi:hover h6{
    letter-spacing: 1px;
  }
  .main_blue_bg img,.main_blue_bg,.hover_pastpresi h6,.hover_pastpresi img{
    transition: 0.4s;
  }
  .main_blue_bg:hover img{
    transform: rotateY(180deg);
  }
  .main_blue_bg:hover{
    box-shadow: 0px 4px 10.300000190734863px 0px #0A8FCF;
  }
  .main_herobanner img:hover{
    scale: 1.03;
  }
  .prasidentimg{
    transition: 0.4s;
  }
  .prasidentimg:hover{
    scale: 1.03;
  }
  .main_herobanner img{
    transition: 0.4s;
  }
  .main_bg_nexthero:hover{
    box-shadow: 0px 4px 10.300000190734863px 0px #0A8FCF;
    background-color: #f2fafe;
  }
  .main_memorable img:hover{
    box-shadow: 0px 4px 10.300000190734863px 0px #fff;
    scale: 1.03;
  }
  .main_memorable img{
    transition: 0.4s;
    padding: 0px;
  }
  .main_chapterstart:hover .main_hoverseter {
    scale: 1.1;
    border-radius: 0px;
  }
}
/* End Hover Functions */