
@font-face {font-family: 'bantayog_l';src: url('../fonts/Bantayog-Semilight.otf'), url('../fonts/Bantayog-Semilight.woff') format('truetype'), url('../fonts/Bantayog-Semilight.woff2') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'bantayog_r';src: url('../fonts/Bantayog-Regular.otf'), url('../fonts/Bantayog-Regular.woff') format('truetype'), url('../fonts/Bantayog-Regular.woff2') format('svg');font-weight: normal;font-style: normal;}

.fbr{font-family: 'bantayog_r' !important;}
.fbl{font-family: 'bantayog_l' !important;}
body{overflow-x: hidden;line-height: 1.25 !important; min-height: 0!important;
    height: auto!important;
    position: inherit!important;}
.font2{font-family: 'Rubik', sans-serif;}
/*UNIVERSAL*/
.big_text{font-size: 16px;}
.vbig_text{font-size: 39px !important;}
.vbig_text2{font-size: 38px !important;}
.sbig_text{font-size: 8px !important;}
.paragraph{font-size: 15px;}
.theme_1{color: #333;}
.theme_2{color: #C00BD3;}
.no_lnke{color: inherit;}
.tha_ablens{font-size: 15px;font-weight: 600;}
.form-control{height: 46px !important; font-size: 20px !important;border-radius: 5px !important;}
.theme_bg{background: #000 !important;font-size: 22px !important; border: 1px solid #fff !important;color: #FFD700 !important;}
.theme_bg2{background: #FFD700 !important;font-size: 22px !important; color: #000 !important;border: 0px !important;}
.theme_bg3{background: #FFD700 !important;color: #000 !important;border: 0px !important;}
.bp-text{color: #000 !important;}
.bp-icon{color: #000 !important;}
/*HEADER*/
.header_box_head{position: fixed;border-bottom: 1px solid #ddd;width: 100%;top: 0px;left: 0px;background: #fff !important;z-index: 999;}

/*FOOTER*/
.footer_item{border-top: 1px solid #ddd;position: fixed;bottom: 0px;left: 0px; width: 100%;background: #FFD700;}
.teh_footer_tesj{text-align: center;font-size: 22px;line-height: 14px;}
.teh_footer_tesj small{font-size: 13px;}
.footer_item a{color: #000;display: block;}

/*HOME*/
.thebtns_o0 .fa{font-size: 45px;}
.thebtns_o0 b{font-size: 20px;}

/*SETTINGS*/

.thetabs_eiosk{border-bottom: 1px solid #eee;}


/*OLD*/

.mainN_BTN_STHE{border: 1px solid #fff !important;border-radius: 10px;color: #fff;font-weight: 400;background: none !important;}
.mainN_BTN_STHE:hover{border: 1px solid #F70201 !important;color: #F70201;}
.allcars_9ops98{display: none;}
.theshadows{box-shadow:
  0 2.8px 1.2px rgba(0, 0, 0, 0.034),
  0 6.7px 4.3px rgba(0, 0, 0, 0.048),
  0 12.5px 8px rgba(0, 0, 0, 0.06),
  0 22.3px 12.9px rgba(0, 0, 0, 0.072),
  0 41.8px 30.4px rgba(0, 0, 0, 0.086),
  0 80px 60px rgba(0, 0, 0, 0.12); z-index: 99999;}
  .bootstrap-select.btn-group[class*=col-] .dropdown-toggle{border:0px; padding: 0px;}
  .dropdown-toggle::after{display: none !important;}



  /*CAR*/

  .thelist_90sis img{width: 20px;}
  .thecind{font-size: 22px; color: #333;margin-right: 10px !important;}
  .thelist_90sis {font-size: 16px;border-top: 1px solid #eee;font-weight: 600;background: #f8f8f8;padding-left: 10px;cursor: pointer;}
  .active_box{background:#FFD700;border-bottom: 1px solid #fff;}
  .thamains_models{position: fixed;top: 0px;left: 0px;background: rgb(0,0,0,0.8);height: 100%;z-index: 99;width: 100%;padding-top: 0px;display: none;}
  .thespecail_radio{position: absolute; right: 10px;}


  :root {
  touch-action: pan-x pan-y;
  height: 100% 
}

.the_tabss_e9s{background: #FFD700;border: 1px solid #7d7;}
.thelinksd{color: #333 !important; padding: 5px;border: 1px solid #ddd; background: #FFD700;}
.themain_leoafers{background: rgba(0,0,0,0.72);position: fixed;top: 0px;left: 0px;z-index: 9999;width: 100%;height: 100%;display: none;}
.themains_s90s{width: 90px;height: 90px;margin: 50% auto;border-radius: 3px;border: 1px solid #eee;padding: 20px; text-align: center;}
.themains_s90s img{width: 30px;margin-top: 10px;}

.show_me{display: block;}
.page_num a, strong{min-width: 20px;height: 25px;padding: 10px;background: #eee;margin-left: 3px !important;color: #000;font-size: 16px !important;font-weight: bold;}
.page_num strong{background: #FFD700;}

.the_suissssss li{margin-bottom: 10px;font-size: 15px !important;}

.pro_users{
  -webkit-animation: background_sd 5s cubic-bezier(1,0,0,2) infinite;
  animation: background_sd 16s cubic-bezier(1,0,0,2) infinite;  
}

@-webkit-keyframes background_sd {
  0% { background-color: #ddd; }
  33% { background-color: #F1E2FF; }  
  67% { background-color: #F9D16E; }
  100% { background-color: #FFD700; }
}

@keyframes background_sd {
  0% { background-color: #ddd; }
  33% { background-color: #F1E2FF; }  
  67% { background-color: #F9D16E; }
  100% { background-color: #FFD700; }
}

.themais_s90s{border-bottom: 1px solid #eee;}
.themais_s90s2{border-bottom: 1px solid #eee;font-size: 22px;}



/*SLIDER*/
/* Slideshow container */
.slideshow-container {
  width: 100%;
  position: relative;
  margin: auto;
  min-height: 180px !important;overflow: auto;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a grey background color */
.prev:hover, .next:hover {
  background-color: #f1f1f1;
  color: black;
}
.thelisd li{list-style-type: none;}
.im-checkout-layout .layout-vertical{width: auto !important;}
.im-checkout-layout{width: auto !important;}
.im-checkout-btn.btn--default{padding: 10px 8px !important;}

.container-fluid{padding: 0px !important; margin:0px !important;overflow-x: hidden;}

.mySlides1 img{width: 100% !important;}

.btn_show_90{display: none;}


.thebtn_2{background: #eee !important;border:0px !important;color: #333 !important;border-radius: 0px !important;}

.tabs_me{background: #eee;text-align: center;}
.tabs_me .fa{font-size: 30px;color: #333;}






/*/NEW Styles*/
.bp-icon i{font-size: 20px;}
.s-icon{text-transform: uppercase;}

.btn{box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;border-radius: 5px !important;}
.shadow_1{box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;}
.shadow_2{box-shadow: rgba(10, 20, 23, 0.15) 1px 0px 6px -1px, rgba(0, 0, 0, 0.3) 1px 1px 1px -1px;}
.theborder_4r .acr-box{border: 1px solid #eee;}
.round_borders{border-radius: 10px;overflow: hidden;}
.light_bg{background: #f8f8f8;}
.vacation-destination .vsb-top{border: 1px solid #ddd;border-radius: 10px;}
.no_borde .vsb-top{border: 0px solid #ddd;border-radius: 10px;}

.theshow_datas2{display: none;}

.the_sno_es li{list-style: none;font-size: 18px;text-transform: capitalize;margin-left: 0px;}
.the_sno_es ol{padding-left: 0px;}

.thefix_btn{position: fixed;bottom: 88px;z-index: 99; text-align: center;border-radius: 5px;left: 50%;transform: translateX(-50%);}
.the_order_check{position: fixed;bottom: 10px;z-index: 99; text-align: center;border-radius: 5px;right: 10px;}
.thefix_btn_2{position: fixed;bottom: 73px;z-index: 99; text-align: center;border-radius: 5px;left: 50%;transform: translateX(-50%);}



/*FAQ*/
.accordion_faq {
  cursor: pointer;
  width: 100%;
  font-size: 16px !important;
  transition: 0.4s;
  text-transform: capitalize;
}
.active, .accordion_faq:hover {
  background-color: #ccc; 
}
.panel {
  background-color: #f8f8f8;
  display: none;
  overflow: hidden;
}

.thae_tables td{border: 1px solid #ddd;padding-left: 3px;}
.focus_box{background: yellow;font-size: 17px;font-weight: bold;}

.the_for_sm_code i{font-size: 90px;}



.card_profile{max-width:530px;border-radius:4px;padding-top:20px;padding-bottom:2px;margin:10px 0 20px 0;border-top-width:0;border: 1px solid #eee;border-bottom-width:2px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.card_profile .card_profile-heading{padding:0 0px;margin:0}.card_profile .card_profile-heading.simple{font-size:20px;font-weight:300;color:#777;border-bottom:1px solid #e5e5e5}.card_profile .card_profile-heading.image img{display:inline-block;width:46px;height:46px;margin-right:15px;vertical-align:top;border:0;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.card_profile .card_profile-heading.image .card_profile-heading-header{display:inline-block;vertical-align:top}.card_profile .card_profile-heading.image .card_profile-heading-header h3{margin:0;font-size:14px;line-height:16px;color:#262626}.card_profile .card_profile-heading.image .card_profile-heading-header span{font-size:12px;color:#999}.card_profile .card_profile-body{padding:0 20px;margin-top:20px}.card_profile .card_profile-media{padding:0 20px;margin:0 -14px}.card_profile .card_profile-media img{max-width:100%;max-height:100%}.card_profile .card_profile-actions{min-height:30px;padding:0 20px 20px 20px;margin:20px 0 0 0}.card_profile .card_profile-comments{padding:20px;margin:0;background-color:#f8f8f8}.card_profile .card_profile-comments .comments-collapse-toggle{padding:0;margin:0 20px 12px 20px}.card_profile .card_profile-comments .comments-collapse-toggle a,.card_profile .card_profile-comments .comments-collapse-toggle span{padding-right:5px;overflow:hidden;font-size:12px;color:#999;text-overflow:ellipsis;white-space:nowrap}.card_profile-comments .media-heading{font-size:13px;font-weight:700}.card_profile.people{position:relative;display:inline-block;width:170px;height:300px;padding-top:0;margin-left:20px;overflow:hidden;vertical-align:top}.card_profile.people:first-child{margin-left:0}.card_profile.people .card_profile-top{position:absolute;top:0;left:0;display:inline-block;width:170px;height:150px;background-color:#fff}.card_profile.people .card_profile-top.green{background-color:#53a93f}.card_profile.people .card_profile-top.blue{background-color:#427fed}.card_profile.people .card_profile-info{position:absolute;top:150px;display:inline-block;width:100%;height:101px;overflow:hidden;background:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.card_profile.people .card_profile-info .title{display:block;margin:8px 14px 0 14px;overflow:hidden;font-size:16px;font-weight:700;line-height:18px;color:#404040}.card_profile.people .card_profile-info .desc{display:block;margin:8px 14px 0 14px;overflow:hidden;font-size:12px;line-height:16px;color:#737373;text-overflow:ellipsis}.card_profile.people .card_profile-bottom{position:absolute;bottom:0;left:0;display:inline-block;width:100%;padding:10px 20px;line-height:29px;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.card_profile.hovercard_profile{position:relative;padding-top:0;overflow:hidden;text-align:center;background-color:rgba(214,224,226,.2)}.card_profile.hovercard_profile .card_profileheader{background-size:cover;height:145px}.card_profile.hovercard_profile .avatar{position:relative;top:-50px;margin-bottom:-50px}.card_profile.hovercard_profile .avatar img{width:100px;height:100px;max-width:100px;max-height:100px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:5px solid rgba(255,255,255,.5)}.card_profile.hovercard_profile .info{padding:4px 8px 10px}.card_profile.hovercard_profile .info .title{margin-bottom:4px;font-size:24px;line-height:1;color:#262626;vertical-align:middle}.card_profile.hovercard_profile .info .desc{overflow:hidden;font-size:12px;line-height:20px;color:#737373;text-overflow:ellipsis}.card_profile.hovercard_profile .bottom{padding:0 20px;margin-bottom:17px}
.edt_peencilr{font-size: 20px;padding: 10px;background: #000;border-radius:50%;cursor: pointer;}
.the_posuisy7d{border-bottom: 1px solid #eee;}



.area{
    background: #fff;  z-index: -1;position: fixed;
    background: -webkit-linear-gradient(to left, #fff, #fff);  
    width: 100%;
    height:100%;   
}


.card_profile{max-width:530px;border-radius:4px;padding-top:20px;padding-bottom:2px;margin:10px 0 20px 0;border-top-width:0;border: 1px solid #eee;border-bottom-width:2px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.card_profile .card_profile-heading{padding:0 0px;margin:0}.card_profile .card_profile-heading.simple{font-size:20px;font-weight:300;color:#777;border-bottom:1px solid #e5e5e5}.card_profile .card_profile-heading.image img{display:inline-block;width:46px;height:46px;margin-right:15px;vertical-align:top;border:0;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.card_profile .card_profile-heading.image .card_profile-heading-header{display:inline-block;vertical-align:top}.card_profile .card_profile-heading.image .card_profile-heading-header h3{margin:0;font-size:14px;line-height:16px;color:#262626}.card_profile .card_profile-heading.image .card_profile-heading-header span{font-size:12px;color:#999}.card_profile .card_profile-body{padding:0 20px;margin-top:20px}.card_profile .card_profile-media{padding:0 20px;margin:0 -14px}.card_profile .card_profile-media img{max-width:100%;max-height:100%}.card_profile .card_profile-actions{min-height:30px;padding:0 20px 20px 20px;margin:20px 0 0 0}.card_profile .card_profile-comments{padding:20px;margin:0;background-color:#f8f8f8}.card_profile .card_profile-comments .comments-collapse-toggle{padding:0;margin:0 20px 12px 20px}.card_profile .card_profile-comments .comments-collapse-toggle a,.card_profile .card_profile-comments .comments-collapse-toggle span{padding-right:5px;overflow:hidden;font-size:12px;color:#999;text-overflow:ellipsis;white-space:nowrap}.card_profile-comments .media-heading{font-size:13px;font-weight:700}.card_profile.people{position:relative;display:inline-block;width:170px;height:300px;padding-top:0;margin-left:20px;overflow:hidden;vertical-align:top}.card_profile.people:first-child{margin-left:0}.card_profile.people .card_profile-top{position:absolute;top:0;left:0;display:inline-block;width:170px;height:150px;background-color:#fff}.card_profile.people .card_profile-top.green{background-color:#53a93f}.card_profile.people .card_profile-top.blue{background-color:#427fed}.card_profile.people .card_profile-info{position:absolute;top:150px;display:inline-block;width:100%;height:101px;overflow:hidden;background:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.card_profile.people .card_profile-info .title{display:block;margin:8px 14px 0 14px;overflow:hidden;font-size:16px;font-weight:700;line-height:18px;color:#404040}.card_profile.people .card_profile-info .desc{display:block;margin:8px 14px 0 14px;overflow:hidden;font-size:12px;line-height:16px;color:#737373;text-overflow:ellipsis}.card_profile.people .card_profile-bottom{position:absolute;bottom:0;left:0;display:inline-block;width:100%;padding:10px 20px;line-height:29px;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.card_profile.hovercard_profile{position:relative;padding-top:0;overflow:hidden;text-align:center;background-color:rgba(214,224,226,.2)}.card_profile.hovercard_profile .card_profileheader_buss{background-size:cover;height:255px}.card_profile.hovercard_profile .avatar_bus{position:relative;top:-100px;margin-bottom:-90px;z-index: 999;}.card_profile.hovercard_profile .avatar_bus img{width:140px;min-height:140px;max-width:150px;max-height:160px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;border:5px solid rgba(255,255,255,.5)}.card_profile.hovercard_profile .info{padding:4px 8px 10px}.card_profile.hovercard_profile .info .title{margin-bottom:4px;font-size:24px;line-height:1;color:#262626;vertical-align:middle}.card_profile.hovercard_profile .info .desc{overflow:hidden;font-size:12px;line-height:20px;color:#737373;text-overflow:ellipsis}.card_profile.hovercard_profile .bottom{padding:0 20px;margin-bottom:17px}
.edt_peencilr{font-size: 20px;padding: 10px;background: #000;border-radius:50%;cursor: pointer;}
.the_posuisy7d{border-bottom: 1px solid #eee;}

.thenos_s9{height: 15px !important;width: 20px !important;vertical-align: middle;margin-top: 6px;}
.the_snhsu{width: 40px;}
.the_textsjs{font-size: 14px;border-bottom: 1px solid #eee;}
.the_slide_90{border-bottom: 1px solid #ddd;}


.font_s{font-size: 9px !important;}
/*.big_font{font-size: 49px !important;}*/
.big_font2{font-size: 24px !important;}
.the_s9f small{font-size: 15px;}
.tehe_si8s{background: #FBC41D;border-radius: 5px;font-size: 14px;}
.the_services_s9{text-align: left !important;}

.buss_logo{width: 100px;height: 100px;}
.the_usi{border-radius: 7px;}

@media screen and (min-width: 1000px) {
 .content-wrap{max-width: 550px !important;background: #fff;padding: 20px;border: 1px solid #eee;box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
 z-index: 99999; margin-top: -28px !important; }
 .bottom-panel{position: fixed !important; }
 .the_mains039{text-align: center !important;}
 .the_ys_s9{width: 550px;align-items: center; margin-left:auto;margin-right:auto;}
 .the_cartbtsn{max-width: 200px;}
 .content-wrap_temp{max-width: 550px !important;background: #fff; box-shadow:
  0 2.8px 1.2px rgba(0, 0, 0, 0.034),
  0 6.7px 4.3px rgba(0, 0, 0, 0.048),
  0 12.5px 8px rgba(0, 0, 0, 0.06),
  0 22.3px 12.9px rgba(0, 0, 0, 0.072),
  0 41.8px 30.4px rgba(0, 0, 0, 0.086),
  0 80px 60px rgba(0, 0, 0, 0.12); margin:10px auto; }

/*.area{background: #fff !important;}*/

 /*body{background-color: #eee !important;
background-image: url("https://www.transparenttextures.com/patterns/axiom-pattern.png") !important;background-attachment: fixed !important;}*/
.bottom-panel{max-width: 600px; margin-left: auto !important;
  margin-right: auto !important;}


/*Web testing. */
body{background: #f8f8f8 !important}
/*.card_profile{max-width: none !important;width: 100% !important;}
#content{max-width: 80% !important}
.thehider_9302 {display: none;}
.content-wrap{float: left !important; margin: 20px; box-shadow:none !important;}*/

}

.thesgs{font-size: 29px !important;}

.the_image_90{width: 100%; margin-bottom: 40px !important;}
.btn_2{border:2px solid #000 !important; background: none !important; color:#000 !important;font-size: 19px !important;}

.the_menu_bix{min-height: 50px;border-bottom: 1px solid #eee;}
.the_image_se{max-width: 120px;max-height: 120px;overflow: hidden;}

.activeBtn{background: #FFDE59 !important;border: 2px solid #2A60C2 !important;}
.vacation-destination .vs-carousel .item .vs-box .vsb-top .vsbt-img{height: auto !important;background: #eee;}



.bottom-panel{
    height: 76px;
  background-color: #000000e8;
  width: 96% !important;
  border-radius: 5px;
  margin-left: auto;
  margin-right: auto;
  border-top: 0 solid #ddd;
  position: fixed;
  bottom: 10px !important;
  left: 0;
  right: 0;
  z-index: 2;
  padding: 0 5px 5px 0px !important;}

  .the_locsf{border-bottom: 1px solid #ddd;}
  .goog-te-gadget-simple{padding: 5px !important;}

  .the_points{font-size: 15px;border: 1px solid #eee;border-radius: 7px;}
  .the_points b{color:#004AAD;text-decoration: underline;}
  .the_se_s90soif{min-height: 200px;}
  .the_se_s90soif h5{font-size: 18px;}
  .the_sop_prod{border-radius: 5px; background: #f8f8f8;}
  .the_sop_prod b{font-size: 17px !important;}
  .the_coa_datas{border-bottom: 1px solid #eee;}
  .the_fks_der4{font-size: 17px;}
  .the_fks_der4 .fas{color: #333 !important}
  .the_fks_der4 b{color: #333 !important}

  .buy_now_home{position: absolute; bottom: 20px; left: 20px;}

  .the_magnisf{position: absolute;right: 12px;font-size: 16px; margin-top: -46px;color: #FFC107}
  .the_sikdss{overflow: hidden;max-height: 130px;border-radius: 3px;}
  .round1{border-radius: 6px;}

  .show_penfd{background: #f8f8f8;border:2px solid red;border-radius: 10px;}


  @media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}


.dot-stretching {
  position: relative;
  width: 12px;
  height: 12px;
  border-radius: 5px;
  color: #fff;
  bottom: -10px;
  margin-left: 30px;
  transform: scale(1.25, 1.25);
  animation: dot-stretching 2s infinite ease-in;
}
.dot-stretching::before, .dot-stretching::after {
  content: "";
  display: inline;
  position: absolute;
  top: 0;
}
.dot-stretching::before {
  width: 12px;
  height: 12px;
  border-radius: 5px;
  background-color: #FBC41D;
  color: #FBC41D;
  animation: dot-stretching-before 2s infinite ease-in;
}
.dot-stretching::after {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #FBC41D;
  color: #ffff;
  animation: dot-stretching-after 2s infinite ease-in;
}

@keyframes dot-stretching {
  0% {
    transform: scale(1.25, 1.25);
  }
  50%, 60% {
    transform: scale(0.8, 0.8);
  }
  100% {
    transform: scale(1.25, 1.25);
  }
}
@keyframes dot-stretching-before {
  0% {
    transform: translate(0) scale(0.7, 0.7);
  }
  50%, 60% {
    transform: translate(-20px) scale(1, 1);
  }
  100% {
    transform: translate(0) scale(0.7, 0.7);
  }
}
@keyframes dot-stretching-after {
  0% {
    transform: translate(0) scale(0.7, 0.7);
  }
  50%, 60% {
    transform: translate(20px) scale(1, 1);
  }
  100% {
    transform: translate(0) scale(0.7, 0.7);
  }
}


/*.thecosiclas a{
  background: -webkit-linear-gradient(#060606, #8f89f3);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}*/

  .fa-duotone{color: #000;font-size: 16px;}





.context {
    width: 100%;
    position: absolute;
    top:50vh;
    
}

.context h1{
    text-align: center;
    color: #fff;
    font-size: 50px;
}



.circles{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.circles li{
    position: absolute;
    display: block;
    list-style: none;
    width: 20px;
    height: 20px;
    background: rgb(252 202 56 / 39%);
    animation: animate 25s linear infinite;
    bottom: -150px;
    
}

.circles li:nth-child(1){
    left: 25%;
    width: 80px;
    height: 80px;
    animation-delay: 0s;
}


.circles li:nth-child(2){
    left: 10%;
    width: 20px;
    height: 20px;
    animation-delay: 2s;
    animation-duration: 12s;
}

.circles li:nth-child(3){
    left: 70%;
    width: 20px;
    height: 20px;
    animation-delay: 4s;
}

.circles li:nth-child(4){
    left: 40%;
    width: 60px;
    height: 60px;
    animation-delay: 0s;
    animation-duration: 18s;
}

.circles li:nth-child(5){
    left: 65%;
    width: 20px;
    height: 20px;
    animation-delay: 0s;
}

.circles li:nth-child(6){
    left: 75%;
    width: 110px;
    height: 110px;
    animation-delay: 3s;
}

.circles li:nth-child(7){
    left: 35%;
    width: 150px;
    height: 150px;
    animation-delay: 7s;
}

.circles li:nth-child(8){
    left: 50%;
    width: 25px;
    height: 25px;
    animation-delay: 15s;
    animation-duration: 45s;
}

.circles li:nth-child(9){
    left: 20%;
    width: 15px;
    height: 15px;
    animation-delay: 2s;
    animation-duration: 35s;
}

.circles li:nth-child(10){
    left: 85%;
    width: 150px;
    height: 150px;
    animation-delay: 0s;
    animation-duration: 11s;
}



@keyframes animate {

    0%{
        transform: translateY(0) rotate(0deg);
        opacity: 0.6;
        border-radius: 0;
    }

    100%{
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%;
    }

}


@media only screen and (max-width: 600px) {
  .area{background: #eee !important;}
}
.VIpgJd-ZVi9od-ORHb-OEVmcd{display: none !important;}
.tilted-marquee {transform: rotate(2.3deg);background: #000;}
.the_tile_s{font-size: 14px;}

.offcanvas{max-width:76% !important; min-width: 340px !important;}
.the_9siud7{border-bottom: 2px solid #ddd;font-size: 13px;}
.activetap{border-bottom: 2px solid #2A50A3 !important;}
.the_09s88du{}

.theline93jd,small{line-height: 14px !important;}
.thehide_tab{display: none;}
.theh_u_tab{display: none; cursor: pointer;}

.the_patch_ssd{position: fixed;top:0px;left:0px;z-index: 99;background: rgba(0, 0, 0, 0.7);height: 100%;}
.the_9siud_2{cursor: pointer;}


.shining-button {
            background: #F9C331;
            width: 96%;
            margin-left: 2%;
            position: fixed;
            bottom: 10px;
            height: 42px;
            cursor: pointer;
            text-align: center;
            font-size: 22px;
            z-index: 88;
            overflow: hidden;
        }

        .shining-button:before {
            content: '';
            position: absolute;
            top: 0;
            left: -75%;
            width: 50%;
            height: 100%;
            background: rgba(255, 255, 255, 0.4);
            transform: skewX(-25deg);
            animation: shining 5s infinite;
        }

        @keyframes shining {
            0% {
                left: -75%;
            }
            100% {
                left: 100%;
            }
        }

        .jhs76shsk{border:2px solid #fff; cursor: pointer;background: #fff;}
        .acti_094{border: 2px solid #000 !important; cursor: pointer;}

        .focus_txt{background: #fff;padding-left: 10px;padding-right: 10px;}
@keyframes bounceWidth {
  0% {
    width: 0;
  }
  60% {
    width: 100%;
  }
  80% {
    width: 90%;
  }
  100% {
    width: 100%;
  }
}

    .focus_txt {
      display: inline-block;
      background: #FFD700;
      padding-left: 10px;
      padding-right: 10px;
      white-space: nowrap; /* Prevent line break inside span */
      overflow: hidden; /* Ensure text doesn't overflow during animation */
      width: 0; /* Start with width 0 */
      animation: bounceWidth 2s ease-in-out 3s forwards;
    }


    @keyframes slowLightBackgroundChange {
  0% { background-color: #ffffff; } /* White */
    20% { background-color: #d6eaf8; } /* Light Sky Blue */
    40% { background-color: #d5f5e3; } /* Light Green */
    60% { background-color: #fcf3cf; } /* Light Golden Yellow */
    80% { background-color: #f9e79f; } /* Light Yellow */
    100% { background-color: #ffffff; } /* White */
}

.bganimate{
  animation: slowLightBackgroundChange 24s infinite;
}

.the_color_match .vbig_text{color: #333}
.the_syat5sf{font-size: 30px;color: #F0BC1C;margin-right: 6px;}
.text_grad{background: linear-gradient(2deg, #000, #222);-webkit-background-clip: text;color: transparent !important;}

.the_9s8dl{max-width: 700px;}
.btn_sml{border-radius: 3px;border: 1px solid #333 !important;font-size: 14px !important;}

.lb-outerContainer{height: 90% !important; }

.theprobor{color: #0e27e9 !important}
.sbig_text2{font-size: 25px !important;}

.theme_bg_n{background: #FFD700;}


h4,h5,.f5{font-size:  16px !important;}
h3{font-size:  18px !important;}
h2{font-size:  19px !important;}
h1{font-size:  21px !important;}
.selected_cart{background:#FFD700 !important}


.bottom-panel{background: #b06500 !important;color: #000 !important;}
.bottom-panel a{color: #000 !important;}