.font-size-33{font-size:33px;}

.line-hight-40{line-height:40px;}
.line-hight-32{line-height:32px;}
.line-hight-24{line-height:24px;}

.border-radius-32{border-radius: 32px;}
.border-radius-57{border-radius: 57.47px;}

.bgcard1 { background-color: #F6F3F1 !important; }
.bgcard2 { background-color: #F5F8FB !important; }
.bgcard3 { background-color: #F5F2FA !important; }

.text-blue2{color: #0C559B !important;}
.text-black2{color: #191C1E !important;}
.text-black3{color: #404752 !important;}
.text-gray{color: #5F636D !important;}

.page-wrapper { max-width: 680px;  margin: 0 auto;  background: #fff;  padding: 0 0 40px;  box-shadow: 0 2px 20px rgba(0,0,0,0.08);}
.content-section { padding: 30px 30px 10px;}
.content-block { display: flex; align-items: flex-start; gap: 20px; margin-bottom: 30px;}
.content-block.reverse { flex-direction: row-reverse;}
.content-img { width: 130px; height: 110px; object-fit: cover; border-radius: 10px; flex-shrink: 0;}

.detail-btn{background-color: #0C559B; color: #fff;}
.detail-btn:hover{background-color: #0C559B; color: #fff;}
 
.partner-card { background: #ffffff; border: 1px solid #e8eaed !important; border-radius: 16px !important; transition: box-shadow 0.2s ease;}
.partner-card:hover { box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); }
.arrow-btn { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; background: transparent; flex-shrink: 0;}
 
.nav-pills .nav-link{border-radius: 50px;padding: 12px 28px;color: #1a1a1a;background: #f1f1f1;border: none;font-size: 15px;font-weight: 600;line-height: 1;display: flex;align-items: center;justify-content: center;min-height: 48px;}
.nav-pills .nav-link.active{background: #0C559B !important;color: #fff !important;}
.nav-pills .nav-link:hover{background: #0C559B;color: #fff !important;transform: translateY(-2px);}
.filter-bar{padding-bottom: 20px;border-bottom: 1px solid #e9ecef;}
.search-box{width: 260px;}
.search-box .form-control{height: 46px;border-radius: 12px;border: 1px solid #e5e7eb;padding-left: 42px;font-size: 14px;color: #6b7280;background: #fff;}
.search-box .form-control:focus{border-color: #0C559B;box-shadow: none;}
.search-box .form-control::placeholder{color: #9ca3af;}
.search-icon{position: absolute;top: 50%;left: 16px;transform: translateY(-50%);color: #9ca3af;font-size: 14px;z-index: 2;}

.our-recentposts .post-card2{position:relative; border-radius:15px; overflow:hidden;}
.our-recentposts .post-card2 img{object-fit:cover;}
.our-recentposts .tag {position: absolute; top: 30px; left: 30px; background: #fff; padding: 7px 16px 9px; border-radius: 20px; line-height: 1;}
.our-recentposts .post-overlay {position: absolute; bottom: 25px; padding: 18px; color: #fff; background: rgba(0, 0, 0, 0.4); backdrop-filter: blur(16px); border-radius: 20px; left: 25px; right: 25px; }
.our-recentposts .arrow-btn {position: absolute; top: 30px; right: 30px; width: 38px; height: 38px; background: #0C559B; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; transform: rotate(-40deg); }
.our-recentposts .post-card2::before {content: ""; position: absolute; }

.article-sidebar { padding: 0;}
.sidebar-title { font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999999; margin-bottom: 20px;}
.sidebar-links li {  margin-bottom: 14px;}
.sidebar-links li a { font-size: 15px; font-weight: 400; color: #888888; text-decoration: none; display: block; padding-left: 18px; border-left: 3px solid transparent; transition: color 0.2s ease, border-color 0.2s ease;}
.sidebar-links li a:hover { color: #1a6fd4;}
.sidebar-links li a.active { color: #1a6fd4; font-weight: 500; border-left: 3px solid #1a6fd4;}
.side-article{margin-top: -45px !important;}

.contact-section { padding: 40px 16px 60px;}
.form-card { border-radius: 20px;}
.form-card .form-control { background-color: #fff; border: 1px solid rgba(59, 59, 51, 0.2); border-radius: 8px; font-size: 14px; box-shadow: none; margin-bottom: 12px;padding: 10px;}
.form-card .form-control:focus { border-color: #bbb; box-shadow: none;}
.form-card .form-control::placeholder { color: #3B3B33; font-size: 14px;font-family: "Instrument Sans", sans-serif; font-weight: 500; font-style: normal;}
textarea.form-control { resize: none; margin-bottom: 18px;}
.btn-submit { background-color: #2979ff; color: #fff; border: none; border-radius: 50px; padding: 12px 32px; font-size: 13px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; float: right; transition: background 0.2s; cursor: pointer; }
.btn-submit:hover { background-color: #1565e0; }
.info-card { border-radius: 20px; padding: 30px 28px 28px;}
.card-icon {margin-bottom: 20px;line-height: 1;}
.card-icon svg {width: 30px;height: 30px;}
.icon-mail {stroke: #9ca3b0;fill: none;stroke-width: 1.5;stroke-linecap: round;stroke-linejoin: round;}
.icon-pin {stroke: #b0aab8;fill: none;stroke-width: 1.5;stroke-linecap: round;stroke-linejoin: round;}

#navMenu .navbar-nav { border: 1.5px solid #e0e0e0 !important; border-radius: 50px !important; padding: 6px 16px !important; display: flex !important; align-items: center !important; gap: 4px !important; position: relative !important; list-style: none !important; }
#navMenu .navbar-nav > .menu-item > a { font-size: 15px !important;  color: #000 !important; padding: 6px 12px !important; text-decoration: none !important; display: block !important; transition: color 0.2s ease !important; white-space: nowrap !important; }
#navMenu .menu-item-has-children { position: relative !important; }
#navMenu .menu-item-has-children > a::after { content: " ❯" !important; font-size: 10px !important; color: #000 !important; display: inline-block !important; transform: rotate(90deg) !important; margin-left: 4px !important; transition: transform 0.3s ease !important; }
#navMenu .menu-item-has-children:hover > a::after { transform: rotate(-90deg) !important; }
#navMenu .sub-menu {position: absolute !important;top: calc(100% + 8px) !important;bottom: auto !important;left: 0 !important;transform: none !important;z-index: 9999 !important;background-color: #041c40 !important;border: none !important;border-radius: 8px !important;min-width: 228px !important;padding: 0 !important;overflow: visible !important;list-style: none !important;margin: 0 !important;white-space: nowrap !important;display: block !important;visibility: hidden !important;opacity: 0 !important;max-height: 0 !important;clip-path: none !important;pointer-events: none !important;transition: opacity 0.25s ease, max-height 0.3s ease, visibility 0s linear 0.3s !important;}
#navMenu .menu-item-has-children:hover > .sub-menu,
#navMenu .sub-menu:hover {visibility: visible !important;opacity: 1 !important;max-height: 500px !important;clip-path: none !important;pointer-events: auto !important;transition: opacity 0.25s ease, max-height 0.3s ease, visibility 0s linear 0s !important;}
#navMenu .sub-menu::before {content: '' !important;position: absolute !important;top: -10px !important;bottom: auto !important;left: 24px !important;transform: none !important;border-left: 10px solid transparent !important;border-right: 10px solid transparent !important;border-bottom: 10px solid #041c40 !important;border-top: none !important;filter: none !important;}
#navMenu .menu-item-has-children::after {content: '' !important;position: absolute !important;top: 100% !important;left: 0 !important;width: 100% !important;height: 14px !important;background: transparent !important;}
#navMenu .sub-menu .menu-item { display: block !important; width: 100% !important;}
#navMenu .sub-menu .menu-item a { display: block !important; background-color: transparent !important; color: #fff !important; font-size: 15px !important; font-weight: 400 !important; padding: 13px 20px !important;  border-radius: 0 !important;  margin: 0 !important; width: 100% !important; box-sizing: border-box !important; text-decoration: none !important; transition: background 0.2s ease, padding-left 0.2s ease !important; }
#navMenu .sub-menu .menu-item:first-child a:hover { border-radius: 8px 8px 0 0 !important; }
#navMenu .sub-menu .menu-item:last-child a:hover { border-radius: 0 0 8px 8px !important; }
#navMenu .sub-menu .menu-item a:hover { background-color: #bfd344 !important; color: #fff !important; padding-left: 26px !important; }

#footerMenu li a { display: inline-block !important; margin-right: 10px !important; padding: 8px 18px !important; border: 1px solid rgba(175,175,175,0.5) !important; border-radius: 50px !important; color: #0C0C0D !important; text-decoration: none !important; font-size: 14px !important; transition: 0.3s !important; }
#footerMenu li a:hover { background: #0C0C0D !important; color: #fff !important; }
#footerMenu { list-style: none !important; padding: 0 !important; margin-top: 19% !important; display: flex !important; flex-wrap: wrap !important; gap: 6px !important; }
#footerMenu li { padding: 0 !important; margin: 0 !important; }
.footer-form .wpcf7-form p { margin: 0 !important; display: flex !important; align-items: center !important; gap: 10px !important; }
.footer-form .wpcf7-email { flex: 1 !important; padding: 12px 20px !important; border: none !important; border-radius: 50px !important; background: #fff !important; font-size: 14px !important; color: #999 !important; outline: none !important; }
.footer-form input{flex:1; padding:10px 25px; border-radius:30px; outline:none; }
.footer-form button{padding:10px 20px; transition:0.3s; }
.footer-form button:hover{opacity:0.8;}
.wpcf7-submit { display: flex !important; justify-content: end !important;}
.footer-line{border-top:1px solid #ddd; margin:48px 0 44px;}

.pagination-prev a.page-numbers:not(.prev),
.pagination-prev span.page-numbers,
.pagination-next a.page-numbers:not(.next),
.pagination-next span.page-numbers 
{display: none;}
.pagination-prev a.prev,
.pagination-next a.next {
    display: inline-flex;align-items: center;text-decoration: none;color: inherit;
}
.pagination-prev:empty::before {content: '';display: inline-block;width: 32px;}


@media (max-width: 1399.98px) { 
   .font-size-19 {font-size: 16px !important;}
}

@media (max-width: 1199.98px) { 
   .font-size-19 {font-size: 16px !important;}
   .font-size-33 {font-size: 30px !important;}
   .font-size-18 {font-size: 16px !important;}
}

@media (max-width: 991.98px) { 
    .font-size-32 {font-size: 18px !important;}
    .lh-40{line-height: 30px !important;}
   .font-size-19 {font-size: 16px !important;}
   .font-size-33 {font-size: 30px !important;}
   .font-size-18 {font-size: 16px !important;}
   .sect2 p{text-align: center !important;}
   .footer-form input { width: 100%;}
   .nav-pills .nav-link{ padding: 10px 18px !important; font-size: 12px; min-height: 20px !important;}
   #footerMenu{justify-content: center !important; align-items: center !important;}
   .side-article{margin-top: 0 !important;}
   .sidebar{flex-direction: column !important;}
   #overlay {display: none;position: fixed;inset: 0;background: rgba(0,0,0,0.4);z-index: 999;}
   #mobileMenu {position: fixed;top: 0; left: 0;width: 280px;height: 100vh;background: #fff;z-index: 1000;transform: translateX(-100%);transition: transform 0.3s ease;display: flex;flex-direction: column;overflow-y: auto;}
   #mobileMenu.open {transform: translateX(0);}
   .close-btn {width: 38px; height: 38px;border-radius: 50%;border: 1px solid #ddd;background: #fff;font-size: 22px;cursor: pointer;display: flex;align-items: center;justify-content: center;}
   .mob-item { border-bottom: 1px solid #eee; }
   .mob-link {display: block;padding: 13px 4px;font-size: 16px;font-weight: 500;color: #222;text-decoration: none;background: none;border: none;cursor: pointer;text-align: left;}
   .mob-sub {display: none;background: #041c40;border-radius: 8px; margin: 0 0 8px 0;overflow: visible;box-shadow: 0 4px 12px rgba(4, 28, 64, 0.3);position: relative;}
   .mob-sub::before {content: '';position: absolute;top: -10px;left: 24px;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #041c40;}
   .mob-sub.open { display: block; }
   .mob-sub-link {display: block;padding: 12px 20px;font-size: 15px;color: #fff !important;text-decoration: none;border-bottom: 1px solid rgba(255,255,255,0.08);transition: all 0.2s ease;}
   .mob-sub-link:last-child {border-bottom: none;}
   .mob-link:hover {color: #222 !important;}
   .mob-sub-link:hover {color: #fff;background-color: #bfd344;padding-left: 24px;}
   body.menu-open { overflow: hidden; }
}

@media (max-width: 767.98px) { 
    .font-size-32 {font-size: 18px !important;}
    .lh-40{line-height: 30px !important;}
   .font-size-19 {font-size: 16px !important;}
   .sect2 p{text-align: center !important;}
   .nav-pills .nav-link{ padding: 10px 18px !important; font-size: 12px; min-height: 20px !important;}
   #footerMenu{justify-content: center !important; align-items: center !important;}
   .footer-heading, .footer-desc, .footer-bottom {text-align: center !important;}
   .side-article{margin-top: 0 !important;}
   .sidebar{flex-direction: column !important;}
   .cl-bizpromise-wrapper { margin-right: 0px !important;}
    #sliderTrack{ gap:20px; }
   #sliderTrack > *{ min-width:calc(50% - 10px); flex:0 0 calc(50% - 10px); }
   .rewards .slide-card .slide-box .rewards-logo {text-align: left !important;}
   .rewards .slide-card .slide-box{background: none !important;}
   .compare-box2{line-height: 20px !important;}
   .compare-box{line-height: 20px !important;}
    .banner-card {margin-top: 80px !important;}
   .compare-box2 .compare-box2-img{max-width: 100% !important;}
    @keyframes floatImage {
        0%{transform: translateY(0px);}
        50%{transform: translateY(0px);}
        100%{transform: translateY(0px);}
    }
}

@media (max-width: 575.98px) { 
    .font-size-32 {font-size: 18px !important;}
    .lh-40{line-height: 30px !important;}
    .font-size-19 {font-size: 16px !important;}
    .sect2 p{text-align: center !important;}
    .nav-pills .nav-link{ padding: 10px 18px !important; font-size: 12px; min-height: 20px !important;}
    #footerMenu{justify-content: center !important; align-items: center !important;}
    .footer-heading, .footer-desc, .footer-bottom {text-align: center !important;}
    .side-article{margin-top: 0 !important;}
    .sidebar{flex-direction: column !important;}
    .info-card img{height: 50px;}
    .info-card .font-size-32 {font-size: 19px;}
    #typing-text::after {height: 40% !important;}
    .cl-bizpromise-wrapper { margin-right: 0px !important;}
    .compare-box2{line-height: 20px !important;}
    .compare-box{line-height: 20px !important;}
    .banner-card {margin-top: 80px !important;}
    @keyframes floatImage {
        0%{transform: translateY(0px);}
        50%{transform: translateY(0px);}
        100%{transform: translateY(0px);}
    }
    .offer .stat-label {min-width: 170px;text-align: center;}
}