.iso-library-page{padding-bottom: 30px} .iso-library-hero{display: flex;gap: 30px;align-items: stretch;margin-top: 10px} .iso-library-hero-left,.iso-library-hero-right{background: #ffffff;border: 1px solid #e3e3e3;box-sizing: border-box} .iso-library-hero-left{flex: 1 1 68%;padding: 34px 36px} .iso-library-hero-left h2{margin-bottom: 14px;font-size: 30px;line-height: 1.2;color: #173f67;font-weight: 700} .iso-library-hero-left p{font-size: 15px;line-height: 1.8;color: #4d5f71} .iso-library-hero-right{flex: 0 0 310px;padding: 24px;display: flex;flex-direction: column;gap: 16px;justify-content: center} .iso-stat-card{border: 1px solid #e7edf2;background: #f8fbfe;padding: 18px 18px 16px} .iso-stat-card strong{display: block;font-size: 26px;line-height: 1.1;color: #0A4F68;font-weight: 700;margin-bottom: 6px} .iso-stat-card span{display: block;font-size: 13px;line-height: 1.5;color: #5f7285} .iso-library-actions{margin-top: 24px} .iso-library-actions .button{margin-right: 10px;margin-bottom: 10px;background: #0A4F68;border-color: #0A4F68;color: #fff} .iso-library-actions .button:hover{color: #0A4F68;background: #fff} .iso-library-actions .button.button-alt{background: #ffffff;color: #0A4F68;border-color: #0A4F68} .iso-library-actions .button.button-alt:hover{background: #0A4F68;color: #fff} .iso-library-actions.center{text-align: center} .iso-library-section{margin-top: 10px;margin-bottom: 45px} .iso-explore-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 24px} .iso-explore-card{display: block;border: 1px solid #e3e3e3;background: #fff;padding: 26px 24px;color: inherit;transition: all .2s ease} .iso-explore-card:hover{border-color: #c8d8e6;box-shadow: 0 8px 22px rgba(0,0,0,0.06);transform: translateY(-2px)} .iso-explore-card h3{font-size: 22px;line-height: 1.25;color: #173f67;margin-bottom: 10px} .iso-explore-card p{font-size: 14px;line-height: 1.75;color: #5d6f80} .iso-category-grid{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 18px} .iso-category-box{display: flex;align-items: center;justify-content: center;min-height: 84px;padding: 14px 16px;text-align: center;border: 1px solid #dde6ee;background: #f8fbfe;color: #173f67;font-weight: 700;transition: all .2s ease} .iso-category-box:hover{background: #0A4F68;border-color: #0A4F68;color: #fff !important} .iso-toolkit-grid{display: grid;grid-template-columns: repeat(6,minmax(0,1fr));gap: 16px} .iso-toolkit-card{display: flex;flex-direction: column;border: 1px solid #d9e3ea;background: #fff;color: inherit;transition: all .2s ease;overflow: hidden;min-width: 0} .iso-toolkit-card:hover{box-shadow: 0 8px 18px rgba(0,0,0,0.06);transform: translateY(-2px)} .iso-toolkit-thumb{height: 170px;background: #f6f8fa;overflow: hidden;display: flex;align-items: center;justify-content: center;padding: 12px;box-sizing: border-box;border-bottom: 1px solid #edf2f6} .iso-toolkit-thumb img{width: auto;height: auto;max-width: 58%;max-height: 140px;object-fit: contain;display: block;margin: 0 auto} .iso-toolkit-body{padding: 14px 12px 16px;text-align: center} .iso-toolkit-body h3{font-size: 13px;line-height: 1.4;color: #173f67;margin-bottom: 6px;min-height: 36px} .iso-toolkit-body p{font-size: 12px;line-height: 1.55;color: #5f7285;margin: 0} .iso-library-cta-box{border: 1px solid #d7e2ea;background: #f8fbfe;padding: 36px 30px;text-align: center} .iso-library-cta-box h2{font-size: 28px;line-height: 1.25;color: #173f67;margin-bottom: 10px} .iso-library-cta-box p{max-width: 760px;margin: 0 auto;font-size: 15px;line-height: 1.8;color: #5f7285} @media screen and (max-width:1190px){.iso-category-grid{grid-template-columns: repeat(4,minmax(0,1fr))} .iso-toolkit-grid{grid-template-columns: repeat(3,minmax(0,1fr))}} @media screen and (max-width:980px){.iso-library-hero{flex-direction: column} .iso-library-hero-right{flex: none} .iso-explore-grid{grid-template-columns: 1fr} .iso-category-grid{grid-template-columns: repeat(2,minmax(0,1fr))} .iso-toolkit-grid{grid-template-columns: repeat(2,minmax(0,1fr))}} @media screen and (max-width:767px){.iso-library-hero-left{padding: 24px 20px} .iso-library-hero-left h2{font-size: 24px} .iso-category-grid,.iso-toolkit-grid{grid-template-columns: 1fr} .iso-library-cta-box{padding: 26px 20px} .iso-library-cta-box h2{font-size: 24px}} .iso-articles-page {font-family: Arial,Helvetica,sans-serif;color: #00304f} .iso-articles-hero {padding: 14px 18px;margin-bottom: 18px;background: #ffffff;border-bottom: 1px solid #d9e8ef;box-sizing: border-box} .iso-articles-hero h1 {margin: 0 0 14px 0;color: #00304f;font-size: 38px;line-height: 1.18;font-weight: 700} .iso-articles-hero p {max-width: 980px;margin: 0 0 22px 0;color: #304d63;font-size: 16px;line-height: 1.65} .iso-article-points span {display: inline-block;margin: 0 20px 8px 0;color: #00304f;font-size: 14px;font-weight: 700} .iso-article-points i {color: #00a86b;margin-right: 6px} .iso-featured-article {overflow: hidden;margin-bottom: 44px;background: #f5fbfd;border-top: 5px solid #0086ad;box-sizing: border-box} .iso-featured-image {float: left;width: 46%;min-height: 340px;background: #ffffff;overflow: hidden} .iso-featured-image img {width: 100%;height: 340px;object-fit: cover;display: block} .iso-featured-content {float: right;width: 54%;padding: 42px 40px;box-sizing: border-box} .iso-tag {display: inline-block;margin-bottom: 12px;color: #0086ad;font-size: 12px;font-weight: 700;letter-spacing: 0.6px;text-transform: uppercase} .iso-featured-content h2 {margin: 0 0 14px 0;color: #00304f;font-size: 30px;line-height: 1.24;font-weight: 700} .iso-featured-content p {margin: 0 0 22px 0;color: #304d63;font-size: 15px;line-height: 1.65} .iso-article-btn {display: inline-block;padding: 12px 18px;color: #ffffff;background: #004b63;border-radius: 6px;font-size: 13px;line-height: 1.2;font-weight: 700;text-decoration: none} .iso-article-btn:hover {color: #ffffff;background: #006b8f} .iso-article-section {margin-bottom: 46px} .iso-article-intro {max-width: 930px;margin: 0 0 30px 0;color: #304d63;font-size: 15px;line-height: 1.65} .iso-article-grid {overflow: hidden} .iso-article-card {float: left;width: 370px;margin: 0 30px 32px 0;background: #f5fbfd;border-top: 5px solid #0086ad;box-sizing: border-box;overflow: hidden;min-height: 500px} .iso-article-card:nth-child(3n) {margin-right: 0} .iso-article-card.green {border-top-color: #00a86b} .iso-article-card.orange {border-top-color: #f28c28} .iso-article-card.dark {border-top-color: #004b63} .iso-article-card.purple {border-top-color: #7a5af8} .iso-article-card.teal {border-top-color: #0a5a72} .iso-article-image {height: 170px;overflow: hidden;background: #ffffff;border-bottom: 1px solid #d9e8ef} .iso-article-image img {display: block;width: 100%;height: 170px;object-fit: cover} .iso-article-body {padding: 24px} .iso-article-body h3 {margin: 0 0 12px 0;color: #00304f;font-size: 22px;line-height: 1.28;font-weight: 700} .iso-article-body p {margin: 0 0 20px 0;color: #304d63;font-size: 14px;line-height: 1.6} .iso-topic-strip {overflow: hidden;margin-top: 8px;padding: 30px 34px;background: #07384b;color: #ffffff;box-sizing: border-box} .iso-topic-strip h3 {margin: 0 0 10px 0;color: #ffffff;font-size: 24px;line-height: 1.25;font-weight: 700} .iso-topic-strip p {margin: 0;color: #d9eef5;font-size: 15px;line-height: 1.55} .iso-topic-left {float: left;width: 68%} .iso-topic-right {float: right;width: 28%;text-align: right} .iso-topic-right a {display: inline-block;padding: 14px 22px;color: #ffffff;background: #00c853;border-radius: 6px;font-weight: 700;text-decoration: none} .iso-topic-right a:hover {color: #ffffff;background: #00ae49} .iso-link-list {overflow: hidden;margin-top: 28px} .iso-link-col {float: left;width: 370px;margin-right: 30px;background: #f5fbfd;border-top: 5px solid #0086ad;padding: 26px 24px;box-sizing: border-box;min-height: 250px} .iso-link-col:nth-child(3n) {margin-right: 0} .iso-link-col h3 {margin: 0 0 18px 0;color: #00304f;font-size: 20px;font-weight: 700} .iso-link-col p {margin: 0 0 13px 0;border-bottom: 1px solid #d9e8ef;padding-bottom: 13px} .iso-link-col p:last-child {border-bottom: 0;padding-bottom: 0;margin-bottom: 0} .iso-link-col a {color: #00304f;font-weight: 700;text-decoration: none} .iso-link-col a:hover {color: #0086ad} .iso-link-col i {color: #0086ad;margin-right: 8px} @media screen and (max-width: 1190px) {.iso-article-card,.iso-link-col {width: 300px;margin-right: 20px} .iso-featured-content h2 {font-size: 27px}} @media screen and (max-width: 980px) {.iso-featured-image,.iso-featured-content {float: none;width: 100%} .iso-featured-image img {height: 300px} .iso-article-card,.iso-link-col {float: none;width: 100%;margin-right: 0} .iso-topic-left,.iso-topic-right {float: none;width: 100%;text-align: left} .iso-topic-right {margin-top: 20px}} @media screen and (max-width: 767px) {.iso-articles-hero {padding: 30px 22px} .iso-articles-hero h1 {font-size: 28px} .iso-featured-content {padding: 30px 24px} .iso-featured-content h2 {font-size: 24px} .iso-article-body h3 {font-size: 20px}} .free-sample-page {font-family: Arial,Helvetica,sans-serif;color: #00304f} .free-sample-hero {margin-bottom: 18px;padding: 22px 18px;background: linear-gradient(135deg,#07384b 0%,#0a5a72 100%);color: #ffffff;box-sizing: border-box} .free-sample-hero h1 {margin: 0 0 14px 0;color: #ffffff;font-size: 34px;line-height: 1.2;font-weight: 700} .free-sample-hero p {max-width: 850px;margin: 0 0 22px 0;color: #d9eef5;font-size: 16px;line-height: 1.65} .free-sample-points {overflow: hidden;margin-top: 18px} .free-sample-points span {display: inline-block;margin: 0 18px 8px 0;color: #ffffff;font-size: 14px;font-weight: 700} .sample-pack-section {margin-bottom: 46px} .sample-pack-section .widget-title {margin-bottom: 12px} .sample-pack-intro {max-width: 900px;margin: 0 0 30px 0;color: #304d63;font-size: 15px;line-height: 1.65} .sample-pack-grid {overflow: hidden} .sample-pack-card {float: left;width: 570px;min-height: 455px;margin: 0 30px 30px 0;background: #f5fbfd;border-top: 5px solid #0086ad;box-sizing: border-box;overflow: hidden} .sample-pack-card:nth-child(2n) {margin-right: 0} .sample-pack-card.green {border-top-color: #00a86b} .sample-pack-card.orange {border-top-color: #f28c28} .sample-pack-card.dark {border-top-color: #004b63} .sample-pack-card.purple {border-top-color: #7a5af8} .sample-pack-card.teal {border-top-color: #0a5a72} .sample-pack-top {overflow: hidden;padding: 28px 28px 20px 28px;border-bottom: 1px solid #d9e8ef;background: #ffffff} .sample-pack-image {float: left;width: 155px;margin-right: 24px;text-align: center} .sample-pack-image img {max-width: 145px;max-height: 145px;width: auto;height: auto} .sample-pack-info {overflow: hidden} .sample-pack-info span {display: inline-block;margin-bottom: 8px;color: #0086ad;font-size: 12px;font-weight: 700;letter-spacing: 0.5px;text-transform: uppercase} .sample-pack-card.green .sample-pack-info span {color: #00a86b} .sample-pack-card.orange .sample-pack-info span {color: #f28c28} .sample-pack-card.dark .sample-pack-info span {color: #004b63} .sample-pack-card.purple .sample-pack-info span {color: #7a5af8} .sample-pack-card.teal .sample-pack-info span {color: #0a5a72} .sample-pack-info h3 {margin: 0 0 10px 0;color: #00304f;font-size: 22px;line-height: 1.25;font-weight: 700} .sample-pack-info p {margin: 0;color: #304d63;font-size: 14px;line-height: 1.55} .sample-file-list {padding: 22px 28px 26px 28px} .sample-file {overflow: hidden;padding: 11px 0;border-bottom: 1px solid #d9e8ef} .sample-file:last-child {border-bottom: 0} .sample-file-name {float: left;width: 70%;color: #00304f;font-size: 14px;line-height: 1.35;font-weight: 700} .sample-file-name i {margin-right: 8px;color: #0086ad} .sample-pack-card.green .sample-file-name i {color: #00a86b} .sample-pack-card.orange .sample-file-name i {color: #f28c28} .sample-pack-card.dark .sample-file-name i {color: #004b63} .sample-pack-card.purple .sample-file-name i {color: #7a5af8} .sample-pack-card.teal .sample-file-name i {color: #0a5a72} .sample-download-btn {float: right;display: inline-block;padding: 7px 12px;color: #ffffff;background: #004b63;border-radius: 5px;font-size: 12px;line-height: 1.2;font-weight: 700;text-decoration: none} .sample-download-btn:hover {color: #ffffff;background: #006b8f} .sample-pack-footer {padding: 0 28px 28px 28px} .sample-full-btn {display: inline-block;padding: 12px 18px;color: #ffffff;background: #00c853;border-radius: 6px;font-size: 13px;line-height: 1.2;font-weight: 700;text-decoration: none} .sample-full-btn:hover {color: #ffffff;background: #00ae49} .free-sample-final-cta {margin-top: 18px;padding: 30px 34px;background: #07384b;color: #ffffff;overflow: hidden;box-sizing: border-box} .free-sample-final-cta h3 {margin: 0 0 10px 0;color: #ffffff;font-size: 24px;line-height: 1.25;font-weight: 700} .free-sample-final-cta p {margin: 0;color: #d9eef5;font-size: 15px;line-height: 1.55} .free-sample-final-left {float: left;width: 68%} .free-sample-final-right {float: right;width: 28%;text-align: right} .free-sample-final-right a {display: inline-block;padding: 14px 22px;color: #ffffff;background: #00c853;border-radius: 6px;font-weight: 700;text-decoration: none} .free-sample-final-right a:hover {color: #ffffff;background: #00ae49} @media screen and (max-width: 1190px) {.sample-pack-card {width: 455px;margin-right: 30px} .sample-pack-image {width: 130px;margin-right: 18px} .sample-pack-image img {max-width: 125px;max-height: 125px}} @media screen and (max-width: 980px) {.sample-pack-card {float: none;width: 100%;margin-right: 0} .free-sample-hero h1 {font-size: 30px} .free-sample-final-left,.free-sample-final-right {float: none;width: 100%;text-align: left} .free-sample-final-right {margin-top: 20px}} @media screen and (max-width: 767px) {.free-sample-hero {padding: 30px 22px} .free-sample-hero h1 {font-size: 26px} .sample-pack-top {padding: 24px 20px 18px 20px} .sample-pack-image {float: none;width: 100%;margin: 0 0 18px 0} .sample-pack-info {overflow: visible} .sample-file-list {padding: 18px 20px 22px 20px} .sample-file-name {float: none;width: 100%;margin-bottom: 8px} .sample-download-btn {float: none} .sample-pack-footer {padding: 0 20px 24px 20px}} .page-special-review .page-title .page-title-heading {float: left;padding: 0;font-size: 24px;line-height: 28px;text-transform: uppercase} #header-404{margin-top:20px!important;text-align:center} #header-404>a{color:#000;font-weight:700;font-size:2em;text-transform:uppercase} #block-404{margin-top:40px!important;margin:0 auto;position:relative;width:500px;height:200px} #block-404>div{position:absolute;width:100%;height:100%} #block-404-icon{background:url(../pic/404_mask.png) no-repeat center center;background-size:cover} #text-404{margin-top:40px!important;text-align:center} #button-404{text-align:center} @media screen and (max-width:767px){#block-404{width:400px;height:160px}} @media screen and (max-width:479px){#block-404{width:200px;height:80px}} .download-banner{width:100%;background:#0A4F68;min-height:104px;display:flex;align-items:center;justify-content:center;text-align:center;margin:0;padding:0 20px;box-sizing:border-box} .download-banner-title{margin:0;padding:0;color:#ffffff;font-size:30px;line-height:1.2;font-weight:500;text-transform:uppercase;letter-spacing:0.8px} .download-page{margin-top:22px;margin-bottom:24px} .download-header-box{text-align:center;margin-bottom:24px} .download-title{margin:0 0 12px 0;font-size:34px;line-height:1.2;font-weight:700;color:#006699} .download-subtitle{margin:0;font-size:16px;color:#555555;line-height:1.7} .download-note-box{background:#F4FAFD;border:1px solid #D6EAF5;border-left:5px solid #0F89C8;padding:18px 20px;margin:0 0 28px 0;color:#1F2D3D;font-size:15px;line-height:1.8} .download-table-wrap{margin-bottom:22px} .download-table-main{border:1px solid #0099CC;background:#ffffff} .download-table-outer{border:2px solid #006699;padding:12px} .download-table{width:100%;border-collapse:collapse} .download-table th{background-color:#E3E3E3;border:1px solid #000080;padding:14px 10px;text-align:center;font-weight:700;color:#222222;font-size:15px;vertical-align:middle} .download-table td{border:1px solid #000080;padding:16px 10px;text-align:center;font-size:15px;color:#222222;vertical-align:middle} .download-btn{display:inline-block;background-color:#0F89C8;color:#ffffff!important;text-decoration:none;padding:12px 20px;border-radius:4px;font-weight:700;line-height:1.2;transition:all 0.2s ease-in-out} .download-btn:hover{background-color:#0A6D9E;color:#ffffff!important;text-decoration:none} .download-help-box{margin-top:12px;padding:16px 18px;background:#FAFAFA;border:1px solid #E5E5E5;color:#555555;font-size:15px;line-height:1.7} .download-help-box a{color:#0F89C8;text-decoration:none} .download-help-box a:hover{text-decoration:underline} .contact-box .contact-site,.contact-box .contact-text{color:#0F89C8} .contact-box ul{margin:0;padding-left:0;list-style:none} .contact-box li{margin-bottom:12px;line-height:1.7} .contact-box i{margin-right:8px} .contact-box a{color:#0F89C8;text-decoration:none} .contact-box a:hover{text-decoration:underline} @media (max-width: 767px){.download-banner{min-height:88px;padding:0 15px}.download-banner-title{font-size:24px}.download-title{font-size:28px}.download-subtitle,.download-note-box,.download-table th,.download-table td,.download-help-box{font-size:14px}.download-btn{padding:10px 16px;font-size:14px}} .soc-icon{display:none}