@charset "utf-8";
/* CSS Document */



/*Page1*/
.guide-banner{ position:relative;}
.guide-chapter-banner img {	width: 100%;}
.guides-banner-caption{ position:absolute; left:0; top:50%; width: 100%; transform: translate(0% , -50%);}
.guide-banner-title{ margin:0; width:200px; font-size: 26px; line-height: 1.1;}
.guide-boxes-section{ clear:both; padding:35px 0; }
ul.guide-box-listing{ margin:0 -15px; padding:0; display:flex; flex-wrap: wrap; list-style-type:none;}
ul.guide-box-listing > li{ width:33.333%; padding:0 15px; margin:15px 0;}
.guidebox{background: #fff; padding:0px; height: 100%;}
.guidebox-top{ text-align:center; margin:0 0 10px 0; border-radius: 20px; overflow: hidden;}
.guidebox-top > img{ display:block; margin:0 auto; transition: .6s;}
.guidebox-top:hover > img{transform: scale(1.1); transition: .6s;}
.guidebox-title{ margin:0 0 5px 0; font-size:20px; color: #000000; }
.guidebox-title > a{ color:inherit;}
.guidebox-text{ margin:0;}

.scroll-back-button { height: 40px; width: 40px; border:2px solid #1590a0; border-radius:5px; position: fixed; bottom:20px; right:20px; cursor: pointer; }
.scroll-back-button::before, 
.scroll-back-button::after { content: ""; display: block; height: 15px; width: 15px; border: 2px solid #1590a0; border-bottom: 0; border-right: 0; transform: rotate(45deg); position: absolute; left: 0; top: 0; margin:12px 0 0 11px; }
.scroll-back-button::after { margin-top: 18px; }
/*Page2*/
.guide-banner { position:relative;}
.guide-banner .caption_inner { max-width: 560px; }
.guides-banner-caption .col { justify-content: end; display: flex; }
.guide-banner-title2 { margin:0 0 10px 0; font:500 48px 'HelveticaNowDisplay'; color:#fff; text-transform:inherit; }

.guide-banner-text{ margin:0;}
.guide-chapter-section{ clear:both; position:relative; padding:50px 0;}
.guide-chapter-leftinner{ position:relative;}
ul.guide-chapter-list{ margin:0; padding:0; list-style-type:none;}
ul.guide-chapter-list > li{ display:block; margin:0 0 10px; }
ul.guide-chapter-list > li > a strong { display:block; }
ul.guide-chapter-list > li > a { border:0; color:#000; display:block; padding:15px 25px; border-radius:50px; line-height:1.5; }
ul.guide-chapter-list > li > a:hover,
ul.guide-chapter-list > li > a.leftactive{ background-color:#1590a0; color:#FFFFFF; /*border-bottom-color:#222222;*/}
ul.guide-chapter-list > li:last-child > a{ border-bottom-color:transparent;}
.guide-chapter-block{ clear:both; margin:0 0 50px 0;}
.guide-chapter-banner{ clear:both; margin:20px 0; background-size: cover; background-position: center;  /* height: 350px; */ position:relative;}
.guide-chapter1-bg{background-image: url('../img/best-book-chapter-1.jpg');}
.guide-chapter2-bg{background-image: url('../img/best-book-chapter-2.jpg');}
.guide-chapter3-bg{background-image: url('../img/best-book-chapter-3.jpg');}
.guide-chapter4-bg{background-image: url('../img/best-book-chapter-4.jpg');}
.guide-chapter5-bg{background-image: url('../img/best-book-chapter-5.jpg');}
.guide-chapter-caption { position: absolute; left: 50px; top: 50%; max-width:500px; transform: translate(0% , -50%); padding: 40px; background: #1e1915; border-radius: 15px; }
.chapter-title { background-color: #1590a0; display: inline-block; color: #FFFFFF; line-height: 1; padding: 15px 20px; border-radius: 50px; font-weight: 500; font-size: 20px; }
.guide-chapter-caption .chapter-blocktitltle { margin:10px 0 0 0; color:#FFFFFF;  }
.guidecapterbox{ clear:both;}
.guidecapterbox > img{ display:inline-block; margin:0 0 20px 0;}
.fixed-top .guide-chapter-leftinner{position: sticky; top: 92px;}
.book-band {background-color: #222222; padding: 25px;}
.book-band p {margin: 0; color: #fff; font-size: 22px;}
.book-cta { width: auto; background-color: #fff; padding: 15px 25px; text-decoration: none; color: #000; border-radius: 8px; font-weight: 600; display:inline-block;}
.signlesuideacco .card{ border:0; border-radius:0; border-bottom:2px solid #1e323b; padding: 10px 0; background-color: transparent;}
.signlesuideacco > .card:not(:last-of-type){border-bottom:2px solid #1e323b;}
.signlesuideacco .card-header{ margin:0; padding:0; border:0; background-color:transparent;}
.signlesuideacco .btn{ margin:0; padding:10px 20px 10px 0; background-color:transparent; color: #1e323b; box-shadow: none; font-weight:bold; position:relative;}
.signlesuideacco .btn:after{content: "-"; display: block; position: absolute; right: 0px; top: 18px; font-size: 40px; line-height: 18px; font-weight: bold; margin-top: -12px; width:23px; height:23px; text-align: center;}
.signlesuideacco .btn.collapsed:after{ content:"+"; font-size: 23px; line-height: 19px;}
.signlesuideacco .btn:hover,.signlesuideacco .btn:focus,.signlesuideacco .btn:active{ text-decoration:none; background-color:transparent!important; color: #1e323b!important; box-shadow: none!important;}
.signlesuideacco .card-body{ padding:0 0 10px 0;}
.faqimagewrap{ margin:0 0 0px 0; padding:0 0 20px 0;}
.guide-faqsection{ padding-top:50px;}
.guidefaqtop{ clear:both; background-size: cover; background-position: center; background-image: url('../img/section-faq-questionmark-bg.png');}
.guidefaqbottom{ clear:both; background-color:#fafafa; padding:0 0 20px 0;}
.guidevalign-center{align-items: center;}

.customer-guide-details-page { color:#000; font-size:18px; }
.guide-chapter-leftinner{ position: sticky;top: 130px; background:#ebf1f1; padding:20px; }
.guide-chapter-list li.current a{border-bottom-color: #222222;background-color: #222222;color: #fff;}
.guide-chapter-caption { z-index: 1; }
.guide-chapter-block .dark_overlay::after { background: #000; content: ""; position: absolute; height: 100%; width: 100%; left: 0; top: 0; z-index: 0; opacity: 0.3; }

.guide_cta { padding: 18px; background-color: #ebf1f1; border-radius: 10px; text-align: center; margin:20px 0; }
.guide_cta .cta_title { text-transform:capitalize; }
.guide_cta button { padding:10px 16px; background-color: #fff; border-radius: 20px; border: none; font-weight: 500; }
.guide_cta button:hover { background:#1590a0; color:#fff; }
.guide_cta button:hover a { color: #fff; }

.guide_cta2 { padding: 18px; background-color: #ebf1f1; border-radius: 10px; margin: 20px 0; display: flex; flex-wrap: wrap; align-items: center; }
.guide_cta2 .img { max-width: 22%; position:relative; margin-right:1%; }
.guide_cta2 .img img { width: 100%; }
.guide_cta2 .text_sec { padding: 10px 0; max-width: 77%; }
.guide_cta2 .cta_title { text-transform:capitalize; }
.guide_cta2 button { padding: 10px 16px; background-color: #000; border: none; font-weight: 500; position: absolute; width: 100%; bottom: 0; left: 0; }
.guide_cta2 button a { color:#fff; }
.guide_cta2 button:hover { background:#1590a0; }
.guide_cta2 button:hover a { color: #fff; }

.html-CustomerGuide-page .related-product-wrapper * { font-family: 'HelveticaNowDisplay'; }
.html-CustomerGuide-page .related-product-wrapper h2 { font-size:23px; width:100%; }
.html-CustomerGuide-page .owl-dots { display:none; }
.html-CustomerGuide-page .owl-carousel .owl-nav [class*="owl-"]{ position: absolute; top: 50%; transform: translateY(-50%); background: #1590a0; border-radius: 100px; padding: 10px !important; } 
.html-CustomerGuide-page .owl-carousel .owl-nav [class*="owl-"].disabled { opacity: 0.5; }
.html-CustomerGuide-page .owl-carousel .owl-nav .owl-prev { left: 0; }
.html-CustomerGuide-page .owl-carousel .owl-nav .owl-next { right: 0; }
.html-CustomerGuide-page .owl-carousel .owl-nav .owl-prev span, 
.html-CustomerGuide-page .owl-carousel .owl-nav .owl-next span {}
.html-CustomerGuide-page .owl-carousel .owl-nav .owl-prev span::before, 
.html-CustomerGuide-page .owl-carousel .owl-nav .owl-next span::before { display:none; content: ""; display: block; position: absolute; transition: all 0.5s ease-in-out; top: 50%; box-shadow: inset -0.2em 0.2em 0 0 #fff; width: 16px; height: 16px; }
.html-CustomerGuide-page .owl-carousel .owl-nav .owl-prev span::before { transform-origin: inherit; margin-left:7px; }
.html-CustomerGuide-page .owl-carousel .product-item { position:relative; border-radius: 5px; overflow: hidden; }
.html-CustomerGuide-page .owl-carousel .details { position: absolute; z-index: 9; bottom: 0; background: rgba(0,0,0,0.8); width: 100%; }
.html-CustomerGuide-page .owl-carousel .details h2 { margin:0; text-transform: inherit; font-weight:300; letter-spacing: inherit; white-space: initial !important; }
.html-CustomerGuide-page .owl-carousel .details h2 a { color: #fff; display: block; padding:15px; }
.html-CustomerGuide-page .container.slider_inner { padding:0 70px; }

.customer-guide-details-page .toc_sticky { display:none; }

@media screen and (max-width:991px){
ul.guide-box-listing > li{ width:50%;}
.guidebox{ padding:0px;}
ul.guide-box-listing > li{ margin:15px 0;}
.guide-boxes-section{ padding:20px 0;}

.guide-chapter-caption { padding: 20px; max-width: inherit; width: auto; left: 10px; right: 10px; top: inherit; bottom: 10px; transform: inherit; }
.guide-chapter-caption .chapter-blocktitltle { font-size:20px; }

/*.guide-chapter-leftinner { padding:15px; position:fixed; right:0; font-size:0; z-index:9; border-radius:8px; }*/

.guide-chapter-section .guide-chapter-rightpanel { order:1; margin:40px 0 0; }
.customer-guide-details-page .toc_sticky { display: block; position: fixed; width: 100%; bottom: 90px; left: 0; width: 100%; background: #ebf1f1; text-align: center; padding: 20px; font-weight: bold; z-index: 99; }
.html-CustomerGuide-page .footer-new { padding-bottom: 130px; }

ul.guide-chapter-list > li { margin-bottom:5px; }
ul.guide-chapter-list > li > a { border-radius:10px; padding:10px 15px; }
ul.guide-chapter-list > li > a strong { font-size:15px; }
ul.guide-chapter-list > li > a strong::after { display:none }
}

@media screen and (max-width:767px){
ul.guide-box-listing{ margin:0;}
ul.guide-box-listing > li{ width:100%; padding:0; margin:10px 0;}
.guidebox-top > img{ width:100%;}
.guide-chapter-banner{/*height: 250px;*/}
.guide-chapter-section{ padding:20px 0;}
}

@media screen and (max-width:575px){
.guide_cta2 { display:block; text-align:center; }
.guide_cta2 .img { padding-right: 0; margin: auto; max-width: 130px; }
.guide_cta2 .text_sec { max-width:100%; }
}