:root {
  --bs-sitePrimary-color: #15298A;
  --bs-siteSecondary-color: #1A1A1A;
  --bs-siteDarkGary-color: #454545;
  --bs-siteLightgary-color: #e3e3e3;
  --bs-siteDark-color: #000000;
  --bs-siteLightInner-color: #80808047;
  --bs-siteSecondaryLightInner-color: #f1f1f1d1;
  --bs-siteselectForm: 0 0 0 0.25rem rgba(254, 0, 0, 0.25);
  --bs-sitetransition: all .5s linear;
  --bs-body-font-family: "Nunito Sans", sans-serif !important;
  

  --bs-site-color: var(--bs-sitePrimary-color) !important;
  --bs-common-color: var(--bs-siteSecondary-color) !important;
}

#google_translate_element, #google_translate_wrapper{display:inline-block; height:23px; overflow:hidden; width:131px; position:relative; top:0px;}
.goog-te-gadget .goog-te-combo, #language_trigger{ margin:0px!important; font-size:12px; width:100%; height:23px; border-radius: 0px;border: 1px solid;font-family: var(--bs-body-font-family);}


/* =============================== Home page Start ============================ */

.header_top{ background-color: var(--bs-siteDarkGary-color);width: 100%;height: 40px;padding: 1px 0;position: relative;}
.header_top_flex{display: flex;justify-content: end; align-items: center;}
.header_top .header_time{ padding-right: 25px;display: flex;justify-content: center;align-items: center;}
.header_top .header_time,
.header_top .header_language span{font-size: 12px;font-weight: 500;color: #fff;}
.header_top .header_language{ display: flex;align-items: center;}
.lineHeightHeader{line-height: 10px;}
.header_top .header_language select, #language_trigger{background-color: transparent; padding: 0;height: auto; border: none; border-radius: 5px; color: #fff; font-size: 12px;width: 140px;min-height: 26px;background-size: 12px 12px !important;background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat: no-repeat;background-position: right 0.65rem center;box-shadow: none;appearance: unset;font-size: 13px;}
.header_top .header_language select:focus, .header_top .header_language select:hover{outline: none;border: none;}
.header_top .header_language select option, #language_trigger option{color: var(--bs-siteDark-color);}
.header_top .header_language select{color: var(--white-color);}
.topTilteIn{font-size: 14px !important;font-weight: 500 !important;}
.what_top{font-size: 18px;font-weight: bold;}
.header_contact{display: block;}
.header_top .header_top_rightsite{display: flex;align-items: center;gap: 25px;}
.header_top .header_top_rightsite .header_top_rightsite_border{width: 2px;height: 15px;background: #fff;}
.social_media_site {display: flex;list-style: none;padding: 0;margin: 0;gap: 12px;}
.social_media_site li a{display: flex;}
.header_logo{min-height: 85px;border-bottom: 1px solid #e7e7e7;}
.header_logo .navbar-brand{padding: 0;}
.navabrMenuRow{display: flex;width: 100%;align-items: center;min-height: 85px;}
.navabrMenuRow .logoLeft{width: 25%;display: flex;justify-content: start;align-items: center;gap: 15px;}
.navabrMenuRow .logoLeft .site-logo{max-height: 70px;}
.navabrMenuRow .rightMenu{width: 75%;align-items: center;gap: 15px;}
/* .navabrMenuRow .logoLeft{width: 45%;display: flex;justify-content: start;align-items: center;gap: 15px;}
.navabrMenuRow .rightMenu{width: 60%;align-items: center;gap: 15px;} */
.navabrMenuRow .rightMenu .rightCallWhat { display: inline-block; }
.navabrMenuRow .rightMenu .rightCallWhat a {/*width: 245px;height: 45px;*/ display: inline-block;text-decoration: none; position: relative; z-index: 1;}
.navabrMenuRow .rightMenu .rightCallWhat .iconCricle{background-color: var(--bs-siteSecondary-color);width: 50px;height: 50px;border-radius: 3px;display: flex;align-items: center;justify-content: center;margin-right: 15px;transition: all .5s;}
.navabrMenuRow .rightMenu .rightCallWhat .iconCricle.whatCricle{background-color: #05A62D;}
.navabrMenuRow .rightMenu .rightCallWhat:hover .iconCricle.whatCricle{background-color: #05A62D;}
.navabrMenuRow .rightMenu .rightCallWhat:hover .iconCricle, .navabrMenuRow .rightMenu .rightCallWhat:hover .iconCricle.active{background: var(--bs-site-color);}
.navabrMenuRow .rightMenu .rightCallWhat .whatTextTop{font-size: 13px;font-weight: 500;color: var(--bs-siteDarkGary-color);}
.navabrMenuRow .rightMenu .rightCallWhat .WhatNumberTop{font-size: 18px; font-weight: 600;color: var(--bs-siteDark-color);margin: 2px 0 0;letter-spacing: .9px;text-shadow: 0px 0px 7px #fff;}
.navabrMenuRow .rightMenu .rightCallWhat .WhatNumberTop.WhaNum{font-size: 22px;font-weight: 900;color: var(--bs-sitePrimary-color);transition: var(--bs-sitetransition);}
.navabrMenuRow .rightMenu .rightCallWhat:hover .WhatNumberTop.WhaNum{color: var(--bs-siteSecondary-color);}
.navabrMenuRow .rightMenu .rightCallWhat .what-qr-code{max-height: 82px;}

.headerSearch{background: var(--bs-sitePrimary-color);height: 70px;display: flex;align-items: center;}
.headerSearch .headerSearchRow{display: flex;align-items: center;}
.headerSearch .headerSearchColLeft{width: 61%;}
.headerSearch .headerSearchColRight{width: 39%;}
.headerNavbarMenu{justify-content: space-between;width: 94%;}
.headerSearch .headerSearchColLeft .navbar-nav .nav-item .nav-link{color: #fff; font-size: 16px !important; font-weight: 600 !important; padding-top: 0px; display: flex; align-items: center; justify-content: center;/*  flex-direction: column; */ padding: 0;gap: 10px;}
.headerSearch .headerSearchColLeft .navbar-nav .nav-item:hover .nav-link, .headerSearch .headerSearchColLeft .navbar-nav .nav-item .active{color: #cbcbcb;}

/* ===== Auction Nav Dropdown (conflict-free custom classes) ===== */
.auc-has-drop { position: relative; }
.auc-caret { margin-left: 4px; display: inline-flex; align-items: center; transition: transform .25s ease; }
.auc-caret svg { display: block; }
.auc-has-drop:hover .auc-caret { transform: rotate(180deg); }

.auc-drop-menu {
  display: none;
  position: absolute;
  top: calc(100% + 0px);
  left: 0;
  min-width: 210px;
  list-style: none;
  padding: 0;
  margin: 0;
  background: #fff;
  border-top: 3px solid var(--bs-sitePrimary-color);
  border-radius: 0 0 6px 6px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.15);
  z-index: 99999;
}

/* triangle pointer */
.auc-drop-menu::before {
  content: '';
  position: absolute;
  top: -9px;
  left: 18px;
  border-width: 0 7px 6px 7px;
  border-style: solid;
  border-color: transparent transparent var(--bs-sitePrimary-color) transparent;
}

.auc-drop-menu li { border-bottom: 1px solid #efefef; }
.auc-drop-menu li:last-child { border-bottom: none; }

.auc-drop-menu li a {
  display: block;
  padding: 11px 18px 11px 16px;
  color: #333;
  font-size: 13px !important;
  font-weight: 600 !important;
  white-space: nowrap;
  text-decoration: none;
  transition: background .18s, color .18s, padding-left .18s;
  border-left: 3px solid transparent;
}
.auc-drop-menu li a:hover,
.auc-drop-menu li a.active {
  background: #f5f8ff;
  color: var(--bs-sitePrimary-color);
  border-left-color: var(--bs-sitePrimary-color);
  padding-left: 22px;
}
.auc-drop-menu li a.active {
  font-weight: 700 !important;
}

.auc-has-drop:hover .auc-drop-menu { display: block; }
.navbar-btn{width: 22%; background-color: #fff; border-radius: 40px; display: flex;align-items: center;justify-content: space-around; }
.menu_text{padding-top: 7px;}
.navbar-btn-1 .what_con-nav span{font-size: 16px; font-weight: 400;line-height: 1.5;color: #000;}
/* .loginRightSite{min-height: 70px;background: var(--bs-siteSecondary-color);min-width: 207px;transition: linear .4s;} */
/* .loginRightSite:hover{background: var(--bs-site-color);} */
.loginRightSite{gap: 4px;}
.loginRightSite a{font-size: 20px;color: #fff;font-weight: 600;transition: linear .4s;letter-spacing: .3px;display: flex;align-items: center;}
.loginRightSite a:hover{color: #fff;}

    /* ============================== sprite image =================================== */

    
.everyMid {background: url(../images/spriteMid.png) 0 0 no-repeat; display: inline-block; position: relative;}
.everyMid_calender{background-position: -0px -2px;width: 16px;height: 16px;right: 0px;} 
.everyMid_kilometer{background-position: -21px -2px;width: 16px;height: 16px;right: 0px;} 
.everyMid_engine{background-position: -44px -2px;width: 13px;height: 16px;right: 0px;} 

.everyTop {background: url(../images/spriteTop.png) 0 0 no-repeat; display: inline-block; position: relative;} 
.everyTop-time {background-position: -4px -4px;width: 16px;height: 16px;right: 0px;}
.everyTop-totalCars {background-position: -27px -2px;width: 17px;height: 16px;right: 0px;}
.everyTop-langauge {background-position: -139px -2px;width: 17px;height: 17px;right: 0px;}
.everyTop-mailTop {background-position: -213px -42px;width: 29px;height: 24px;right: 0px;}
.everyTop-whatsappTop {background-position: -177px -2px;width: 35px;height: 35px;right: 0px;}

.everyTop-signup{background-position: -240px -2px;width: 20px;height: 20px;top: 0;}
.everyTop-login{background-position: -66px -1px;width: 16px;height: 18px;top: 0;}

.everyTop-go-top{background-position:-247px -45px;width:16px;height:17px; top: 9px;}
.everyTop-view{background-position:-77px -16px;width:14px;height:18px; top: 0px;right: 3px;}
.everyTop-location{background-position: -269px -2px;width: 41px;height: 45px;top: 13px;transition: var(--bs-sitetransition);z-index: 3;left: 10px;}
.everyTop-mail-bot{background-position: -316px -2px;width: 45px;height: 45px;top: 13px;transition: var(--bs-sitetransition);z-index: 3;left: 10px;}
.everyTop-whatsapp-bot {background-position: -367px -2px;width: 45px;height: 45px;top: 10px;transition: var(--bs-sitetransition);z-index: 3;left: 12px;}
.fot_address:hover label .everyTop-location{background-position: -181px -25px;}
.fot_address:hover label .everyTop-mail-bot{background-position: -205px -25px;}
.fot_address:hover label .everyTop-whatsapp-bot {background-position: -231px -25px;}
.everyTop-phone{background-position:-151px -117px;width:18px;height:18px; top: 5px;}
.everyTop-jctPrimium {background-position:-2px -28px;width: 84px;height: 56px;}
.everyTop-jumveaFooter {background-position:-193px -45px;width: 71px;height: 49px;}
.everyTop-safeTradeFooter {background-position:-8px -105px;width: 63px;height: 71px;}
.everyTop-fax{background-position:-99px -16px;width:21px;height:22px; top: 2px;}
.everyTop-member{background-position:-5px -114px;width:93px;height:69px; top: 2px;}
.everyTop-facebook{background-position: -50px -2px;width: 16px;height: 16px;transition: all .8s;}
.everyTop-instagram{background-position: -72px -2px;width: 16px;height: 16px;transition: all .8s;}
.everyTop-twitter{background-position: -94px -2px;width: 16px;height: 16px;transition: all .8s;}
.everyTop-youtube{background-position: -115px -2px;width: 18px;height: 16px;transition: all .8s;}
.everyTop-facebook-bot{background-position: -97px -43px;width: 22px;height: 22px;transition: all .8s;}
.everyTop-instagram-bot{background-position: -153px -43px;width: 22px;height: 22px;transition: all .8s;}
.everyTop-twitter-bot{background-position: -125px -43px;width: 22px;height: 22px;transition: all .8s;}
.everyTop-youtube-bot{background-position: -181px -43px;width: 26px;height: 22px;transition: all .8s;}


/*-------footer--------*/

.footer { width: 100%;  float: left; background: var(--bs-siteDark-color); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 40px 0 25px;position: relative;}
.footer_member{height: 115px;}

.footerLogo { background-color: rgba(204, 204, 204, .60);width: 100%;min-height: 125px;display: flex;align-items: center;margin: auto;padding: 5px 0;z-index: 2;position: relative;}
.company_title{font-size: 28px;font-weight: bolder;color: #1c1c1c;margin-bottom: 15px;text-transform: uppercase;line-height: 18px;}

.companyPhone{margin-top: 15px;}
.companyMemberTitle{font-size: 18px;color: var(--bs-sitePrimary-color);}
.footerLogo .footerLogoRow{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.footerLogo .footerLogoRow .footerLogoColF{width: 22%;z-index: 2;}
.footerLogo .footerLogoRow .footerLogoColF a img{max-height: 70px;}
.footerLogo .footerLogoRow .footerLogoColRight{width: 78%;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.footerLogo .footerLogoRow .footerLogoColRight::before{clip-path: polygon(100% 0%, 100% 51%, 100% 100%, 4% 100%, 0 50%, 4% 1%);background-color: var(--bs-sitePrimary-color);position: absolute;top: 0;right: 0;content: '';width: 73.5%;height: 100%;}
.footerLogo .footerLogoRow .footerLogoColRight::after{clip-path: polygon(100% 0%, 100% 51%, 100% 100%, 4% 100%, 0 50%, 4% 1%);background-color: #e1e1e1;position: absolute;top: 0;right: 0;content: '';width: 73%;height: 100%;}
.footerLogo .footerLogoRow .footerLogoColRight .footerLogoColS{width: 36%;padding-left: 15px;z-index: 1;}
/* .footerLogo .footerLogoRow .footerLogoColRight .footerLogoColS{width: 36%;padding-left: 15px;z-index: 1;} */
.footerLogo .footerLogoRow .footerLogoColRight .footerIconBox{width: 70px;height: 70px;background: var(--bs-siteSecondary-color);position: relative;border-radius: 5px;top: -5px;display: flex;align-items: center;justify-content: center;transition: all .5s linear;}
.footerLogo .footerLogoRow .footerLogoColRight .footerLogoColS:hover .footerIconBox, .footerLogo .footerLogoRow .footerLogoColRight .footerLogoColT:hover .footerIconBox, .footerLogo .footerLogoRow .footerLogoColRight .footerLogoColFo:hover .footerIconBox{background: var(--bs-sitePrimary-color);}
.footerLogo .footerLogoRow .footerLogoColRight .footerIconBox::after{width: 70px;height: 70px;background: #fff;position: absolute;top: 10px;border-radius: 5px;left: 10px;content: '';}
.footerLogo .footerLogoRow .footerLogoColRight .footerIconTextIn{width: 68%;font-size: 16px;font-weight: 500;color: var(--bs-siteDark-color);line-height: 20px;padding-left: 25px;}
.footerLogo .footerLogoRow .footerLogoColRight .footerIconTextIn.mailFo{width: 57%;font-size: 16px;font-weight: 500;color: var(--bs-siteDark-color);line-height: 20px;}
.footerLogo .footerLogoRow .footerLogoColRight .footerIconTextIn.WhatNumberBottom{width: auto;font-size: 28px;font-weight: 900;color: var(--bs-siteDark-color);margin-bottom: 20px;margin-bottom: 0;transition: all .5s;/* text-shadow: 0 0 6px rgba(0, 0, 0, .85); */transition: all .5s linear;}
.footerLogo .footerLogoRow .footerLogoColRight .footerLogoColT{width: 24%;z-index: 1;}
.footerLogo .footerLogoRow .footerLogoColRight .footerLogoColFo{width: 40%;padding-left: 10px;z-index: 1;}
.memberBoxFooter{display: flex;align-items: center;justify-content: space-between;}

.footer_member h5 {  font-size: 16px; color: #fff; font-weight: bold; padding-left: 10px; line-height: 24px; }
.location_border { border-left: 1px solid #1c1c1c; padding-left: 80px; }
.member_title { font-size: 16px; font-weight: 400; color: #fff;}
.fot_links>h3 { font-size: 16px; color: #fff; margin: 0px;font-weight: 600;}
.fot_links>ul { list-style: none; padding-top: 10px;padding-left: 15px;}
.fot_links_bottom{margin-top: 35px !important;}
.fot_links>ul>li {  display: block; }
.fot_links>ul>li>a { color: #D5D5D5; line-height: 26px; font-size: 14px;  font-weight: 500; }
.fot_links>ul>li>a:hover { color: #fff;font-weight: 500;text-decoration: underline;}
/* .fot_bot_strip { width: 100%; float: left; background: var(--bs-sitePrimary-color); color: #fff;text-shadow: 0 0 5px #000;min-height: 36px;    display: flex;align-items: center;}
.fot_bot_strip h6 { font-size: 13px; font-weight: 400;letter-spacing: .5s;}
.fot_bot_strip h6 a{font-size: 14px;text-transform: uppercase;font-weight: 700;}
.fot_bot_strip h6 a{color: #fff;}
.fot_bot_strip .page-links { width: 100%; display: inline-block; text-align: right; } */

/* ============================== Copy Right ======================================= */
.FotSiteBottom { width: 100%;/*max-width: 1500px;margin: auto; */background: var(--bs-sitePrimary-color);min-height: 40px;display: flex;align-items: center; }
.footerBotOtherLinks{display: flex;align-items: center;}
.footerBotOtherLinks li{border-right: 1px solid #fff;padding-right: 15px;margin-right: 15px;line-height: 14px;}
.footerBotOtherLinks li:last-child{border-right: none;padding-right: 0px;margin-right: 0px;}
.footerBotOtherLinks li a{color: #fff;font-size: 16px;font-weight: 600;text-shadow: none;letter-spacing: .4px;}
.FotSiteBottom a {color:#fff;transition: all .5s linear;font-size: 16px;font-weight: 600;}
.FotSiteBottom a:hover {text-decoration:underline;color: #fff;}

.footerSocial{background: rgba(21, 41, 138, .26);min-height: 90px;width: 80%;border-radius: 5px;margin: auto;display: flex;align-items: center;justify-content: space-between;margin-top: 25px;padding: 0 20px;}
.footerSocial .socialGroup{display: flex;align-items: center;justify-content: space-around;}
.footerSocial .socialGroup a{display: flex; align-items: center; justify-content: center; margin-right: 32px;position: relative;}
.footerSocial .socialGroup a:last-child{margin-right: 0px;}
.footerSocial .socialGroup a::after {position: absolute;right: -18px;top: 50%;transform: translateY(-50%); content: '';width: 5px;height: 5px;background: var(--bs-sitePrimary-color);}
.footerSocial .socialGroup a:last-child::after {display: none;}

.scrollup {position: fixed;right: 20px;bottom: 15px;display: none;width: 34px;height: 34px;opacity: 0.7;cursor: pointer;z-index: 100;border-radius: 50%;-webkit-transition: all .5s linear;-moz-transition: all .5s linear;-o-transition: all .5s linear;-ms-transition: all .5s linear;transition: all .5s linear;text-align: center;background:var(--bs-sitePrimary-color)}
.scrollup:hover {opacity: 1;}


/* latest stock home page */
.commonBoxtitleRcb{margin-bottom: 25px;position: relative;display: flex;align-items: center;gap:35px;}
.commonBoxtitleRcb .common_titleSmall{font-size: 22px;font-weight: 500;color: var(--bs-sitePrimary-color);display: flex;align-items: center;justify-content: center;text-transform: uppercase;margin: 0;line-height: 18px;}
/* .commonBoxtitleRcb .common_titleSmall .titlesmalll{padding: 0 20px;} */
.commonBoxtitleRcb .common_titleBig{font-size: 33px;font-weight: 600;color: var(--bs-siteDark-color);}

.common_padding{padding: 50px 0 35px;}
.latest_stock_row{display:flex;flex-wrap:wrap;margin-left:-10px;margin-right:-10px;}
.latest_stock__col{width:20%;padding-left:10px;padding-right:10px;/* margin-bottom:20px; */}
@media(max-width:1199px){.latest_stock__col{width:25%;}}
@media(max-width:991px){.latest_stock__col{width:33.333%;}}
@media(max-width:575px){.latest_stock__col{width:50%;}}
/* .latest_stock_card{box-shadow: inset 0 0 5px rgba(154, 255, 51, 0.85);transition: all .5s;margin-bottom: 30px;} */
.latest_stock_card { background: #fff; border: 1px solid #e1e1e1; box-shadow: 0 1px 3px rgba(0,0,0,0.08); padding: 10px; margin-bottom: 20px; }
.latest_stock_card:hover{box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.50);}
.latest_stock_card .images{position: relative;min-height: 170px;border: 1px solid #e8e8e8;display: flex; align-items: center; justify-content: center;}
.latest_stock_card .images img{max-height: 170px;}
.latest_stock_card .overlay_date{position: absolute;background-color: rgba(255, 255, 255, .88);padding: 3px 6px;top: 10px;left: 10px;color: #000;font-size: 14px;font-weight: 600;}
.latest_stock_card .stock_info h4{font-size: 18px;font-weight: 500;color: #414141;padding: 15px 0 0;margin: 0;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;padding-left: 0px;}
.latest_stock_card .stock_info h4 span{font-size: 12px;}
.latest_stock_card:hover .stock_info h4{color: var(--bs-sitePrimary-color);}
.latest_stock_card .stock_info .stock_price{font-size: 22px;font-weight: 900;padding: 0px 0 10px;margin: 0;color: var(--bs-sitePrimary-color);overflow: hidden; white-space: nowrap; text-overflow: ellipsis;padding-left: 0px;}
.latest_stock_card .stock_info .stock_price span{font-size: 14px;color: var(--bs-siteDark-color);}
.border_stock {border-top: 1px solid #e0e0e0;}
.latest_stock_card .stock_para{font-size: 12px;color: var(--bs-siteDark-color);font-weight: 400;padding: 10px 0px 10px;margin: 0;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;display: flex;align-items: center;}
.latest_stock_card .stock_para:last-child{ border-right: none;}
.stock_info_bottom{border-top: 1px solid #d7d7d7;transition: all .5s;margin: 10px 0px;border-bottom: 1px solid #d7d7d7;min-height: 43px;}
/* .CommonViewAllStock{position: absolute;bottom: 0;right: 0;} */
.CommonViewAllStock a{font-size: 18px;font-weight: 700;color: var(--bs-sitePrimary-color);border: 1px solid var(--bs-sitePrimary-color);padding: 11px 30px;border-radius: 4px;transition: all .3s linear;display: inline-block;}
.CommonViewAllStock a:hover{background-color: var(--bs-sitePrimary-color);color: #fff;}

/* =========================== Skeleton Loader Global =========================== */
@keyframes shimmer { 100% { transform: translateX(100%); } }
.skeleton-shine { position: absolute; top: 0; left: -150px; width: 150px; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent); animation: shimmer 1.4s infinite; }
/* =========================== Section Heading Skeleton =========================== */
.heading-skeleton { width: 260px; height: 28px; background: #e4e4e4; border-radius: 6px; margin: 15px auto 30px auto; position: relative; overflow: hidden; }
.heading-skeleton::after { content: ""; position: absolute; top: 0; left: -150px; width: 150px; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent); animation: shimmer 1.4s infinite; }
/* Image Skeleton */
.image-skeleton { background: #e4e4e4; height: 160px; border-radius: 6px; position: relative; overflow: hidden; }
.image-skeleton::after { content: ""; position: absolute; top: 0; left: -150px; width: 150px; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent); animation: shimmer 1.4s infinite; }
/* Text Skeleton */
.text-skeleton { background: #e4e4e4; height: 16px; border-radius: 4px; margin: 8px 0; position: relative; overflow: hidden; }
.text-skeleton.small { width: 30%; height: 14px; }
.text-skeleton.title { width: 70%; height: 20px; }
.text-skeleton.price { width: 50%; height: 20px; }
.text-skeleton::after { content: ""; position: absolute; top: 0; left: -150px; width: 150px; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent); animation: shimmer 1.4s infinite; }

/* =========================== Responsive =========================== */
@media (max-width: 768px) { .image-skeleton { height: 120px; } }


/* ============================ how to buy page new 20-12-2024 css start ==================================== */
.howToBuyInner{margin-bottom: 50px;}
.howRowSteps{display: flex;align-items: center;justify-content: space-between;margin: 40px auto 30px;max-width: 1200px;flex-wrap: wrap;}
.howRowSteps .howColSteps{}
.howRowSteps .howColSteps{background: var(--bs-sitePrimary-color);border-radius: 50%;width: 60px;height: 60px;display: flex;align-items: center;justify-content: center;position: relative;z-index: 2;margin: auto;}
.howRowSteps .howColSteps:after{border: 2px solid var(--bs-siteDark-color);border-radius: 50%;width: 70px;height: 70px;content: '';top: -5px;left: -5px;position: absolute;z-index: 0;transition: all .9s ease-in-out;}
.howRowSteps .howColSteps::before{border: 1px solid var(--bs-siteDark-color);width: 262px;height: 2px;content: '';top: 30px;right: -261px;position: absolute;z-index: -4;transition: all .9s ease-in-out;}
.howRowSteps .howColSteps.howLast::before{border: none;display: none;}
.howRowSteps h6{font-size: 16px;margin-top: 15px;}
.howStepsboxs{background: #fff;border: 1px solid #f0f0f0;margin-bottom: 20px;transition: all .5s;}
/* .howStepsboxs:nth-child(odd){background: #ededed;} */
.howStepsboxs:hover{box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);background:  #ededed;}
.howStepsboxsRow{display: flex;flex-wrap: wrap;padding: 30px 15px;flex-wrap: wrap;position: relative;}
.howStepsboxsRow .howStepsboxsCol1{width: 8%;}
.howStepsboxsRow .howStepsboxsCol1 .stepsBox{background:var(--bs-siteSecondary-color);width: 60px;height: 60px;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 14px;font-weight: 600;position: relative;transition: all .5s linear;box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);;z-index: 1;}
.howStepsboxsRow:hover .howStepsboxsCol1 .stepsBox{background:var(--bs-sitePrimary-color)}
.howStepsboxsRow:after{content:'';background: #000; position: absolute;bottom: 100%;width: 1px;height: 100%;left: 45px; top: 63px;}
.howStepsboxsRow.stepBox5::after{display: none;}
.howStepsboxsRow .howStepsboxsCol2{width: 72%;}
.howStepsboxsRow .howStepsboxsCol2 h2{font-size: 28px;font-weight: 600;font-style: italic;color: var(--bs-sitePrimary-color);margin-bottom: 15px;transition: all .5s;}
.howStepsboxsRow .howStepsboxsCol2 p{font-size: 16px;font-weight: 400;margin-bottom: 10px;color: #303030;}
.howStepsboxsRow .howStepsboxsCol2 p a{color: var(--bs-siteSecondary-color);}
.howStepsboxsRow:hover .howStepsboxsCol2 h2{color: var(--bs-siteSecondary-color);}

.howStepsboxsRow .howStepsboxsCol3{width: 20%;}
.auctioHrImg{margin: 12px 0 10px;}

.howRowStepstopAuction .howColSteps::before {width: 162px !important;right: -162px;}

.tocoWhy{background: url(../images/howtoImages/spriteHowToBuy.png);display: inline-block;position: relative;}
.howRowSteps .howColSteps .tocohowOrder{background-position: 0px -5px;width: 37px;height: 40px;transition: all .8s;}
.howRowSteps .howColSteps:hover .tocohowOrder{background-position: 0px -53px;transform: rotateY(360deg);}
.howRowSteps .howColSteps .tocohowPayment{background-position: -44px -9px;width: 41px;height: 35px;transition: all .8s;}
.howRowSteps .howColSteps:hover .tocohowPayment{background-position: -44px -55px;transform: rotateY(360deg);}
.howRowSteps .howColSteps .tocohowShipment{background-position: -92px -5px;width: 40px;height: 40px;transition: all .8s;}
.howRowSteps .howColSteps:hover .tocohowShipment{background-position: -92px -53px;transform: rotateY(360deg);}
.howRowSteps .howColSteps .tocohowDocument{background-position: -141px -7px;width: 33px;height: 40px;transition: all .8s;}
.howRowSteps .howColSteps:hover .tocohowDocument{background-position: -141px -53px;transform: rotateY(360deg);}
.howRowSteps .howColSteps .tocohowReceiveVehicle{background-position: -182px -5px;width: 40px;height: 40px;transition: all .8s;}
.howRowSteps .howColSteps:hover .tocohowReceiveVehicle{background-position: -182px -53px;transform: rotateY(360deg);}

.tocohowDepositBid{background-position: -235px -1px;width: 38px;height: 40px;transition: all .8s;}
.tocohowMakeBid{background-position: -282px 0px;width: 33px;height: 44px;transition: all .8s;}
.tocohowSuccessfulBidding{background-position: -323px -1px;width: 40px;height: 44px;transition: all .8s;}
.tocohowFinalPayment{background-position: -371px -2px;width: 40px;height: 42px;transition: all .8s;}
.tocohowShipmentDocumentation{background-position: -420px -5px;width: 45px;height: 40px;transition: all .8s;}
.tocohowAucReceiveVehicle{background-position: -474px -4px;width: 45px;height: 40px;transition: all .8s;}
.howRowStepstopAuction .howColSteps:hover .tocohowDepositBid{background-position: -235px -53px;transform: rotateY(360deg);}
.howRowStepstopAuction .howColSteps:hover .tocohowMakeBid{background-position: -282px -50px;transform: rotateY(360deg);}
.howRowStepstopAuction .howColSteps:hover .tocohowSuccessfulBidding{background-position: -323px -50px;transform: rotateY(360deg);}
.howRowStepstopAuction .howColSteps:hover .tocohowFinalPayment{background-position: -371px -52px;transform: rotateY(360deg);}
.howRowStepstopAuction .howColSteps:hover .tocohowShipmentDocumentation{background-position: -420px -53px;transform: rotateY(360deg);}
.howRowStepstopAuction .howColSteps:hover .tocohowAucReceiveVehicle{background-position: -474px -53px;transform: rotateY(360deg);}
/* ============================ how to buy page new 20-12-2024 css end ==================================== */
/* ============================== About Us Page ================================ */
/* .about_section { padding: 60px 0; background-color: #fff; } */
.about_section img { border-radius: 8px; box-shadow: 0 4px 20px rgba(0,0,0,0.10); max-height: 380px; object-fit: cover; }
.about_company_name { font-size: 32px; font-weight: 700; color: var(--bs-sitePrimary-color); line-height: 1.2; margin-top: 6px; margin-bottom: 12px; }
.about_section .font_16 { font-size: 16px; font-weight: 600; color: var(--bs-siteDarkGary-color); text-transform: uppercase; letter-spacing: 1px; }
.about_content { font-size: 16px; color: var(--bs-siteDarkGary-color); line-height: 1.8;  }
.about_section .about_title_in { font-size: 17px; color: var(--bs-sitePrimary-color); display: block; margin-bottom: 16px; }
/* ============================== About Us Page ================================ */

/* ============================== Welcome Section (Home Page) ================================ */
.welcome_section{padding: 40px 0 40px; background-color: #fff;}
.welcome_section img{border-radius: 8px; box-shadow: 0 4px 20px rgba(0,0,0,0.10); max-height: 380px; object-fit: cover;}
.welcome_section .about_company_name{font-size: 28px; font-weight: 700; color: var(--bs-sitePrimary-color); line-height: 1.2; margin-bottom: 10px;}
.welcome_section .about_title_in{font-size: 16px; color: var(--bs-sitePrimary-color); display: block; margin-bottom: 14px;}
.welcome_section .about_content{font-size: 14px; color: var(--bs-siteDarkGary-color); line-height: 1.8;}
/* ============================== Welcome Section (Home Page) ================================ */

/* ================================= responsive =================================== */
@media (min-width: 1400px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1360px;
    }
}

@media only screen and ( min-width: 1300px ) and ( max-width:1500px ){
  .footerLogo .footerLogoRow .footerLogoColRight::after{width: 78%;}
  .footerLogo .footerLogoRow .footerLogoColRight::before{width: 78.5%;}
}
@media only screen and ( min-width: 1024px ) and ( max-width:1050px ){
  .header_top .header_time{font-size: 12px;}
  .header_top{width: 100%;}
  .headerSearch .headerSearchColLeft .navbar-nav .nav-item .nav-link{font-size: 13px !important;}
  .loginRightSite{padding: 10px 15px 9px;min-width: 160px;}
  .loginRightSite a{font-size: 13px;}
  .navabrMenuRow .logoLeft{width: 55%;gap: 20px;}
  .navabrMenuRow .rightMenu{width: 45%;}
  .footerBotOtherLinks{flex-wrap: wrap;gap: 6px 0;}
  .footerBotOtherLinks li{margin-right: 5px;padding-right: 5px;}

  .footerLogo .footerLogoRow .footerLogoColF{width: 18%;}
  .footerLogo .footerLogoRow .footerLogoColRight{width: 80%;}
  .footerLogo .footerLogoRow .footerLogoColRight .footerLogoColS{width: 48%;padding-left: 20px;}
  .footerLogo .footerLogoRow .footerLogoColRight .footerLogoColT{display: none;}
  .footerLogo .footerLogoRow .footerLogoColRight .footerLogoColFo{width: 52%;}
  .footerLogo .footerLogoRow .footerLogoColRight::before{width: 78.5%;}
  .footerLogo .footerLogoRow .footerLogoColRight::after{width: 78%;}
  .social_icons{justify-content: start;}
  .memberBoxFooter{justify-content: start;}
  .memberBoxFooter a{margin-right: 10px;}
  .companyMemberTitle{text-align: start;margin: 15px 0 5px;}
  .footerLogo{padding: 15px 0 10px;}

    /* ============================== how to buy us =============================== */
  .howRowSteps.howRowStepsStock .howColSteps::before {width: 243px;right: -243px;}
  /* ============================== how to buy us =============================== */
}


@media only screen and ( min-width: 768px ) and ( max-width:1023px ){
  .header_top{width: 100%;padding-left: 0;}
  .navbar-expand-md .navbar-collapse{height: 69%;}
  .navbar-nav .nav-item{padding: 0 0px !important;}
  .headerSearch .headerSearchColLeft .navbar-nav .nav-item .nav-link{font-size: 13px !important;}
  .header_top .header_time{padding-right: 15px;}
  .topTilteIn{font-size: 13px;}
  .loginRightSite a{font-size: 12px;}
  .loginRightSite{padding: 0;min-height: auto;min-width: auto;background-color: transparent;margin-left: 5px;}
  .headerSearch .headerSearchColLeft{width: 100%;}
  .logoLeft{width: 68% !important;gap: 8px;}
  .rightMenu{width: 38% !important;gap: 20px;}
  .rightCallWhat .WhatNumberTop{font-size: 14px;}
  .navabrMenuRow .rightMenu .rightCallWhat .WhatNumberTop.WhaNum{font-size: 14px;}
  
  .footerLogo .footerLogoRow .footerLogoColRight .footerIconBox::after{box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.25);background: #d3d3d3;}
  .footerLogo .footerLogoRow .footerLogoColF{width: 30%;}
  .footerLogo .footerLogoRow .footerLogoColRight{width: 70%;justify-content: end;}
  .footerLogo .footerLogoRow .footerLogoColRight .footerLogoColS{display: none !important; width: 80%;padding-left: 20px;}
  .footerLogo .footerLogoRow .footerLogoColRight .footerLogoColT{display: none;}
  .footerLogo .footerLogoRow .footerLogoColRight .footerLogoColFo{width: 80%;}
  .footerLogo .footerLogoRow .footerLogoColRight::after, .footerLogo .footerLogoRow .footerLogoColRight::before{display: none;}
  .footerLogo .footerLogoRow .footerLogoColRight .footerIconTextIn, .footerLogo .footerLogoRow .footerLogoColRight .footerIconTextIn.WhatNumberBottom{color: var(--bs-sitePrimary-color);text-shadow: none;}
  .WhatNumberBottom{font-size: 22px;}
  .memberBoxFooter{justify-content: start;}
  .memberBoxFooter a{margin-right: 10px;}
  .companyMemberTitle{text-align: start;margin: 15px 0 5px;}
   .footerBotOtherLinks{flex-wrap: wrap;gap: 6px 0;}
  .footerBotOtherLinks li{margin-right: 5px;padding-right: 5px;}
  .footerLogo{padding: 15px 0 10px;}
  .footerBotOtherLinks li a, .FotSiteBottom a{font-size: 14px;}

    /* ============================== how to buy us =============================== */
  .howStepsboxsRow .howStepsboxsCol1{width: 12%;}
  .howStepsboxsRow .howStepsboxsCol2{width: 68%;}
  
  .howRowSteps.howRowStepsStock .howColSteps::before {width: 140px;right: -140px;}
  .howRowStepstopAuction .howColSteps::before{width: 90px !important;right: -90px;}
  .howRowSteps h6{font-size: 10px;}
  /* ============================== how to buy us =============================== */

}

@media only screen and ( min-width:310px ) and ( max-width:767px ) {
  .header_top{left: 0;width: 100%;height: 40px;padding: 5px 0;padding-left: 0;}
  .header_top::after {display: none;}
  .headerSearch{display: none;}
  .header_top .header_time{padding-right: 0px;}
  .navabrMenuRow .logoLeft{width: 90%;}
  .navabrMenuRow .rightMenu{width: 10%;align-items: center; display: flex; justify-content: end;}
  .header_mobile_logo{background-color: var(--bs-bg-color);padding: 16px 0;}
  .loginRightSite a{font-size: 13px;color: #fff;}
  .loginRightSite{padding: 0;min-height: auto;min-width: auto;background-color: transparent;}
  .loginRightSite:hover{background-color: transparent;}
  .what_top{font-size: 27px;padding-top: 0px;color: #fff;}
  .headerSearch .headerSearchColLeft{width: 100%;}
  .headerSearch .headerSearchColRight{display: none;}
 
  .footerLogo{padding: 15px 0 5px;}
  .footerLogo .footerLogoRow .footerLogoColRight .footerIconBox::after{box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.25);}
  .footerLogo .footerLogoRow .footerLogoColF{width: 100%;}
  .footerLogo .footerLogoRow .footerLogoColRight{width: 100%;margin-top: 30px;}
  .footerLogo .footerLogoRow .footerLogoColRight .footerLogoColS{width: 100%;padding-left: 0;margin-bottom: 25px;}
  .footerLogo .footerLogoRow .footerLogoColRight .footerLogoColT{width: 100%;margin-bottom: 25px;}
  .footerLogo .footerLogoRow .footerLogoColRight .footerIconTextIn.mailFo{color: var(--bs-sitePrimary-color);width: auto;padding-left: 30px;}
  .footerLogo .footerLogoRow .footerLogoColRight .footerLogoColFo{width: 100%;padding-left: 0;margin-bottom: 15px;}
  .footerLogo .footerLogoRow .footerLogoColRight::after, .footerLogo .footerLogoRow .footerLogoColRight::before{display: none;}
  .footerLogo .footerLogoRow .footerLogoColRight .footerIconTextIn{width: 77%;font-size: 15px;}
  .footerLogo .footerLogoRow .footerLogoColRight .footerIconTextIn, .footerLogo .footerLogoRow .footerLogoColRight .footerIconTextIn.WhatNumberBottom{color: var(--bs-sitePrimary-color);padding-left: 30px;text-shadow: none;}
  .footerLogo .footerLogoRow .footerLogoColRight .footerIconTextIn.WhatNumberBottom{font-size: 25px;}
  .FotSiteBottom{min-height: 55px;}
   .footerBotOtherLinks{flex-wrap: wrap;gap: 6px 0;}
  .footerBotOtherLinks li{margin-right: 5px;padding-right: 5px;}
  .footerBotOtherLinks li a, .FotSiteBottom a{font-size: 13px;}

  /* ============================== welcome section =============================== */
  .welcome_section{padding: 25px 0;}
  .welcome_section img{max-height: 260px;}
  .welcome_section .about_company_name{font-size: 22px; margin-bottom: 8px;}
  .welcome_section .about_title_in{font-size: 14px; margin-bottom: 10px;}
  .welcome_section .about_content{font-size: 13px; line-height: 1.6;}
  /* ============================== welcome section =============================== */

   /* ============================== how to buy us =============================== */
  .howRowSteps .howColSteps::before {width: 116px;right: -116px;}
  .howRowSteps .howColSteps::before {width: 116px !important;right: -116px !important;}
  .howStepsboxsRow .howStepsboxsCol1{width: 25%;}
  .howStepsboxsRow .howStepsboxsCol2{width: 75%;}
  .howStepsboxsRow .howStepsboxsCol3{width: 74%;margin-top: 20px;margin-left: 26%;}
  .howRowSteps{justify-content: start;margin: 40px auto 10px;}
  .howRowSteps .howColStepstop{width: 33%;margin-bottom: 15px;}
  .howRowSteps h6{text-align: center;font-size: 11px;}
  .howRowSteps .howColSteps.howThrid::before {display: none;}
  .howStepsboxsRow .howStepsboxsCol2 h2{font-size: 18px;}
  .howStepsboxsRow .howStepsboxsCol2 p{font-size: 14px;}
  /* ============================== how to buy us =============================== */
}


@media only screen and (min-width: 310px) and (max-width: 350px) {
  .howRowSteps .howColSteps::before {width: 100px !important;right: -100px !important;}

  .container { padding-left: 5px; padding-right: 5px; }
  .container-fluid { padding-left: 5px; padding-right: 5px; }
  .row { margin-left: -5px; margin-right: -5px; }
  .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { padding-left: 5px; padding-right: 5px;  }
  .mobile-center { text-align: center !important; }
 
}


/* ========================================================
   FAQ PAGE
   ======================================================== */

/* Hero */
.faq-hero {
  background: linear-gradient(135deg, var(--bs-sitePrimary-color) 0%, #0a1a5c 100%);
  padding: 48px 0 42px;
  margin-bottom: 0;
}
.faq-hero-inner {
  display: flex;
  align-items: center;
  gap: 20px;
}
.faq-hero-icon {
  width: 68px;
  height: 68px;
  background: rgba(255,255,255,.12);
  border: 2px solid rgba(255,255,255,.25);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  flex-shrink: 0;
}
.faq-hero-title {
  font-size: 30px;
  font-weight: 800;
  color: #fff;
  margin: 0 0 6px;
  line-height: 1.2;
}
.faq-hero-sub {
  font-size: 15px;
  color: rgba(255,255,255,.75);
  margin: 0;
}

/* Page wrapper */
.faq-page-wrap {
  background: #f6f7fb;
  padding: 48px 0 60px;
}

/* Category Tabs */
.faq-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 36px;
}
.faq-tab-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  border: 2px solid #dde1ee;
  border-radius: 50px;
  background: #fff;
  color: #555;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  transition: all .2s;
  font-family: inherit;
}
.faq-tab-btn .faq-tab-icon { display: flex; align-items: center; }
.faq-tab-btn .faq-tab-count {
  background: #eef0f8;
  color: #777;
  font-size: 11px;
  font-weight: 700;
  border-radius: 50px;
  padding: 1px 8px;
  transition: all .2s;
}
.faq-tab-btn:hover,
.faq-tab-btn.active {
  border-color: var(--bs-sitePrimary-color);
  background: var(--bs-sitePrimary-color);
  color: #fff;
}
.faq-tab-btn.active .faq-tab-count,
.faq-tab-btn:hover .faq-tab-count {
  background: rgba(255,255,255,.25);
  color: #fff;
}

/* Tab panel visibility */
.faq-page-wrap .faq-section { display: none; }
.faq-page-wrap .faq-section.faq-section-active { display: block; }

.faq-item {
  background: #fff;
  border-radius: 10px;
  margin-bottom: 10px;
  box-shadow: 0 2px 8px rgba(21,41,138,.06);
  overflow: hidden;
  border: 1px solid #e8ecf5;
  transition: box-shadow .2s;
}
.faq-item:hover { box-shadow: 0 4px 18px rgba(21,41,138,.11); }

.faq-q {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 18px 20px;
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
  font-family: inherit;
  transition: background .18s;
}
.faq-q:hover { background: #f8f9ff; }

.faq-q-num {
  font-size: 12px;
  font-weight: 800;
  color: var(--bs-sitePrimary-color);
  background: #eef1fb;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  letter-spacing: .5px;
}
.faq-q-text {
  flex: 1;
  font-size: 15px;
  font-weight: 700;
  color: #1a1a2e;
  line-height: 1.4;
}
.faq-toggle-icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 2px solid #dde1ee;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--bs-sitePrimary-color);
  flex-shrink: 0;
  transition: all .25s;
}

/* Open state */
.faq-item.faq-open { border-color: var(--bs-sitePrimary-color); }
.faq-item.faq-open .faq-q { background: #f0f3ff; }
.faq-item.faq-open .faq-q-num { background: var(--bs-sitePrimary-color); color: #fff; }
.faq-item.faq-open .faq-toggle-icon {
  background: var(--bs-sitePrimary-color);
  border-color: var(--bs-sitePrimary-color);
  color: #fff;
  transform: rotate(45deg);
}

/* Answer panel */
.faq-a {
  max-height: 0;
  overflow: hidden;
  transition: max-height .35s ease;
}
.faq-item.faq-open .faq-a { max-height: 600px; }

.faq-a-inner {
  padding: 4px 20px 20px 64px;
  font-size: 14px;
  color: #555;
  line-height: 1.75;
}
.faq-a-inner a { color: var(--bs-sitePrimary-color); font-weight: 600; }
.faq-a-inner a:hover { text-decoration: underline; }

/* Document list inside answer */
.faq-doc-list {
  list-style: none;
  padding: 0;
  margin: 10px 0 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.faq-doc-list li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  color: #444;
  padding: 7px 12px;
  background: #f6f8ff;
  border-radius: 6px;
  border-left: 3px solid var(--bs-sitePrimary-color);
}
.faq-doc-list li::before { content: '✓'; color: var(--bs-sitePrimary-color); font-weight: 700; }

/* CTA block */
.faq-cta {
  margin-top: 48px;
  background: #fff;
  border: 2px dashed #c8d0ea;
  border-radius: 14px;
  padding: 30px 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
}
.faq-cta-text strong { display: block; font-size: 18px; color: #1a1a2e; margin-bottom: 4px; }
.faq-cta-text span { font-size: 14px; color: #777; }
.faq-cta-btns { display: flex; gap: 12px; flex-wrap: wrap; }

.faq-cta-btn {
  display: inline-flex;
  align-items: center;
  padding: 11px 26px;
  border-radius: 50px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition: all .2s;
  font-family: inherit;
}
.faq-cta-primary {
  background: var(--bs-sitePrimary-color);
  color: #fff;
  border: 2px solid var(--bs-sitePrimary-color);
}
.faq-cta-primary:hover { background: #0a1a5c; border-color: #0a1a5c; color: #fff; }
.faq-cta-outline {
  background: transparent;
  color: var(--bs-sitePrimary-color);
  border: 2px solid var(--bs-sitePrimary-color);
}
.faq-cta-outline:hover { background: var(--bs-sitePrimary-color); color: #fff; }

/* ── Page Inner Heading ── */
.in_heading { text-align:center; margin:30px 0 28px; }
.in_heading span { font-size:26px; font-weight:800; color:#0f1b3d; position:relative; padding-bottom:10px; display:inline-block; }
.in_heading span::after { content:''; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:60px; height:3px; background:var(--bs-sitePrimary-color); border-radius:2px; }
@media(max-width:768px){ .in_heading span{ font-size:20px; } }

/* Responsive */
@media (max-width: 768px) {
  .faq-hero { padding: 30px 0; }
  .faq-hero-title { font-size: 22px; }
  .faq-hero-icon { width: 52px; height: 52px; }
  .faq-q-text { font-size: 14px; }
  .faq-a-inner { padding-left: 20px; }
  .faq-cta { flex-direction: column; align-items: flex-start; }
  .faq-tabs { gap: 8px; }
  .faq-tab-btn { font-size: 13px; padding: 8px 14px; }
}


/* ========================================================
   ABOUT US PAGE
   ======================================================== */

/* ── Shared ── */
.ab-eyebrow { display:block; font-size:12px; font-weight:800; letter-spacing:2.5px; text-transform:uppercase; color:var(--bs-sitePrimary-color); margin-bottom:10px; }
.ab-sec-title { font-size:30px; font-weight:900; color:#0f1b3d; line-height:1.22; margin:0 0 14px; }
.ab-sec-title em { font-style:normal; color:var(--bs-sitePrimary-color); }
.ab-para { font-size:15px; color:#4b5563; line-height:1.8; margin-bottom:14px; }

/* ── ABOUT SPLIT ── */
.ab-about { padding: 50px 0 50px; background:#fff; /* min-height: 670px; */}
.ab-about-grid { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; }
.ab-about-visual { position:relative; }
.ab-about-img-stack { position:relative; padding-bottom:80px; }
.ab-img-main { border-radius:18px; overflow:hidden; box-shadow:0 24px 50px rgba(21,41,138,.15); }
.ab-img-main img { width:100%; display:block; object-fit:cover; max-height:400px; }
.ab-img-sub { position:absolute; bottom:0; right:-30px; width:55%; border-radius:14px; overflow:hidden; border:4px solid #fff; box-shadow:0 16px 36px rgba(0,0,0,.12); }
.ab-img-sub img { width:100%; display:block; object-fit:cover; max-height:180px; }
.ab-year-badge { position:absolute; top:24px; left:-18px; background:var(--bs-sitePrimary-color); color:#fff; border-radius:14px; padding:14px 18px; text-align:center; box-shadow:0 8px 20px rgba(21,41,138,.35); }
.ab-year-badge span { display:block; font-size:11px; font-weight:600; opacity:.8; letter-spacing:.5px; }
.ab-year-badge strong { display:block; font-size:26px; font-weight:900; line-height:1; }
.ab-check-list { display:flex; flex-direction:column; gap:10px; margin:22px 0 30px; }
.ab-check-item { display:flex; align-items:center; gap:10px; font-size:14px; color:#374151; font-weight:600; }
.ab-check-item svg { color:var(--bs-sitePrimary-color); flex-shrink:0; background:#eef1fb; border-radius:50%; padding:3px; width:22px; height:22px; }

/* ── RESPONSIVE ── */
@media (max-width:991px) {
  .ab-about-grid { grid-template-columns:1fr; }
  .ab-about-img-stack { padding-bottom:0px; }
  .ab-img-sub { right:-10px; }
}
@media (max-width:767px) {
  .ab-sec-title { font-size:22px; }
  .ab-img-sub { display:none; }
  .ab-about-img-stack { padding-bottom:0; }
  .ab-about-grid{gap: 35px;}
}

/* ── ABOUT: Float Stat Card ── */
.ab-float-stat { position:absolute; bottom:32px; right:-20px; background:#fff; border-radius:14px; padding:14px 22px; box-shadow:0 10px 30px rgba(0,0,0,.13); text-align:center; min-width:148px; z-index:2; }
.ab-float-stat strong { display:block; font-size:28px; font-weight:900; color:var(--bs-sitePrimary-color); line-height:1; }
.ab-float-stat span { display:block; font-size:11px; font-weight:600; color:#6b7280; letter-spacing:.5px; margin-top:4px; }

/* ── ABOUT: CTA Buttons ── */
.ab-cta-row { display:flex; gap:14px; align-items:center; flex-wrap:wrap; margin-top:6px; }
.ab-btn-primary { display:inline-flex; align-items:center; gap:8px; background:var(--bs-sitePrimary-color); color:#fff; padding:13px 26px; border-radius:8px; font-weight:700; font-size:14px; text-decoration:none; transition:background .2s,transform .15s; }
.ab-btn-primary:hover { background:#0f1d6e; color:#fff; transform:translateY(-1px); }
.ab-btn-outline { display:inline-flex; align-items:center; gap:6px; border:2px solid var(--bs-sitePrimary-color); color:var(--bs-sitePrimary-color); padding:11px 22px; border-radius:8px; font-weight:700; font-size:14px; text-decoration:none; transition:all .2s; }
.ab-btn-outline:hover { background:var(--bs-sitePrimary-color); color:#fff; }

/* ── ABOUT: Stats Row ── */
.ab-stats-row { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-top:50px; padding-top:40px; border-top:1px solid #e5e7eb; }
.ab-stat-card { text-align:center; padding:28px 16px; background:#f4f6ff; border-radius:16px; border:1px solid #e0e6f8; transition:box-shadow .2s,transform .2s; }
.ab-stat-card:hover { box-shadow:0 10px 28px rgba(21,41,138,.1); transform:translateY(-2px); }
.ab-stat-card strong { display:block; font-size:34px; font-weight:900; color:var(--bs-sitePrimary-color); line-height:1; margin-bottom:8px; }
.ab-stat-card span { font-size:13px; color:#6b7280; font-weight:600; }

@media (max-width:767px) {
  .ab-stats-row { grid-template-columns:repeat(2,1fr); }
  .ab-float-stat { right:0; bottom:5px; }
  .ab-cta-row { flex-direction:column; align-items:flex-start; }
}

/* ══════════════════════════════════════════
   HOW IT WORKS  hiw-*
══════════════════════════════════════════ */
.hiw-section { padding:70px 0; background:#f4f6ff; }
.hiw-header { text-align:center; max-width:560px; margin:0 auto 50px; }
.hiw-steps { display:grid; grid-template-columns:repeat(5,1fr); gap:22px; position:relative; }
.hiw-steps::before { content:''; position:absolute; top:37px; left:calc(10% + 36px); right:calc(10% + 36px); height:2px; background:linear-gradient(90deg,transparent,var(--bs-sitePrimary-color),transparent); z-index:0; pointer-events:none; }
.hiw-step { text-align:center; position:relative; z-index:1; }
.hiw-num { font-size:10px; font-weight:800; color:var(--bs-sitePrimary-color); letter-spacing:2px; text-transform:uppercase; margin-bottom:10px; }
.hiw-icon-wrap { width:74px; height:74px; background:#fff; border-radius:50%; border:2px solid var(--bs-sitePrimary-color); display:flex; align-items:center; justify-content:center; margin:0 auto 16px; box-shadow:0 4px 18px rgba(21,41,138,.12); transition:background .25s,box-shadow .25s; }
.hiw-step:hover .hiw-icon-wrap { background:var(--bs-sitePrimary-color); box-shadow:0 8px 24px rgba(21,41,138,.28); }
.hiw-icon-wrap svg { color:var(--bs-sitePrimary-color); transition:color .25s; }
.hiw-step:hover .hiw-icon-wrap svg { color:#fff; }
.hiw-step h4 { font-size:14px; font-weight:800; color:#0f1b3d; margin-bottom:8px; }
.hiw-step p { font-size:12.5px; color:#6b7280; line-height:1.65; }
.hiw-cta { text-align:center; margin-top:44px; }

@media (max-width:991px) {
  .hiw-steps { grid-template-columns:repeat(3,1fr); }
  .hiw-steps::before { display:none; }
}
@media (max-width:600px) {
  .hiw-steps { grid-template-columns:1fr 1fr; }
  .hiw-section { padding:50px 0; }
}

/* ══════════════════════════════════════════
   HOW TO BUY  htb-*
══════════════════════════════════════════ */

.htb-section { padding:90px 0 86px; background:#f7f9fc; position:relative; overflow:hidden; }
.htb-section::before { content:''; position:absolute; inset:0; background-image:radial-gradient(circle, rgba(21,41,138,.055) 1px, transparent 1px); background-size:26px 26px; pointer-events:none; z-index:0; }
.htb-section .htb-header { text-align:center; max-width:560px; margin:0 auto 72px; position:relative; z-index:1; }
.htb-section .htb-title { font-size:38px; font-weight:900; color:#0f1b3d; line-height:1.18; margin:6px 0 10px; }
.htb-section .htb-title em { font-style:normal; color:var(--bs-sitePrimary-color); }
.htb-section .htb-subtitle { font-size:15px; color:#6b7280; margin:0; }
.htb-section .htb-timeline { position:relative; max-width:980px; margin:0 auto; z-index:1; }
.htb-section .htb-timeline::before { content:''; position:absolute; top:0; bottom:0; left:50%; width:2px; background:linear-gradient(180deg, transparent 0%, rgba(21,41,138,.25) 5%, rgba(21,41,138,.5) 20%, var(--bs-sitePrimary-color) 50%, rgba(21,41,138,.5) 80%, rgba(21,41,138,.25) 95%, transparent 100%); transform:translateX(-50%); z-index:0; }
.htb-section .htb-dot { position:absolute; left:50%; top:0; transform:translate(-50%,-50%); width:18px; height:18px; background:#fff; border:3px solid var(--bs-sitePrimary-color); border-radius:50%; z-index:4; pointer-events:none; box-shadow:0 0 0 5px rgba(21,41,138,.18), 0 0 20px rgba(21,41,138,.45); transition:top .12s linear; }
.htb-section .htb-dot::after { content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:32px; height:32px; border-radius:50%; background:rgba(21,41,138,.18); animation:htbPulse 1.6s ease-out infinite; }
@keyframes htbPulse { 0% { transform:translate(-50%,-50%) scale(1); opacity:.9; } 100% { transform:translate(-50%,-50%) scale(2.8); opacity:0; } }
.htb-section .htb-step { display:grid; grid-template-columns:1fr 90px 1fr; column-gap:50px; align-items:center; padding:48px 0; position:relative; }
.htb-section .htb-step + .htb-step::before { content:''; position:absolute; top:0; left:10%; right:10%; height:1px; background:linear-gradient(90deg, transparent, rgba(21,41,138,.1), transparent); }
.htb-section .htb-visual { grid-column:1; grid-row:1; }
.htb-section .htb-mid { grid-column:2; grid-row:1; display:flex; justify-content:center; align-items:center; position:relative; z-index:2; }
.htb-section .htb-text { grid-column:3; grid-row:1; }
.htb-section .htb-step:nth-child(even) .htb-visual { grid-column:3; }
.htb-section .htb-step:nth-child(even) .htb-text { grid-column:1; }
.htb-section .htb-step:nth-child(even) .htb-text-card { text-align:right; }
.htb-section .htb-num-wrap { position:relative; display:flex; align-items:center; justify-content:center; width:68px; height:68px; }
.htb-section .htb-num-wrap::before { content:''; position:absolute; inset:0; border-radius:50%; border:2px solid rgba(21,41,138,.2); animation:htbRingPulse 2.4s ease-in-out infinite; }
@keyframes htbRingPulse { 0%,100% { transform:scale(1); opacity:.6; } 50% { transform:scale(1.18); opacity:.2; } }
.htb-section .htb-num { width:54px; height:54px; background:var(--bs-sitePrimary-color); border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; font-size:20px; font-weight:900; box-shadow:0 6px 22px rgba(21,41,138,.4); border:3px solid #fff; line-height:1; flex-shrink:0; position:relative; z-index:1; }
.htb-section .htb-icon-box { width:100%; min-height:250px; border-radius:26px; display:flex; align-items:center; justify-content:center; position:relative; overflow:hidden; box-shadow:0 12px 40px rgba(0,0,0,.09); transition:transform .32s ease, box-shadow .32s ease; }
.htb-section .htb-step:hover .htb-icon-box { transform:translateY(-6px); box-shadow:0 22px 55px rgba(0,0,0,.14); }
.htb-section .htb-icon-box::before { content:''; position:absolute; width:260px; height:260px; border-radius:50%; background:rgba(255,255,255,.28); top:-60px; right:-60px; pointer-events:none; }
.htb-section .htb-icon-box::after { content:''; position:absolute; width:130px; height:130px; border-radius:50%; background:rgba(255,255,255,.16); bottom:-25px; left:-25px; pointer-events:none; }
.htb-section .htb-icon-box svg { position:relative; z-index:1; }
.htb-section .htb-ib-1 { background:linear-gradient(135deg, #eaedfc 0%, #cdd6f8 100%); color:#15298A; }
.htb-section .htb-ib-2 { background:linear-gradient(135deg, #dcf3ff 0%, #b2e2fa 100%); color:#0077b6; }
.htb-section .htb-ib-3 { background:linear-gradient(135deg, #edeafd 0%, #d6cffb 100%); color:#5046e5; }
.htb-section .htb-ib-4 { background:linear-gradient(135deg, #e3f6ee 0%, #c5edda 100%); color:#1a7c4f; }
.htb-section .htb-ib-5 { background:linear-gradient(135deg, #fff2e5 0%, #ffd9a8 100%); color:#b85c00; }
.htb-section .htb-text-card { border-radius:20px; padding:30px 32px; transition:box-shadow .28s; }
.htb-section .htb-step:hover .htb-text-card { box-shadow:0 10px 36px rgba(21,41,138,.12); }
.htb-section .htb-step-label { display:inline-block; font-size:10px; font-weight:800; letter-spacing:2.5px; text-transform:uppercase; color:var(--bs-sitePrimary-color); background:#eef1fb; border-radius:20px; padding:4px 12px; margin-bottom:12px; }
.htb-section .htb-text-card h3 { font-size:21px; font-weight:800; color:#0f1b3d; margin:0 0 10px; line-height:1.3; }
.htb-section .htb-text-card p { font-size:14px; color:#6b7280; line-height:1.8; margin:0; }
@media (max-width:991px) { .htb-section .htb-timeline::before, .htb-section .htb-dot { display:none; } .htb-section .htb-step { grid-template-columns:1fr; padding:28px 0; column-gap:0; row-gap:22px; } .htb-section .htb-visual,.htb-section .htb-mid,.htb-section .htb-text,.htb-section .htb-step:nth-child(even) .htb-visual,.htb-section .htb-step:nth-child(even) .htb-text { grid-column:1; grid-row:auto; } .htb-section .htb-step:nth-child(even) .htb-text-card { text-align:left; } .htb-section .htb-mid { justify-content:center; } .htb-section .htb-icon-box { min-height:180px; } .htb-section .htb-step + .htb-step::before { display:none; } }
@media (max-width:767px) { .htb-section { padding:56px 0; } .htb-section .htb-title { font-size:26px; } .htb-section .htb-header { margin-bottom:44px; } .htb-section .htb-text-card { padding:22px 20px; } .htb-section .htb-text-card h3 { font-size:18px; } .htb-section .htb-icon-box { min-height:155px; } }

/* ══════════════════════════════════════════
   FAQ HOME  faq-*
══════════════════════════════════════════ */
/* .faq-section-home — Light gradient section wrapper (home page only) */
.faq-section-home { display:block; position:relative; overflow:hidden; padding:90px 0; background:linear-gradient(145deg, #f0f4ff 0%, #eaf0fb 45%, #f7f9fc 100%); }
/* .faq-section-home::before — Subtle dot-grid background texture */
.faq-section-home::before { content:''; position:absolute; inset:0; background-image:radial-gradient(circle, rgba(21,41,138,.04) 1px, transparent 1px); background-size:28px 28px; pointer-events:none; z-index:0; }

/* .faq-shape — Base class for all animated decorative shapes */
.faq-section-home .faq-shape { position:absolute; pointer-events:none; z-index:0; border-radius:50%; }
/* .faq-shape-blob1 — Large floating glow blob (top-left) */
.faq-section-home .faq-shape-blob1 { width:560px; height:560px; top:-180px; left:-140px; background:radial-gradient(circle at 38% 38%, rgba(21,41,138,.09) 0%, rgba(21,41,138,.03) 50%, transparent 70%); animation:faqFloat1 9s ease-in-out infinite; }
/* .faq-shape-blob2 — Medium glow blob (bottom-right) */
.faq-section-home .faq-shape-blob2 { width:420px; height:420px; bottom:-110px; right:-90px; background:radial-gradient(circle at 62% 62%, rgba(123,153,232,.12) 0%, transparent 65%); animation:faqFloat2 11s ease-in-out infinite; }
/* .faq-shape-blob3 — Small accent glow blob (center-right area) */
.faq-section-home .faq-shape-blob3 { width:220px; height:220px; top:42%; right:22%; background:radial-gradient(circle, rgba(21,41,138,.06) 0%, transparent 70%); animation:faqFloat3 13s ease-in-out infinite; }
/* .faq-shape-ring1 — Large spinning ring (top-right) */
.faq-section-home .faq-shape-ring1 { width:320px; height:320px; top:5%; right:4%; border:1.5px solid rgba(21,41,138,.09); background:none; animation:faqSpin1 20s linear infinite; }
/* .faq-shape-ring2 — Small dashed spinning ring (bottom-left) */
.faq-section-home .faq-shape-ring2 { width:160px; height:160px; bottom:10%; left:8%; border:1.5px dashed rgba(123,153,232,.18); background:none; animation:faqSpin1 15s linear infinite reverse; }
/* .faq-shape-dots — Floating dot-grid patch (upper-left) */
.faq-section-home .faq-shape-dots { width:190px; height:190px; top:18%; left:3%; background-image:radial-gradient(circle, rgba(21,41,138,.16) 1.5px, transparent 1.5px); background-size:14px 14px; background-color:transparent; border-radius:0; animation:faqFloat2 10s ease-in-out infinite; opacity:.45; }

@keyframes faqFloat1 { 0%,100% { transform:translateY(0) scale(1); } 50% { transform:translateY(-24px) scale(1.05); } }
@keyframes faqFloat2 { 0%,100% { transform:translateY(0) scale(1); } 50% { transform:translateY(20px) scale(.96); } }
@keyframes faqFloat3 { 0%,100% { transform:translate(0,0); } 33% { transform:translate(14px,-12px); } 66% { transform:translate(-10px,16px); } }
@keyframes faqSpin1 { to { transform:rotate(360deg); } }

/* .faq-container — Container with z-index above shapes */
.faq-section-home .faq-container { position:relative; z-index:1; }
/* .faq-header — Centered heading block */
.faq-section-home .faq-header { text-align:center; max-width:540px; margin:0 auto 56px; }
/* .faq-title — Main heading */
.faq-section-home .faq-title { font-size:38px; font-weight:900; color:#0f1b3d; margin:6px 0 10px; line-height:1.18; }
/* .faq-title em — Accented word in heading */
.faq-section-home .faq-title em { font-style:normal; color:var(--bs-sitePrimary-color); }
/* .faq-subtitle — Subtitle below heading */
.faq-section-home .faq-subtitle { font-size:15px; color:#6b7280; margin:0; }

/* .faq-body — 2-column grid: aside card | accordion */
.faq-section-home .faq-body { display:grid; grid-template-columns:300px 1fr; gap:32px; align-items:stretch; }

/* .faq-aside — Left column wrapper (full height) */
.faq-section-home .faq-aside { display:flex; flex-direction:column; height:100%; }
/* .faq-aside-card — Navy card that stretches to full accordion height */
.faq-section-home .faq-aside-card { flex:1; background:linear-gradient(160deg, var(--bs-sitePrimary-color) 0%, #0c1f72 100%); border-radius:24px; padding:36px 28px; display:flex; flex-direction:column; box-shadow:0 24px 60px rgba(21,41,138,.30); position:relative; overflow:hidden; }
/* .faq-aside-card::before — Inner shimmer glow at top of card */
.faq-section-home .faq-aside-card::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg, transparent, rgba(255,255,255,.5), transparent); }
/* .faq-aside-card::after — Decorative large circle inside card */
.faq-section-home .faq-aside-card::after { content:''; position:absolute; width:320px; height:320px; border-radius:50%; border:1.5px solid rgba(255,255,255,.08); bottom:-80px; right:-80px; pointer-events:none; }
/* .faq-aside-top — Top content group (icon + title + description) */
.faq-section-home .faq-aside-top { margin-bottom:28px; }
/* .faq-aside-icon — White-tinted circle icon at top of card */
.faq-section-home .faq-aside-icon { width:68px; height:68px; background:rgba(255,255,255,.14); border-radius:50%; display:flex; align-items:center; justify-content:center; margin-bottom:18px; color:#fff; border:1.5px solid rgba(255,255,255,.22); }
/* .faq-aside-card h4 — Card heading */
.faq-section-home .faq-aside-card h4 { font-size:20px; font-weight:800; color:#fff; margin:0 0 10px; line-height:1.25; }
/* .faq-aside-card p — Card description */
.faq-section-home .faq-aside-card p { font-size:13.5px; color:rgba(255,255,255,.72); margin:0; line-height:1.75; }

/* .faq-feature-list — List of support features (grows + spreads evenly to fill card) */
.faq-section-home .faq-feature-list { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:0; flex:1; justify-content:space-between; }
/* .faq-feature-list li — Single feature row (flex:1 so each row fills equal height) */
.faq-section-home .faq-feature-list li { display:flex; align-items:center; gap:12px; padding:12px 14px; background:rgba(255,255,255,.08); border-radius:12px; border:1px solid rgba(255,255,255,.10); flex:1; margin-bottom:10px; }
.faq-section-home .faq-feature-list li:last-child { margin-bottom:0; }
/* .faq-feat-icon — Feature icon circle */
.faq-section-home .faq-feat-icon { flex-shrink:0; width:34px; height:34px; background:rgba(255,255,255,.15); border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; margin-top:1px; }
/* .faq-feature-list li div — Text wrapper inside feature row */
.faq-section-home .faq-feature-list li div { display:flex; flex-direction:column; gap:2px; }
/* .faq-feature-list li strong — Feature title */
.faq-section-home .faq-feature-list li strong { font-size:13px; font-weight:700; color:#fff; line-height:1.3; }
/* .faq-feature-list li span — Feature subtitle */
.faq-section-home .faq-feature-list li span { font-size:11.5px; color:rgba(255,255,255,.60); line-height:1.4; }

/* .faq-aside-footer — Button pinned to bottom of card */
.faq-section-home .faq-aside-footer { margin-top:24px; position:relative; z-index:1; }
/* .faq-contact-btn — White CTA button at bottom of aside card */
.faq-section-home .faq-contact-btn { display:flex; align-items:center; justify-content:center; gap:8px; background:#fff; color:var(--bs-sitePrimary-color); font-weight:800; font-size:14px; padding:14px 20px; border-radius:12px; text-decoration:none; transition:all .22s; box-shadow:0 4px 18px rgba(0,0,0,.15); }
/* .faq-contact-btn:hover — Lift and brighten button on hover */
.faq-section-home .faq-contact-btn:hover { background:#e8eeff; transform:translateY(-2px); box-shadow:0 10px 28px rgba(0,0,0,.20); }

/* .faq-list — Stack of accordion items */
.faq-section-home .faq-list { display:flex; flex-direction:column; gap:10px; }
/* .faq-item — Single accordion card */
.faq-section-home .faq-item { background:#fff; border-radius:16px; border:1.5px solid rgba(21,41,138,.08); overflow:hidden; box-shadow:0 2px 14px rgba(21,41,138,.05); transition:box-shadow .25s, border-color .25s; }
/* .faq-item:hover — Elevate card on hover */
.faq-section-home .faq-item:hover { box-shadow:0 6px 28px rgba(21,41,138,.10); border-color:rgba(21,41,138,.16); }
/* .faq-item.faq-open — Active open accordion card */
.faq-section-home .faq-item.faq-open { border-color:var(--bs-sitePrimary-color); box-shadow:0 8px 34px rgba(21,41,138,.13); }
/* .faq-q — Accordion trigger button */
.faq-section-home .faq-q { width:100%; background:none; border:none; padding:18px 20px; display:flex; align-items:center; gap:14px; color:#0f1b3d; font-size:15px; font-weight:700; text-align:left; cursor:pointer; line-height:1.45; }
/* .faq-num — "01 02..." step number badge */
.faq-section-home .faq-num { flex-shrink:0; font-size:12px; font-weight:900; color:var(--bs-sitePrimary-color); background:#eef1fb; border-radius:8px; padding:4px 9px; letter-spacing:.5px; }
/* .faq-item.faq-open .faq-num — Active number badge fills navy */
.faq-section-home .faq-item.faq-open .faq-num { background:var(--bs-sitePrimary-color); color:#fff; }
/* .faq-q-text — Question text (grows to fill space) */
.faq-section-home .faq-q-text { flex:1; }
/* .faq-q:hover .faq-q-text — Tint text on hover */
.faq-section-home .faq-q:hover .faq-q-text { color:var(--bs-sitePrimary-color); }
/* .faq-item.faq-open .faq-q-text — Active question text color */
.faq-section-home .faq-item.faq-open .faq-q-text { color:var(--bs-sitePrimary-color); }
/* .faq-icon-wrap — Chevron circle toggle button */
.faq-section-home .faq-icon-wrap { flex-shrink:0; width:32px; height:32px; border-radius:50%; background:#f0f3fb; display:flex; align-items:center; justify-content:center; transition:background .22s; }
/* .faq-item.faq-open .faq-icon-wrap — Fill chevron circle when open */
.faq-section-home .faq-item.faq-open .faq-icon-wrap { background:var(--bs-sitePrimary-color); }
/* .faq-chevron — Chevron icon inside toggle */
.faq-section-home .faq-chevron { color:var(--bs-sitePrimary-color); transition:transform .28s ease; }
/* .faq-item.faq-open .faq-chevron — Rotate and recolor chevron when open */
.faq-section-home .faq-item.faq-open .faq-chevron { transform:rotate(180deg); color:#fff; }
/* .faq-a — Collapsible answer panel */
.faq-section-home .faq-a { max-height:0; overflow:hidden; transition:max-height .38s ease; }
/* .faq-item.faq-open .faq-a — Expand answer panel */
.faq-section-home .faq-item.faq-open .faq-a { max-height:320px; }
/* .faq-a p — Answer text */
.faq-section-home .faq-a p { color:#6b7280; font-size:14px; line-height:1.85; margin:0; padding:14px 20px 20px; border-top:1px solid rgba(21,41,138,.07); }

/* ── Responsive: Tablet (max-width 991px) ── */
@media (max-width:991px) { .faq-section-home .faq-body { grid-template-columns:1fr; } .faq-section-home .faq-aside { order:2; } .faq-section-home .faq-aside-card { flex-direction:row; flex-wrap:wrap; gap:16px; padding:24px 22px; } .faq-section-home .faq-aside-top { flex:1; min-width:200px; margin-bottom:0; } .faq-section-home .faq-aside-icon { width:52px; height:52px; margin-bottom:12px; } .faq-section-home .faq-feature-list { flex-direction:row; flex-wrap:wrap; } .faq-section-home .faq-feature-list li { flex:1; min-width:140px; } .faq-section-home .faq-aside-footer { width:100%; } }
/* ── Responsive: Mobile (max-width 767px) ── */
@media (max-width:767px) { .faq-section-home { padding:56px 0; } .faq-section-home .faq-title { font-size:26px; } .faq-section-home .faq-header { margin-bottom:38px; } .faq-section-home .faq-aside-card { flex-direction:column; } .faq-section-home .faq-feature-list { flex-direction:column; } .faq-section-home .faq-feature-list li { min-width:unset; } .faq-section-home .faq-q { font-size:14px; padding:14px 16px; } .faq-section-home .faq-a p { padding:12px 16px 16px; } }

/* ══════════════════════════════════════════
   REGISTER CTA  reg-*
══════════════════════════════════════════ */

.reg-cta-section { padding:90px 0; background:linear-gradient(140deg, #071020 0%, #0d1f4a 40%, #15298A 100%); position:relative; overflow:hidden; }
.reg-cta-section .reg-bg-shape { position:absolute; pointer-events:none; z-index:0; }
.reg-cta-section .reg-bg-circle-1 { width:700px; height:700px; top:-260px; right:-180px; background:radial-gradient(circle at 40% 40%, rgba(123,153,232,.22) 0%, rgba(21,41,138,.08) 45%, transparent 70%); border-radius:50%; filter:blur(4px); }
.reg-cta-section .reg-bg-circle-2 { width:400px; height:400px; bottom:-160px; left:-80px; background:radial-gradient(circle at 60% 60%, rgba(255,255,255,.06) 0%, transparent 68%); border-radius:50%; }
.reg-cta-section .reg-bg-circle-3 { width:220px; height:220px; top:35%; left:8%; background:radial-gradient(circle, rgba(123,153,232,.1) 0%, transparent 70%); border-radius:50%; }
.reg-cta-section .reg-bg-ring-1 { width:380px; height:380px; top:50%; right:-60px; transform:translateY(-50%); border:1.5px solid rgba(123,153,232,.15); border-radius:50%; }
.reg-cta-section .reg-bg-ring-2 { width:220px; height:220px; top:12%; left:28%; border:1px solid rgba(255,255,255,.07); border-radius:50%; }
.reg-cta-section .reg-bg-ring-3 { width:120px; height:120px; bottom:12%; right:12%; border:1.5px dashed rgba(123,153,232,.2); border-radius:50%; }
.reg-cta-section .reg-bg-dots { width:200px; height:200px; bottom:8%; right:5%; background-image:radial-gradient(circle, rgba(255,255,255,.2) 1.5px, transparent 1.5px); background-size:15px 15px; opacity:.4; }
.reg-cta-section .reg-bg-line-1 { width:2px; height:340px; top:-40px; left:18%; background:linear-gradient(180deg, transparent, rgba(123,153,232,.25), transparent); transform:rotate(30deg); transform-origin:top center; }
.reg-cta-section .reg-bg-line-2 { width:2px; height:260px; bottom:-30px; right:28%; background:linear-gradient(180deg, transparent, rgba(255,255,255,.12), transparent); transform:rotate(-25deg); transform-origin:bottom center; }
.reg-cta-section .reg-cta-grid { display:grid; grid-template-columns:1fr 1.15fr 1fr; gap:28px; align-items:center; position:relative; z-index:1; }
.reg-cta-section .reg-center-col { display:flex; flex-direction:column; }
.reg-cta-section .reg-cta-header { text-align:center; margin-bottom:20px; position:relative; z-index:1; }
.reg-cta-section .reg-eyebrow { color:#7b99e8 !important; }
.reg-cta-section .reg-cta-title { font-size:26px; font-weight:900; color:#fff; line-height:1.22; margin:6px 0 0; }
.reg-cta-section .reg-cta-title em { font-style:normal; color:#7b99e8; }
.reg-cta-section .reg-cta-desc { color:#8fa3c8; font-size:14px; line-height:1.75; margin:0; }
.reg-cta-section .reg-side-col { display:flex; flex-direction:column; gap:18px; }
.reg-cta-section .reg-side-card { background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1); border-radius:20px; padding:26px 20px; text-align:center; display:flex; flex-direction:column; align-items:center; gap:12px; transition:background .22s,border-color .22s,transform .22s; }
.reg-cta-section .reg-side-card:hover { background:rgba(123,153,232,.13); border-color:rgba(123,153,232,.38); transform:translateY(-3px); }
.reg-cta-section .reg-side-icon { display:flex; align-items:center; justify-content:center; width:46px; height:46px; background:rgba(123,153,232,.2); border-radius:50%; border:1.5px solid rgba(123,153,232,.35); }
.reg-cta-section .reg-side-icon svg { color:#7b99e8; width:18px; height:18px; }
.reg-cta-section .reg-side-card h5 { font-size:14px; font-weight:800; color:#fff; margin:0; line-height:1.3; }
.reg-cta-section .reg-side-card p { font-size:12.5px; color:#8fa3c8; margin:0; line-height:1.55; }
.reg-cta-section .reg-form-card { background:rgba(255,255,255,.06); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); border:1px solid rgba(255,255,255,.14); border-radius:28px; padding:40px 36px; position:relative; overflow:hidden; box-shadow:0 30px 70px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.12); }
.reg-cta-section .reg-form-card::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg, transparent 0%, #7b99e8 30%, #fff 50%, #7b99e8 70%, transparent 100%); border-radius:28px 28px 0 0; }
.reg-cta-section .reg-form-card::after { content:''; position:absolute; top:-60%; left:-30%; width:160%; height:120%; background:radial-gradient(ellipse at 50% 0%, rgba(123,153,232,.1) 0%, transparent 60%); pointer-events:none; }
.reg-cta-section .reg-form-header { position:relative; z-index:1; }
.reg-cta-section .reg-form-header h3 { font-size:23px; font-weight:800; color:#fff; margin:0 0 6px; }
.reg-cta-section .reg-form-header p { color:#8fa3c8; font-size:13.5px; margin:0 0 26px; }
.reg-cta-section .reg-trust-badges { display:flex; gap:14px; margin-bottom:28px; flex-wrap:wrap; position:relative; z-index:1; }
.reg-cta-section .reg-trust-item { display:flex; align-items:center; gap:7px; color:#8fa3c8; font-size:12px; font-weight:600; background:rgba(255,255,255,.05); padding:6px 12px; border-radius:20px; border:1px solid rgba(255,255,255,.08); }
.reg-cta-section .reg-trust-item svg { color:#7b99e8; flex-shrink:0; }
.reg-cta-section .reg-full-btn { display:flex; align-items:center; justify-content:center; gap:9px; background:linear-gradient(135deg, #fff 0%, #e8eeff 100%); color:var(--bs-sitePrimary-color); padding:16px; border-radius:12px; font-weight:800; font-size:15px; text-decoration:none; transition:all .25s; margin-bottom:14px; position:relative; z-index:1; box-shadow:0 4px 20px rgba(255,255,255,.15); }
.reg-cta-section .reg-full-btn:hover { background:linear-gradient(135deg, #f0f4ff 0%, #dce6ff 100%); color:#0f1d6e; transform:translateY(-2px); box-shadow:0 8px 28px rgba(255,255,255,.22); }
.reg-cta-section .reg-full-btn svg { flex-shrink:0; }
.reg-cta-section .reg-divider { text-align:center; position:relative; margin:16px 0; color:#3d5070; font-size:11px; font-weight:700; letter-spacing:1px; text-transform:uppercase; z-index:1; }
.reg-cta-section .reg-divider::before { content:''; position:absolute; top:50%; left:0; width:40%; height:1px; background:rgba(255,255,255,.08); }
.reg-cta-section .reg-divider::after { content:''; position:absolute; top:50%; right:0; width:40%; height:1px; background:rgba(255,255,255,.08); }
.reg-cta-section .reg-auction-btn { display:block; text-align:center; border:1.5px solid rgba(255,255,255,.18); color:#a0b4cc; padding:14px; border-radius:12px; font-weight:700; font-size:14px; text-decoration:none; transition:all .22s; margin-bottom:20px; position:relative; z-index:1; background:rgba(255,255,255,.03); }
.reg-cta-section .reg-auction-btn:hover { border-color:rgba(123,153,232,.6); color:#fff; background:rgba(123,153,232,.1); }
.reg-cta-section .reg-login-link { text-align:center; color:#4a5e78; font-size:13px; margin:0; position:relative; z-index:1; }
.reg-cta-section .reg-login-link a { color:#7b99e8; font-weight:700; text-decoration:none; }
.reg-cta-section .reg-login-link a:hover { color:#fff; }
@media (max-width:1100px) { .reg-cta-section .reg-cta-grid { grid-template-columns:1fr 1.2fr 1fr; gap:20px; } }
@media (max-width:991px) { .reg-cta-section .reg-cta-grid { grid-template-columns:1fr 1fr; gap:20px; } .reg-cta-section .reg-side-col:last-child { display:none; } .reg-cta-section .reg-cta-title { font-size:22px; } .reg-cta-section .reg-bg-circle-1 { width:400px; height:400px; top:-140px; right:-120px; } .reg-cta-section .reg-bg-ring-1 { display:none; } }
@media (max-width:767px) { .reg-cta-section { padding:60px 0; } .reg-cta-section .reg-cta-grid { grid-template-columns:1fr; gap:24px; } .reg-cta-section .reg-side-col { flex-direction:row; gap:14px;order: 2; } .reg-cta-section .reg-side-col:last-child { display:flex; } .reg-cta-section .reg-center-col{order: 1; }.reg-cta-section .reg-side-card { flex:1; } .reg-cta-section .reg-form-card { padding:28px 22px; } .reg-cta-section .reg-bg-line-1,.reg-cta-section .reg-bg-line-2 { display:none; } }

/* ===== FOOTER ft-* ===== */
.ft-footer { background:#0c1a3a; padding:60px 0 0; }
.ft-grid { display:grid; grid-template-columns:1.6fr 1fr 1fr; gap:48px; }
.ft-logo img { max-height:52px; margin-bottom:16px; }
.ft-tagline { color:#8fa3c8; font-size:13.5px; line-height:1.65; margin:0 0 22px; }
.ft-contact-list { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:11px; }
.ft-contact-list li { display:flex; align-items:flex-start; gap:10px; color:#8fa3c8; font-size:13px; line-height:1.5; }
.ft-contact-list li svg { flex-shrink:0; margin-top:2px; opacity:.8; }
.ft-contact-list li a { color:#8fa3c8; text-decoration:none; transition:color .2s; }
.ft-contact-list li a:hover { color:#fff; }
.ft-heading { color:#fff; font-size:14px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; margin:0 0 18px; padding-bottom:10px; border-bottom:2px solid rgba(255,255,255,.08); }
.ft-links { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:10px; }
.ft-links li a { color:#8fa3c8; font-size:13.5px; text-decoration:none; display:flex; align-items:center; gap:7px; transition:color .2s, padding-left .2s; }
.ft-links li a::before { content:''; width:6px; height:6px; border-radius:50%; background:var(--bs-sitePrimary-color); opacity:0; flex-shrink:0; transition:opacity .2s; }
.ft-links li a:hover { color:#fff; padding-left:4px; }
.ft-links li a:hover::before { opacity:1; }
.ft-divider { border:none; border-top:1px solid rgba(255,255,255,.08); margin:48px 0 0; }
.ft-bottom { display:flex; align-items:center; justify-content:space-between; padding:18px 0; flex-wrap:wrap; gap:8px; }
.ft-copy { color:#5d7499; font-size:12.5px; margin:0; }
.ft-powered a { color:#5d7499; font-size:12.5px; text-decoration:none; transition:color .2s; }
.ft-powered a:hover { color:#8fa3c8; }
@media(max-width:991px) { .ft-grid { grid-template-columns:1fr 1fr; } .ft-brand-col { grid-column:1/-1; } }
@media(max-width:575px) { .ft-footer { padding:40px 0 0; } .ft-grid { grid-template-columns:1fr; gap:32px; } .ft-brand-col { grid-column:auto; } .ft-bottom { flex-direction:column; text-align:center; } }

/* ===== Footer middle section override ===== */
.footer { background: #0c1a3a !important; padding: 50px 0 35px !important; }
.footerBottom { justify-content: flex-start !important; gap: 80px; flex-wrap: wrap; }
.fot_links { min-width: 160px; }
.fot_links > h3 { font-size: 13px !important; font-weight: 700 !important; text-transform: uppercase; letter-spacing: .08em; color: #fff !important; margin: 0 0 14px !important; padding-bottom: 10px; border-bottom: 2px solid rgba(255,255,255,.12); }
.fot_links > ul { list-style: none !important; padding: 0 !important; margin: 0 !important; display: flex; flex-direction: column; gap: 8px; }
.fot_links > ul > li > a { color: #8fa3c8 !important; font-size: 13.5px !important; font-weight: 500 !important; text-decoration: none !important; display: flex; align-items: center; gap: 6px; transition: color .2s, padding-left .2s; }
.fot_links > ul > li > a::before { content: '›'; color: var(--bs-sitePrimary-color); font-size: 16px; line-height: 1; }
.fot_links > ul > li > a:hover { color: #fff !important; padding-left: 3px; text-decoration: none !important; }
/* Bottom bar */
.FotSiteBottom { min-height: 46px !important; }
.FotSiteBottom .row { padding: 12px 0; }
.footerBotOtherLinks li a, .FotSiteBottom a { font-size: 13px !important; font-weight: 500 !important; opacity: .8; }
.footerBotOtherLinks li a:hover, .FotSiteBottom a:hover { opacity: 1; }
.footerBotOtherLinks li { border-right-color: rgba(255,255,255,.25) !important; }

/* ========================================================
   AUCTION TERMS PAGE
   ======================================================== */

/* ── Shared ── */
.at-eyebrow { display:block; font-size:11px; font-weight:800; letter-spacing:2.5px; text-transform:uppercase; color:var(--bs-sitePrimary-color); margin-bottom:8px; }
.at-title { font-size:30px; font-weight:900; color:#0f1b3d; line-height:1.22; margin:0 0 14px; }
.at-title em { font-style:normal; color:var(--bs-sitePrimary-color); }
.at-para { font-size:15px; color:#4b5563; line-height:1.8; margin-bottom:14px; }
.at-para a { color:var(--bs-sitePrimary-color); font-weight:700; }
.at-sec-head { text-align:center; margin-bottom:44px; }
.at-sec-sub { font-size:15px; color:#64748b; max-width:520px; margin:6px auto 0; }
.at-btn-primary { display:inline-flex; align-items:center; gap:9px; padding:13px 28px; background:var(--bs-sitePrimary-color); color:#fff; border-radius:50px; font-size:14px; font-weight:700; text-decoration:none; transition:all .25s; margin-top:8px; }
.at-btn-primary:hover { background:#0a1660; color:#fff; transform:translateY(-2px); box-shadow:0 8px 22px rgba(21,41,138,.3); }

/* ── Section heading icon ── */
.at-sec-icon { width:58px; height:58px; background:linear-gradient(135deg,var(--bs-sitePrimary-color),#1e40af); border-radius:16px; display:inline-flex; align-items:center; justify-content:center; color:#fff; margin-bottom:14px; box-shadow:0 8px 20px rgba(21,41,138,.25); }
.at-sec-icon--center { display:flex; margin:0 auto 14px; }

/* ── MEMBERSHIP ── */
.at-membership { padding:55px 0; background:#fff; }
.at-mem-grid { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; }
.at-mem-img { position:relative; }
.at-mem-img img { max-width:100%; border-radius:20px; object-fit:cover; max-height:400px; display:block; box-shadow:0 24px 60px rgba(21,41,138,.14); }
.at-mem-badge { position:absolute; top:18px; right:18px; background:var(--bs-sitePrimary-color); color:#fff; border-radius:50px; padding:9px 16px; display:flex; align-items:center; gap:7px; font-size:12px; font-weight:700; box-shadow:0 6px 18px rgba(21,41,138,.4); }
.at-mem-stats { position:absolute; bottom:0; left:0; right:0; background:rgba(15,27,61,.82); backdrop-filter:blur(8px); border-radius:0 0 20px 20px; display:flex; align-items:center; justify-content:center; padding:14px 0; gap:0; z-index:2; }
.at-mem-stat { text-align:center; flex:1; min-width:0; display:flex; flex-direction:column; align-items:center; gap:4px; }
.at-mem-stat svg { opacity:.75; margin-bottom:2px; }
.at-mem-stat strong { display:block; font-size:18px; font-weight:900; color:#fff; line-height:1; }
.at-mem-stat span { display:block; font-size:11px; color:rgba(255,255,255,.6); font-weight:500; letter-spacing:.4px; white-space:nowrap; }
.at-mem-stat-div { width:1px; height:50px; background:rgba(255,255,255,.18); flex-shrink:0; align-self:center; }
.at-mem-features { display:flex; flex-direction:column; gap:9px; margin:18px 0 24px; }
.at-mem-feature { display:flex; align-items:center; gap:10px; font-size:14px; color:#374151; font-weight:600; }
.at-mem-feature svg { color:#10b981; flex-shrink:0; background:#d1fae5; border-radius:50%; padding:2px; width:20px; height:20px; }

/* ── DEPOSIT ── */
.at-deposit { padding:64px 0; background:#f8faff; }
.at-deposit-grid { display:grid; grid-template-columns:1.1fr 1fr; gap:44px; align-items:start; }
.at-table-label { display:flex; align-items:center; gap:7px; font-size:12px; font-weight:800; color:var(--bs-sitePrimary-color); text-transform:uppercase; letter-spacing:1px; margin-bottom:10px; }
.at-table { width:100%; border-collapse:collapse; border-radius:14px; overflow:hidden; box-shadow:0 4px 24px rgba(0,0,0,.08); }
.at-table thead tr { background:linear-gradient(90deg,var(--bs-sitePrimary-color),#1e3fa8); color:#fff; }
.at-table th { padding:14px 20px; font-size:13px; font-weight:700; text-align:left; }
.at-table th svg { vertical-align:middle; margin-right:6px; opacity:.8; }
.at-table td { padding:13px 20px; font-size:14px; color:#374151; border-bottom:1px solid #e8ecf5; background:#fff; }
.at-table tbody tr:last-child td { border-bottom:none; }
.at-table tbody tr:nth-child(even) td { background:#f5f8ff; }
.at-table td strong { color:var(--bs-sitePrimary-color); font-weight:800; }
.at-table tbody tr:hover td { background:#eef1fb; }
.at-refund-note { display:flex; align-items:center; gap:7px; font-size:12px; color:#94a3b8; margin-top:12px; }

.at-refund-badge { display:flex; align-items:center; gap:16px; background:#fff; border:1px solid #d1fae5; border-left:4px solid #10b981; border-radius:14px; padding:18px 20px; margin-bottom:20px; box-shadow:0 3px 12px rgba(16,185,129,.1); }
.at-refund-icon { width:48px; height:48px; background:#d1fae5; border-radius:12px; display:flex; align-items:center; justify-content:center; color:#10b981; flex-shrink:0; }
.at-refund-badge div { display:flex; flex-direction:column; gap:3px; }
.at-refund-badge strong { font-size:15px; color:#0f1b3d; font-weight:800; }
.at-refund-badge span { font-size:12px; color:#64748b; }
.at-notes-heading { display:flex; align-items:center; gap:7px; font-size:12px; font-weight:800; color:#374151; text-transform:uppercase; letter-spacing:1px; margin:0 0 12px; }
.at-notes-heading svg { color:var(--bs-sitePrimary-color); }
.at-notes-list { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:9px; }
.at-notes-list li { display:flex; align-items:flex-start; gap:10px; font-size:14px; color:#374151; line-height:1.65; padding:12px 16px; background:#fff; border-radius:10px; border:1px solid #e8ecf5; box-shadow:0 1px 5px rgba(0,0,0,.04); }
.at-notes-list li svg { color:var(--bs-sitePrimary-color); flex-shrink:0; margin-top:3px; }

/* ── STEPS ── */
.at-steps { padding:64px 0 72px; background:#fff; }
.at-steps-row { display:grid; grid-template-columns:repeat(5,1fr); gap:0; position:relative; }
.at-steps-row::before { content:''; position:absolute; top:64px; left:10%; right:10%; height:2px; background:linear-gradient(90deg,#eef1fb,var(--bs-sitePrimary-color),#eef1fb); z-index:0; }
.at-step-item { text-align:center; padding:0 16px; position:relative; z-index:1; }
.at-step-num { font-size:11px; font-weight:900; color:var(--bs-sitePrimary-color); letter-spacing:1px; background:#eef1fb; display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; border-radius:50%; margin:0 auto 12px; border:2px solid #c7d2f8; }
.at-step-icon { width:64px; height:64px; background:var(--bs-sitePrimary-color); border-radius:50%; display:flex; align-items:center; justify-content:center; margin:0 auto 16px; color:#fff; transition:all .3s; box-shadow:0 6px 18px rgba(21,41,138,.25); border:3px solid #fff; }
.at-step-item:hover .at-step-icon { transform:translateY(-5px); box-shadow:0 12px 28px rgba(21,41,138,.35); }
.at-step-line { display:none; }
.at-step-last .at-step-icon { background:linear-gradient(135deg,#10b981,#059669); box-shadow:0 6px 18px rgba(16,185,129,.3); }
.at-step-last:hover .at-step-icon { box-shadow:0 12px 28px rgba(16,185,129,.4); }
.at-step-title { font-size:13px; font-weight:800; color:#0f1b3d; margin:0 0 7px; }
.at-step-desc { font-size:12px; color:#64748b; line-height:1.65; margin:0; }
.at-step-desc em { color:#10b981; font-weight:600; font-style:normal; }

/* ── CTA ── */
.at-cta { padding:0 0 64px; background:#fff; }
.at-cta-inner { background:linear-gradient(135deg,#0f1b3d 0%,var(--bs-sitePrimary-color) 100%); border-radius:20px; padding:36px 44px; display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap; }
.at-cta-text { display:flex; align-items:center; gap:18px; color:#fff; }
.at-cta-text svg { flex-shrink:0; opacity:.8; }
.at-cta-text strong { display:block; font-size:18px; font-weight:800; margin-bottom:4px; }
.at-cta-text span { font-size:13px; color:rgba(255,255,255,.65); }
.at-cta-btns { display:flex; gap:12px; flex-shrink:0; }
.at-cta-btn { display:inline-flex; align-items:center; gap:8px; padding:12px 26px; border-radius:50px; font-size:14px; font-weight:700; text-decoration:none; transition:all .25s; }
.at-cta-primary { background:#fff; color:var(--bs-sitePrimary-color); }
.at-cta-primary:hover { background:#f0f4ff; color:var(--bs-sitePrimary-color); transform:translateY(-2px); box-shadow:0 8px 20px rgba(0,0,0,.2); }
.at-cta-outline { background:transparent; color:#fff; border:2px solid rgba(255,255,255,.45); }
.at-cta-outline:hover { border-color:#fff; background:rgba(255,255,255,.1); color:#fff; transform:translateY(-2px); }

/* ── RESPONSIVE ── */
@media (max-width:1100px) {
  .at-steps-row { grid-template-columns:repeat(3,1fr); gap:24px; }
  .at-steps-row::before { display:none; }
}
@media (max-width:991px) {
  .at-mem-grid { grid-template-columns:1fr; gap:36px; }
  .at-deposit-grid { grid-template-columns:1fr; }
  .at-cta-inner { flex-direction:column; text-align:center; }
  .at-cta-text { flex-direction:column; }
  .at-cta-btns { justify-content:center; }
}
@media (max-width:767px) {
  .at-title { font-size:22px; }
  .at-steps-row { grid-template-columns:repeat(2,1fr); gap:20px; }
  .at-membership, .at-steps { padding:40px 0; }
  .at-deposit { padding:44px 0; }
  .at-cta-inner { padding:28px 24px; }
  .at-mem-stats { position:static; border-radius:12px; margin-top:10px; padding:12px 0; }
  .at-mem-stat strong { font-size:16px; }
  .at-mem-stat span { font-size:10px; }
  .at-mem-img img { border-radius:14px; }
  .at-sec-icon { width:50px; height:50px; border-radius:13px; }
  .at-step-icon { width:54px; height:54px; }
}