@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;500;600;700&display=swap');

.blogInfoDetail ol li::marker {
    font-weight: 600;
}
.blogDetailInfo .featureImg.imgw500 {
    height: 500px;
}
.blogDetailInfo strong {  font-weight: 600; font-family: 'barlow';}
.bgDark { background: #26292D; }
.row>* { padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); }
.row { margin-top: calc(-1 * var(--bs-gutter-y));    margin-right: calc(-.5 * var(--bs-gutter-x)); margin-left: calc(-.5 * var(--bs-gutter-x)); }
.bg-badge-green{background-color:#52B4B9}
.bg-badge-purple{background-color:#5F6AAE}
.landing-banner-blog { background-color: #000; min-height: 770px; }
.sectionPadding{padding: 80px 0;}
.excCarousel .carousel-caption{ position: absolute; right: 0; bottom: 0; left: 0; padding-top: 1.25rem; padding-bottom: 1.25rem; color: #fff; text-align: center; height: 100%; z-index: 0;}
.excCarousel .carousel-item:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); }
.excCarousel .carousel-indicators { bottom: 20%; }
.excCarousel .carousel-indicators [data-bs-target] { width: 10px; height: 10px; border-radius: 100%; }
.excCarousel .carousel-indicators .active { background-color: var(--blue); }
.excCarousel .carousel-control-prev-icon, .excCarousel .carousel-control-next-icon { border: 1px solid; width: 50px; height: 50px; padding: 10px; background-size: 24px; }
.excCarousel .carousel-control-next, .excCarousel .carousel-control-prev { display: initial; height: max-content; top: 50%; transform: translateY(-50%); }
.carousel-inner{height: 770px;}
.carousel-item{height: 770px;}
.carousel-item > img{object-fit: cover; height: 100%; ;}
.exc_blogDetail .carousel-item > img{object-fit: cover; height: 100%;    filter: blur(6px);}
.exc_blog .badge {border-radius: 0; min-width: 70px; width: fit-content; height: 22px; line-height: 10px; font-family: var(--secondryfamily); font-weight: 400; margin-right: 5px; font-size: 12px;}
.trendingBlog { font-family: var(--secondryfamily); font-size: 22px; display: flex; align-items: center; }

.blogBannerDesc h1 , .blogBannerDesc h2{ font-size: 55px; font-weight: 500; line-height: 120%; margin-bottom: 20px; }
.blogBannerDesc { max-width: 800px; }
.blogViewsCalendar { font-size: 15px; display: flex; align-items: center; column-gap: 20px; font-family: var(--secondryfamily); }
.blogViewsCalendar > span {display: flex;align-items: center;column-gap: 10px;}
.blogViewsCalendar > span span {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 4px;
}
.blogBannerDesc .button { min-width: 170px; height: 52px; }


.trendingBlogs {margin-top: -183px;}
.breadcrumb-nav .breadcrumb { background: rgba(150,150,150,0.2); width: max-content; height: 52px; padding: 10px 20px; border: 1px solid #5D5F61; border-radius: 4px; }
.breadcrumb-item{     font-size: 22px; line-height: 120%; font-family: var(--secondryfamily); color: #fff !important; font-weight: var(--extralight) !important; }
.breadcrumb-item+.breadcrumb-item::before{color: #7E7E7E;}
.breadcrumb-item a{color: var(--blue);}
.blogCategoryList { background: #fff; height: 114px; position: relative;    border-top-left-radius: 9px; overflow: hidden; border-top-right-radius: 9px; }
ul.menuItems { height: 100%; display: flex; align-items: center; }
.blogCategoryList li.item .nav-link { color: #22222c;    height: 44px; font-size: 18px; font-family: var(--primaryfamily); border: 1px solid #ddd; padding: 7px 20px; margin: 15px 5px; border-radius: 4px; text-align: center; }
button.slick-arrow {left: -20px !important;height: 100%;border: 0;min-width: 50px;}
button.slick-arrow .bi {color: var(--blue);font-size: 26px;}
ul.menuItems .slick-list {padding: 0 20px;}
.paddles {position: absolute;top: 0;width: 50px;left: 0;height: 100%;opacity: 0.5;display: none;}
.paddles .paddle { height: 100%; width: 50px; border: 0; color: var(--blue); font-size: 30px; cursor: default; }
.paddles.paddles-right { right: 0; left: auto; }
.blogCategoryList li.item .nav-link.active, .blogCategoryList li.item .nav-link:hover { color: #fff !important; background: var(--blue); border-color: var(--blue);box-shadow: 0 4px 10px rgba(0,0,0,0.3); }

/*featured section css*/
.excLatestBlog {border-radius: 9px;/* background: #DCE0E3; */overflow: hidden;}
.topPostImg.imgHoverScale { border-radius: 9px; }
.topPostImg { height: 355px;     border-radius: 9px; overflow: hidden;}
.topPostImg img {height: auto;object-fit: cover;min-height: 100%;}
.topBlogDesc { position: absolute; bottom: 20px; left: 20px; background: rgba(0,0,0,0.5); padding: 20px; width: calc(100% - 40px); border-radius: 3px; }
.postShareSocial { position: absolute; right: 20px; bottom: 20px; }
.topPostLeft { position: relative; }

.topBlogDesc h2 { font-size: 27px; color: #fff; max-width: 420px; line-height: 130%; margin-bottom: 10px; }
.topBlogDesc .blogViewsCalendar { font-size: 12px; color: #fff; line-height: 160%; font-family: var(--secondryfamily); }



/* .postShareSocial .btn-primary{background-color: var(--blue); border-color: var(--blue);width: 34px; height: 34px; padding: 0 8px; border-radius: 0;} */
.postShareSocial .btn { background: rgba(0,0,0,0.38); border-color: rgba(0,0,0,0.38); width: 34px; height: 34px; padding: 0 8px; border-radius: 0;}
.postShareSocial .btn-check:checked+.btn, .postShareSocial .btn.active, .postShareSocial .btn.show, .postShareSocial .btn:first-child:active, .postShareSocial :not(.btn-check)+.btn:active{background-color: var(--blue); border-color: var(--blue);}
.postShareSocial ul.dropdown-menu {padding: 15px 12px;border-color: var(--blue);box-shadow: 0 10px 10px rgba(0,0,0,0.4)}
.postShareSocial ul.dropdown-menu li.liLabel { font-size: 15px; font-weight: 500; font-family: var(--secondryfamily); color: #656565; text-transform: uppercase; margin-bottom: 5px; }

.recentPostTop {background-image: linear-gradient(to bottom, #fff 80%, transparent);}
.recentPostThumb.card { background: transparent; }
.postShareSocial.dropdown .dropdown-item { padding: 5px 10px; display: flex; align-items: center; justify-content: start; border-radius: 4px; font-size: 14px; font-family: var(--secondryfamily); color:#8F8F8F; text-transform: uppercase;}
.postShareSocial.dropdown .dropdown-item svg { margin-right: 5px;width: 20px; height: 20px; background: #F1F1F1; padding: 3px; border-radius: 3px;}
.postShareSocial.dropdown .dropdown-item svg path { fill: #8F8F8F; }
.postShareSocial.dropdown .dropdown-item:hover {background: #F0F9FD; color:var(--blue) }
.postShareSocial.dropdown .dropdown-item:hover svg {background: #C6E6F3; }
.postShareSocial.dropdown .dropdown-item:hover svg path { fill: var(--blue); }

.recentPostThumb h5.card-title a{ color: #1D1D1B; line-height: 130%; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; }
.imgHoverScale{ border-radius: 5px;}
.imgHoverScale.topPostImg:hover img, .recentPostThumb:hover .imgThumbnail img, .imgHoverScale:hover .imgThumbnail img {transform:  scale(1.2);transition: all 0.6s ease-in-out;width: 100%;}
.imgHoverScale img, .imgThumbnail img {transition: all 0.6s ease-in-out; }
.recentPostThumb:hover a{color: var(--blue);}
.topPostLeft:hover h2 { color: var(--blue); }
hr.postDivider { width: 130px; background-image: linear-gradient(to right, #d9d9d9, transparent); border: 0; height: 1px; margin: 7px 0; }
.recentPostThumb .imgThumbnail { overflow: hidden; }
.recentPostThumb .imgThumbnail img { width: 100%; }
.imgThumbGrid{height: 200px; overflow: hidden; border-radius: 5px;}
.imgThumbGrid img{    height: 100%; object-fit: cover; width: 100%;}
.postGridBox { border: 0; background: transparent; }
.postGridBox .blogViewsCalendar { justify-content: space-between; font-size: 13px; margin-top: 5px; }
.postGridBox h5.card-title a { /*overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical;*/ width: 100%; /*min-height:50px;*/ }
.postGridBox p { overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; width: 100%; }

.landingMark{position: absolute; bottom:0;     width: 100%; height: 100%; max-width: 542px; max-height: 542px; background-size: cover; background-repeat: no-repeat; z-index: -1;}
.landingLeftMark{background: url("https://exc-prodp.s3.eu-west-2.amazonaws.com/uploads/blog-vectorLeft.svg") no-repeat left center; left:0}
.landingRightMark{background: url("https://exc-prodp.s3.eu-west-2.amazonaws.com/uploads/blog-vectorRight.svg") no-repeat left center; right: 0;}

.imgThumbnail { position: relative; /*height: 200px;*/ }
.imgThumbnail .blogCategoryShare { position: absolute; bottom: 15px; padding: 0 10px; display: flex; align-items: center; justify-content: space-between; width: 100%; }
.imgThumbnail .blogCategoryShare .postShareSocial { bottom: 0; z-index: 99; }
.imgThumbnail .postShareSocial .btn { background: rgba(0,0,0,0.38); border-color: rgba(0,0,0,0.38); }
.imgThumbnail .postShareSocial .btn:hover, .imgThumbnail .postShareSocial .btn.show { background: var(--blue); border-color: var(--blue); }
.postShortDesc a { color: var(--lightblack); font-size: 22px; font-weight: 500; font-family: var(--primaryfamily);}
.postShortDesc p { font-family: var(--secondryfamily); font-size: 15px; line-height: 160%; color: #4D4E55; }
.postGridBox:hover .card-title a{ color: var(--blue) !important; }

.sectionHeaderCategory { display: flex; width: 100%; align-items: center; justify-content: space-between; margin-bottom: 30px; position: relative; }
.sectionHeaderCategory h3 {background: #fff;color: var(--lightblack);font-weight: 500;font-size: 35px;font-family: var(--primaryfamily);height: 52px;/* margin-bottom: 20px; */padding-right: 20px;}
.videoTutorials .sectionHeaderCategory h3 , .categoryBlogSection  .sectionHeaderCategory h3{ background: transparent; }
.sectionHeaderCategory p { margin-bottom: 0; }
.sectionHeaderCategory .linebtn { width: 190px; font-weight: 500; text-align: center;}
.sectionHeaderCategory:before {content: '';border-top: 1px solid #CACACA;position: absolute;left: 180px;top: 26px;width: calc(100% - 400px);margin: auto;opacity: 0.3;z-index: -1;}
/* .gridSlider .slick-slide { margin: 0 15px; } */
.categoryBlogSection{position: relative;}
/* .categoryBlogSection .blogGrid{display: none;} */
.blogGrid .slick-arrow { position: absolute; width: 50px; bottom: -50px; height: 50px; right: 0; left: auto !important; margin-bottom: 10px; background: transparent; border: 1px solid #ddd; border-radius: 4px; text-align: center; display: flex; align-items: center; justify-content: center;; }
.blogGrid .PrevArrow.slick-arrow { right: 60px; }
.blogGrid .slick-list {margin: 20px 0px 0;padding: 0 0 30px; overflow: unset;    overflow-x: clip;}
.blogGrid .slick-slide {padding: 0 15px; }
.blogGrid .slick-arrow i.bi { color: #666; opacity: 0.6; }
.gridSlider:after { content: ''; border-top: 1px solid #cacaca; width: 88%; position: absolute; left: 0; bottom: -17px; opacity: 0.3; z-index: -1;}
.blogGrid .slick-arrow:hover { background: var(--blue); border-color: var(--blue); }
.blogGrid .slick-arrow:hover .bi { color: #fff; opacity: 1; }
.blogGrid .slick-arrow:hover svg path { stroke: #fff; }
.recommendedBlogs .imgThumbnail .imgThumbGrid{ border-radius: 5px; }
.loadMoreButton { position: relative; }
.loadMoreButton:before { content: ''; background: linear-gradient(to top, #fff, transparent); height: 600px; position: absolute; width: 100%; bottom: -50px; }
.loadMoreButton .col-12 { text-align: center; position: relative; }
.loadMoreButton .col-12:before { content: ''; border-top: 1px solid #cacaca; opacity: 0.3; width: 40%; position: absolute; left: 0; top: 26px; }
.loadMoreButton a#loadMore { background-color: #fff; display: inline-block; width: 200px; }
.loadMoreButton .col-12:after { content: ''; border-top: 1px solid #cacaca; opacity: 0.3; width: 40%; position: absolute; right: 0; top: 26px; }
.loadMoreButton a#loadMore:hover { background: var(--blue); }

.bg_blogSubscribe:before{background-image:url("https://exc-prodp.s3.eu-west-2.amazonaws.com/uploads/blog-subscribeBG.png") ;opacity: 0.7; filter: inherit;}
.bg_blogSubscribe:after { content: ''; background: linear-gradient(to right, black, transparent); position: absolute; left: 0; top: 0; height: 100%; z-index: 3; width: 50%; }

.subscriptionForm { z-index: 999; position: relative; max-width: 440px; margin: auto; background: #fff; border-radius: 5px; padding: 50px; text-align: center; }
.subscriptionForm h4 {font-size: 35px;color: var(--lightblack);line-height: 115%;font-weight: 500;    margin-top: 20px; margin-bottom: 5px;}
.subscriptionForm p { font-size: 16px; color: #3E3E45; font-family: var(--secondryfamily); margin-bottom: 40px; }
.subscriptionForm .form-control { height: 52px; color: #383C43 !important; }
.subscriptionForm .button { width: 100%; margin-top: 10px; font-weight: 400; }
.subscriptionForm .button.solidbtn:hover { background: #3479a3; }
.bg_blogSubscribe .landingLeftMark{z-index: 4;}
.bg_blogSubscribe .landingRightMark{background:url("https://exc-prodp.s3.eu-west-2.amazonaws.com/uploads/subscribe-right-vector.svg") no-repeat left center ; z-index: 0;}
/*blog category page*/
.blogCategoryBannerImg { position: absolute; height: 748px; top: 0; overflow: hidden; width:100% }
.blogCategoryBannerImg img { object-fit: cover; height: 100%; width: 100%; }
.blogCategoryBannerImg .imgHolder { height: 100%; object-fit: cover; width: 100%; }
.blogCategoryBannerImg:before {content: '';position: absolute;left: 0;top: 0;width: 100%;z-index: 0;height: 748px;background: linear-gradient(to bottom, black, rgba(0,0,0,0.7));}
.trendingCategory{padding-top: 200px !important;}
.blogCategoryHeader { margin-bottom: 60px; }
.blogCategoryHeader a.backtoprev { background: rgba(55,55,55,0.8); width: 55px; height: 55px; text-align: center; display: inline-flex; border-radius: 3px; align-items: center; justify-content: center; }
.blogCategoryHeader a.backtoprev .bi { font-size: 26px; color: #fff; line-height: 15px; }
.blogCategoryHeader h1 { font-size: 55px; color: #fff; display: flex; align-items: center; column-gap: 20px; height: 55px; }
.exc_blogCategory .topPostImg.imgHoverScale {
    border-radius: 5px;
}
.toPostRightFull {height: 185px;object-fit: cover;width: 100%;}
.toPostRightFull .topPostImg { height: 185px; }
.toPostRightFull .topBlogDesc h2 {font-size: 21px;margin-bottom: 0;}
.toPostRightFull .topBlogDesc { left: 10px; width: calc(100% - 20px); padding: 10px;bottom: 5px; }
.toPostRightFull .topBlogDesc .blogViewsCalendar {display: block;margin-bottom: 0;}
.toPostRightFull .topBlogDesc .blogViewsCalendar span img { width: 16px; }

.toPostRightHalf { height: 150px; }
.toPostRightHalf .topPostImg { height: 150px; }
.toPostRightHalf .topBlogDesc h2 { font-size: 15px; }
.toPostRightHalf .topBlogDesc { left: 0; width: 100%; bottom: 0; padding: 10px; border-bottom-left-radius: 9px; border-bottom-right-radius: 9px; }
.toPostRightHalf .topBlogDesc p { margin-bottom: 0; }
.recommendedBlogs .blogGrid .slick-arrow { bottom: auto; top: -100px; margin-right: 15px; }
.recommendedBlogs .sectionHeaderCategory:before, .recommendedBlogs .gridSlider:after { display: none; }
.toPostRightFull  .postShareSocial, .toPostRightHalf .postShareSocial { right: 5px; bottom: 5px; }

.blogDetailBanner .landingMark { z-index: 1; }

.socialShareBanner ul { display: flex; column-gap: 10px; }
.blogDetailBanner .carousel-inner { padding-bottom: 60px; height: 600px; }
.blogDetailBanner .carousel-inner .carousel-item { height: 600px; position: relative; }
.blogDetailBanner .carousel-caption{z-index: 9 !important;}
.blogDetailBanner .carousel-inner nav.breadcrumb-nav { position: absolute; bottom: -15px; }
.socialShareBanner ul { display: inline-flex; align-items: center; column-gap: 10px; }
.blogDetailInfo { color: #000; }
.blogDetailInfo .featureImg {height: 410px;border-radius: 5px;overflow: hidden;margin-bottom: 50px;}
.blogDetailInfo .featureImg img { height: 100%; object-fit: cover; }
.blogInfoDetail h3, .h3 { font-size: 30px; margin-top: 50px; margin-bottom: 10px; }
.blogInfoDetail h4{font-size: 18px; margin-bottom: 5px;font-weight: 600;}
.blogInfoDetail p { font-size: 18px; }
.blogInfoDetail ol li, .blogInfoDetail ul li {list-style: auto;line-height: 140%;margin-bottom: 5px;font-size: 18px;font-family: 'Barlow';}
.blogInfoDetail ul { padding-left: 2rem; }
.blogInfoDetail ul li::marker { font-weight: 500; }
.blogInfoDetail ul li {list-style: disc;}
.widgetBox h3 { font-size: 35px; color: #1D1D1B; margin-bottom: 30px; line-height: 67%; font-weight: 600; }
.blogDetailInfo .table .active th, .blogDetailInfo .table .active td { color: #000; }
/* .widgetBox { margin-bottom: 60px; } */
.widgetBox ul.nav-pills li a {color: #22222C !important;font-size: 22px;border-bottom: 1px solid #D9DBDD !important;font-weight: 500;text-align: left;font-family: var(--secondryfamily);line-height: 42px;height: 62px;border-radius: 0 !important;border-bottom-right-radius: 0 !important;}
.widgetBox ul.nav-pills { border: 1px solid #D9DBDD; border-radius: 5px; overflow: hidden; background: #fff; }
.widgetBox ul li a.active, .widgetBox ul.nav-pills li a:hover { color: #fff !important; background: var(--blue) !important; box-shadow: 0 4px 10px rgba(0,77,120,15%); }
.widgetBox ul li:last-child a { border-bottom: 0 !important; }
.popularTags a.badge { background: #98A3AE !important; padding: 10px; height: auto; display: block; font-size: 20px; font-family: var(--secondryfamily); margin-bottom: 10px; margin-right: 10px; line-height: 120%; }
.popularTags a.badge:hover { background: var(--blue) !important; }

.glossaryBanner { min-height: 540px; padding-top: 200px; background-color: #000; }

.glossaryAlphabets { background: #E4E8EC; padding: 20px; margin-top: 30px; border-top-left-radius: 9px; border-top-right-radius: 9px; }
.glossaryAlphabets ul li { display: inline-block; }
.glossaryAlphabets ul li a { color: var(--blue); background: #fff; border: 1px solid var(--blue); width: 56px; height: 56px; border-radius: 2px; margin: 5px; font-size: 32px; font-family: var(--primaryfamily); text-align: center; display: flex; align-items: center; justify-content: center; font-weight: 500; cursor: pointer;}
.glossarySearchh { max-width: 670px; margin: auto; }
.glossarySearchh h1 { font-size: 55px; text-align: center; color: #fff; margin-bottom: 20px; }
.glossarySearchh .form-control { height: 60px; background: transparent; color: #fff !important; border-color: var(--blue); padding-right: 140px; border-radius: 5px !important; font-family: var(--primaryfamily); font-size: 20px; font-weight: 300; }
.glossarySearchh .input-group .btn { position: absolute; right: 5px; top: 5px; height: 50px; background: var(--blue); color: #fff; border: 0; width: 120px; border-radius: 2px !important; z-index: 999; font-size: 20px; }
.glossarySearchh .input-group .btn .bi { font-size: 22px; }
.glossarySearchh .input-group ::placeholder { color: #959595; opacity: 1;}
  .glossarySearchh .input-group  ::-ms-input-placeholder {color: #959595; }
.glossaryHead h4{ color: #000; background-image: url("https://exc-prodp.s3.eu-west-2.amazonaws.com/uploads/union-glossary.svg"); background-repeat: no-repeat;  width: 40px; height: 34px; text-align: center; padding-right: 7px; margin-right: 20px; position: relative; padding-top: 2px;}
  .glossaryBox { padding: 30px 20px; position: relative; }
#glossaryA:before { background-image: linear-gradient(to bottom, #fff, transparent); content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 600px; z-index: -1; }
.glossaryHead { margin-bottom: 20px; position: relative; }
.glossaryHead:before { content: ''; border-top: 1px solid rgba(0,0,0,0.1); position: absolute; right: 0; top: 17px; width: calc(100% - 50px); }

.glossaryBox .accordion-button {background: transparent !important;box-shadow: none !important;border-bottom: 1.8px solid #D1D1D1;padding: 10px 0;font-size: 25px;color: #1D1D1B;font-family: var(--primaryfamily);font-weight: 400;}
.glossaryBox.accordion-flush .accordion-item { background: transparent; margin-bottom: 10px; border-bottom: 0;}
.glossaryBox .accordion-body { padding: 10px 0; font-size: 18px; font-family: var(--secondryfamily); line-height: 160%; }

.glossaryBox .accordion-button:not(.collapsed) {border-color: var(--blue);}

.glossaryBox .accordion-button::after { opacity: 0.4; transform: rotate(-90deg);}
.glossaryBox .accordion-button:not(.collapsed)::after { opacity:1; transform: rotate(0deg); }
.glossaryAlphabets ul li a.active { color: #fff !important; background: var(--blue); }
.glossaryBox ol li, .glossaryBox ul li{list-style: auto;}
.excCarousel button:hover span, .excCarousel button span:hover { background-color: rgba(0,0,0,0.5); border-color: rgba(255,255,255,0.5); }
/*daily markets*/
.exc_mktUpdates .excCarousel .carousel-item:before { background: rgba(0,0,0,0.92); }
.breadcrumbsSection {margin-top: -52px;}
.breadcrumbsSection .breadcrumb-nav .breadcrumb { margin-bottom: 0; }
.mktCarousel .carousel-inner { height: 600px; }
.mktCarousel .carousel-item { height: 600px; }
.filterSorting { display: flex; align-items: center; max-width: max-content; column-gap: 20px; white-space: nowrap; margin-bottom: 20px; }
.filterSorting .form-select { height: 43px; border: 1px solid #C8C8C8; border-radius: 3px; font-size: 18px; font-weight: 500; font-family: var(--secondryfamily); }
.filterSorting .resetBtn { font-size: 18px; color: #22222C; font-weight: 500; text-decoration: none; font-family: var(--secondryfamily);    display: flex; align-items: center; }
.filterSorting .resetBtn:hover { color: var(--blue); }
.filterSorting .resetBtn span{    margin-top: -5px; margin-left: 5px;}
span.mktBadge { color: var(--blue); font-size: 22px; font-weight: 500; }
.mktCarousel .blogBannerDesc .blogViewsCalendar span.mktPostDate { padding-right: 0; }
.mktCarousel .blogBannerDesc .blogViewsCalendar span.mktPostDate span:not(:last-child) { margin-right: 20px; }
.mktCarousel .blogBannerDesc .blogViewsCalendar span.mktPostDate span:last-child { border-right: 0; }
.mktCarousel .blogBannerDesc .blogViewsCalendar span { border-right: 1px solid rgba(217,217,217,0.2); padding-right: 20px; }
.topMktDesc h2 { font-size: 25px; font-family: var(--secondryfamily); color: #fff; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical;}
.topMktDesc p.blogViewsCalendar { color: #fff; flex-direction: column; align-items: start; max-width: fit-content; row-gap: 4px; }
.imgBottomGrad { position: absolute; bottom: 0px; background-image: linear-gradient(to top, black, transparent); padding: 20px; border-bottom-left-radius: 9px; border-bottom-right-radius: 9px; width: 100%;}
.topMktDesc .border-start { border-color: rgba(217,217,217,0.2) !important; }
.exc_mktUpdates .topPostImg.imgHoverScale { border-radius: 6px; }
.recentMktPostTop .recentPostThumb .imgThumbnail { height: 146px; }
.recentMktPostTop .recentPostThumb .imgThumbnail img { height: 100%; object-fit: cover; }
.recentMktPostTop .recentPostThumb h5.card-title { margin-bottom: 5px; }
.recentMktPostTop .recentPostThumb p {margin-bottom: 5px;color: #4D4E55;}
.recentMktPostTop .recentPostThumb hr.postDivider { width: 70%; }
.recentMktPostTop .recentPostThumb p.blogViewsCalendar {justify-content: space-between;font-size: 13px;color: #7d7d7d;}
.recentPostThumb h5.card-title:hover a{color: var(--blue);}
.topMktPostLeft > p {color: #22222c;font-family: var(--secondryfamily);font-size: 18px;}
.recentMktPostTop .topPostImg { height: 330px; }
.recentMktPostTop .recentPostThumb { border-bottom: 1px solid #D9D9D9 !important; border-radius: 0; padding-bottom: 10px; }
.recentMktPostTop .recentPostThumb:last-child { border: 0 !important; }
.mktListGrid .postGridBox h5.card-title a { -webkit-line-clamp: 2; font-size: 20px; font-family: var(--secondryfamily); font-weight: 500; color: #1d1d1d; line-height: 150%; }
.mktListGrid .postGridBox .blogViewsCalendar { color: #fff; font-size: 13px; width: 100%; }
.mktListGrid .imgBottomGrad { padding: 3px 10px; height: 70px; display: flex; align-items: end; justify-content: space-between; }
.mktListGrid .imgThumbGrid { height: 230px;}

.blogDetailInfo .featureImg, .blogDetailInfo .featureImg img { width: 100%; }

#flex-container { position: relative; width: 100%; }
.foexPromoSlider .slider-item img{ width:100%; }
.foexPromoSlider .slider-item .slider-content { z-index: 2; position: absolute; top: 50%; left: 5%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.foexPromoSlider  ul.slider-items .carousel-caption { bottom: auto; top: 50%; transform: translateY(-50%); }
.foexPromoSlider .slider-nav { margin-bottom: -100px; z-index: 99; position: relative; bottom: 92px; }
.foexPromoSlider { position: relative; }
.foexPromoSlider ul.slick-dots { bottom: 20px; position: absolute; width: 1170px; margin: auto; left: 19%; bottom: 160px; }
.foexPromoSlider .slidethumbnailInfo { display: flex; align-items: center; padding: 20px 20px; border-top: 2px solid #767676; column-gap: 30px; cursor: pointer; }
.foexPromoSlider .slidethumbnailInfo .thumbnailIcon { display: flex; align-items: center; position: relative; }
.foexPromoSlider .slidethumbnailInfo .thumbnailIcon .slideIcon { min-width: 50px; min-height: 50px; }
.foexPromoSlider .slidethumbnailInfo .thumbnailIcon .thumbanilHead h4 { font-size: 20px; font-family: var(--secondryfamily); color: #fff; margin: 0; }
.foexPromoSlider .carousel-caption { bottom: auto; top: 50%; transform: translateY(-50%);}
.foexPromoSlider  .slidethumbnailInfo .thumbnailIcon .thumbanilHead p { margin-bottom: 0; }
.foexPromoSlider .slidethumbnailInfo .thumbnailDesc p { margin: 0; color: #fff; font-size: 13px; font-family: var(--secondryfamily); line-height: 160%; }
.foexPromoSlider li.slider-item { margin-right: 20px; }
.foexPromoSlider li.slider-item.slick-current { background: rgba(0,0,0,0.8); }
.foexPromoSlider li.slider-item.slick-current .slidethumbnailInfo { border-color: #4ba4db; }
.foexPromoSlider .slidethumbnailInfo .thumbnailIcon:before { content: ''; position: absolute; width: 10px; right: -20px; background: url("https://exc-prodp.s3.eu-west-2.amazonaws.com/uploads/divider-slideNav.svg") no-repeat left center; height: 80px; }
.foexPromoSlider .slider-control { margin-top: -40px; z-index: 9; position: absolute; width: 1300px;     left: 50%; bottom: 24px; transform: translateX(-50%); }
.foexPromoSlider .slider-control button.next.NextArrow.slick-arrow { text-align: right; float: right; }
.blogBannerDesc .solidbtn.btnViewArticle { min-width: 60px; padding: 0; }
.blogBannerDesc .solidbtn.btnViewArticle .bi { font-size: 30px; }
.foexPromoSlider .slider-item .blogViewsCalendar img { width: 20px; }
.foexPromoSlider .slider-items .slider-item:before { content: ''; background: rgba(0,0,0,0.7); position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; }
.foexPromoSlider .slider-control .slick-arrow { background: transparent; border: 1px solid #828282; height: 52px; width: 52px; border-radius: 3px; }
.foexPromoSlider .slider-control .slick-arrow .bi {color: #828282;}
.foexPromoSlider .slider-control .slick-arrow:hover { border-color: var(--blue); background: var(--blue); }
.foexPromoSlider .slider-control .slick-arrow:hover .bi { color: #fff; }
.trendingBlog .breadcrumb-nav .breadcrumb { background: transparent; border: 0; height: auto; padding: 0 10px; margin: 0; }
.trendingBlog .breadcrumb-nav .breadcrumb { background: transparent; border: 0; height: auto; padding: 0 10px; margin: 0; }
.foexPromoSlider .trendingBlog { margin-bottom: 10px; }
.foexPromoSlider .blogBannerDesc p { font-size: 18px; font-family: var(--secondryfamily); line-height: 150%; }


.sectionHeader h2, .sectionHeader h3, .sectionHeader > h1{ font-size: 55px; font-weight: 600; color: #35363A; height:auto }
.viewAll { text-align: center; position: relative; }
.viewAll:before { content: ''; width: 100%; height: 1px; background: #ddd; position: absolute; left: 0; top: 26px; z-index: -1; }
.viewAll .linebtn { background: #fff; width: 200px; }
.viewAll .linebtn:hover { background: var(--blue); }
.forexGlossaryBox .glossarySearchh { max-width: 100%; text-align: left; }
.forexGlossaryBox .glossarySearchh h1 { font-size: 35px; color: #1D1D1B; text-align: left; }
.forexGlossaryBox .card{border: 0;}
.forexGlossaryBox .card-body { padding: 40px 40px 0; }
.forexGlossaryBox .glossaryAlphabets { background: transparent; padding: 0; }
.forexGlossaryBox .glossaryAlphabets ul li a { width: 35px; height: 35px; font-size: 22px; }
.forexGlossaryBox #glossaryA:before{display: none}
.forexGlossaryBox .glossaryBox { padding: 30px 0; }
.forexGlossaryBox .glossaryBox .accordion-button { font-size: 22px; border-bottom: 0; }
.forexGlossaryBox .glossaryBox .accordion-body { font-size: 16px; }
/* .forexGlossaryBox .accordion-item { display: none; } */
.loadMoreGalossary { text-align: center; position: relative; margin-top: -60px; }

.loadMoreGalossary:before { content: ''; background-image: linear-gradient(to top, #fff 0%, rgba(255,255,255,0) 40%); width: 100%; position: absolute; left: 0; bottom: 0; height: 500px; }
.loadforexGlossary{cursor: pointer; background: rgba(208,237,255,0.5); width: 76px; height: 46px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; box-shadow: none; font-size: 30px; }
.loadforexGlossary:hover { background: var(--blue); }
.trustPilotRating .trustPilotScope { display: flex; align-items: center; flex-direction: column; height: 100%; justify-content: center; }
.trustPilotRating .trustPilotScope h4 { color: #000; font-size: 24px; margin-bottom: 10px; }
.trustPilotRating .trustPilotScope p { color: #868686; font-size: 14px; margin-top: 5px; margin-bottom: 5px; }

.trustPilotRating .trustPilotScope a { margin-left: 5px; color: #3c3c3c; text-decoration: underline; font-weight: 500; }
.reviewedTime { display: flex; align-items: center; justify-content: space-between; font-size: 13px; color: rgba(0,0,0,0.4); }
.reviewedTime img { height: 20px; }
.reviewedTime { margin-bottom: 5px; }
.reviewItem { padding: 0 40px; }
.reviewedInfo h5 { color: #000; font-size: 15px; margin-bottom: 5px; }
.reviewedInfo p { font-size: 14px; line-height: 120%; max-width: 90%; font-family: var(--secondryfamily); }
.reviewedInfo h6 { font-size: 14px; color: rgba(0,0,0,0.3); font-family: var(--secondryfamily); }
.reviewedTime { display: flex; align-items: center; justify-content: space-between; font-size: 13px; color: rgba(0,0,0,0.4); }
.reviewedTime img { height: 20px; }
.reviewedTime { margin-bottom: 5px; }
.reviewItem { padding: 0 20px; }
.trustPilotReviewList  .slick-list { margin: 0 40px; }
.trustPilotReviewList button.slick-arrow { top: 50% !important; bottom: 0; height: 30px !important; border-radius: 100%; width: 30px !important; position: absolute; transform: translateY(-50%); padding: 0 !important; background: transparent; border: 1px solid rgba(0,0,0,0.3); min-width: 30px; left: 0 !important; }
.trustPilotReviewList button.NextArrow.slick-arrow { right: 0 !important; left: auto !important; }
.trustPilotReviewList button.slick-arrow .bi { font-size: 16px; width: 20px !important; color: #999; }
.trustPilotRating .card-body { padding: 40px 20px; }
.trustPilotRating .card { border: 0; box-shadow: 0 27px 26px -19px rgba(0,23,49,0.15); }
.trustPilotReviewList button.slick-arrow:hover .bi { color: var(--blue); }
.transperent_block { padding: 0px; position: relative; overflow: hidden; height: 216px; border-radius: 9px; }
.transperent_block img { width:100%; height: 100%; z-index: 4; object-fit: cover;}
.transperent_block:hover .black_hover_block { opacity: 1; transform: translateY(-150px); -webkit-transform: translateY(-150px); -moz-transform: translateY(-150px); -ms-transform: translateY(-150px); -o-transform: translateY(-150px); }
.transperent_block .black_hover_block { position: absolute; bottom: 100px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; width: 100%; }
.transperent_block:hover .black_hover_block, .black_hover_block:hover { bottom: 40%; transition: all 0.3s ease-in-out; }
.transperent_block:hover .black_hover_block_text { display: flex; flex-direction: column; justify-content: end; }
.transperent_block .blur { background-color: rgba(0,29,58,0.5); height: 250px; z-index: 5; position: absolute; width: 100%; backdrop-filter: blur(6px); }
.transperent_block .black_hover_block_text { z-index: 10; color: #fff; position: absolute; height: 250px; top: auto; width: 100%; padding: 20px; }
	.block_header{ margin-top:5px;}
.black_hover_block_text i { padding: 10px 10px; font-size: 18px; color: #fff; }
.black_hover_block_text i:hover { color:#ffffffa6}
.titl-h5 {padding: 0;    font-size: 22px; font-weight: 400; line-height: 150%;    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.black_hover_block_text li:hover { cursor: pointer; color: #fff; width: 33.34%; }
.black_hover_block_text li { list-style: none; border: none !important; }
	.black_hover_block { display: flex; justify-content: end; }
.transperent_block .black_hover_block .blogViewsCalendar img { width: 20px; }
.transperent_block .black_hover_block .blogViewsCalendar { margin-top: 10px; }
.transperent_block .black_hover_block .blogViewsCalendar span { font-size: 13px; }
.blogDetailInfo .featureImg {
    height: auto;
}
.widgetBox .latestNewsCard .card-header { background: #fff; padding: 20px; }
.widgetBox .latestNewsCard .card-header h4 { font-size: 18px; color: #22222c; }

.widgetBox .latestNewsCard .card-body { background: #f5f5f5;border-radius: 5px; }
.widgetBox .latestNewsCard .card-body h5.card-title a { font-size: 15px; }
.widgetBox .latestNewsCard  .blogViewsCalendar { font-size: 12px; margin-bottom: 0;}
.widgetBox .latestNewsCard  .blogViewsCalendar span img { width: 15px; }
.widgetBox .recentPostThumb.card { border: 0; border-bottom: 1px solid #DCE0E3; border-radius: 0; padding-bottom: 15px; margin-bottom: 15px;}
.widgetBox .recentPostThumb.card:last-child{border: 0; margin-bottom: 0;}
.widgetBox .openAccountCard { border: 0; box-shadow: 0 6px 6px 0px rgba(0,0,0,0.1); }
.widgetBox .openAccountCard .card-body { padding: 40px; }
.dividercard { margin: 30px 0; }
.widgetBox .openAccountCard .openAccount h4 { font-size: 22px; color: #000; font-weight: 500; margin-bottom: 20px; line-height: 130%; }
.widgetBox .openAccountCard .openAccount p { font-size: 13px; color: #4D4E55; font-family: var(--secondryfamily); }
.widgetBox .openAccountCard .openAccount .solidbtn { width: 100%; }
.tradingPairsCard .card-body { padding: 0; }
.tradingTypes { padding: 2px; position: relative; height: 52px; background: #F4F5F6; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.tradingTypes .slick-list { padding: 0 20px; }
.tradingTypes .slick-arrow { min-width: 17px; width: 17px; height: 47px; padding: 0; position: absolute; left: 2px !important; z-index: 9; top: 2px; }
.tradingTypes .slick-arrow .bi { font-size: 14px; }
.tradingTypes .slick-arrow.NextArrow { right: 2px; left: auto !important; top: 2px; }
.tradingTypes .slick-list .slick-track li { height: 40px; line-height: 38px; text-align: center; background: #fff; margin: 5px; padding: 0 8px; width: auto !important; font-size: 14px; color: #22222c; border-radius: 4px; font-weight: 500; cursor: pointer; }
.tradingTypes .slick-list .slick-track li.slick-current.slick-active.slick-center, .tradingTypes .slick-list .slick-track li.item.slick-slide.slick-current { border: 1px solid var(--blue); }
.tradingPairItems .table th { color: #757575; font-size: 14px; font-weight: 400; }
.tradingPairItems .table th { color: #757575; font-size: 14px; font-weight: 400; }
.tradingPairItems .table .solidbtn { height: 23px; width: 50px;font-size: 15px; font-family: var(--primaryfamily); }
.tradingPairItems .table tr td, .tradingPairItems .table tr th { vertical-align: middle; height: 54px; border: 0; }
.tradingPairItems .table tr td p { margin-bottom: 0; }
.tradingPairItems .table { margin-bottom: 0; } 
.mk_up { color: #e84650; }
.mk_down { color: #51C253; font-weight: 400; }
.tradingSpecialNote p { margin: 0; font-size: 12px; line-height: 160%; padding: 20px; text-align: center; font-family: var(--secondryfamily); color: #868686; }
.tradingPairItems .table tbody th { color: #000; }
.ebookHolder { margin-left: 150px; background: linear-gradient(45deg, #B8F2FF, #98D8FF); border-radius: 9px; position: relative; padding-top: 70px; padding-left: 300px; padding-right: 50px; height: 520px; margin-bottom: 90px; }
.mainBookImg {margin-left: -150px;width: 400px;position: absolute;left: 0;}
.bookPriceTag { background: #fff; padding: 1px 26px; font-size: 40px; color: var(--blue); font-family: var(--primaryfamily); font-weight: 300; line-height: 120%; width: 110px; height: 52px; margin-bottom: 0; }
.ebookHolder .sectionHeader h3 { font-size: 100px; font-weight: 300; font-family: var(--primaryfamily); letter-spacing: 0; color: #35363A; line-height: 100%; }
.ebookHolder .sectionHeader p { font-size: 15px; color: #4D4E55; max-width: 50%; margin-top: 15px; }
.buttonViewEbook { position: absolute; left: 0; bottom: -70px; }
.buttonViewEbook { position: absolute; left: 0; bottom: -70px; }
.ebookListHolder .slick-arrow { position: absolute; width: 52px; height: 52px; bottom: 0px; background: transparent; left: -65px !important; border: 1px solid #ddd; border-radius: 5px; background: #fff; }
.ebookListHolder .NextArrow.slick-arrow { right: -40px; left: auto !important; }
.ebookListHolder .slick-arrow .bi { color: #666666; font-weight: 300; }
.buttonViewEbook .linebtn { width: 160px; }
.ebookListHolder .slick-arrow:hover {border-color: var(--blue);}
.ebookListHolder .slick-arrow:hover .bi { color: var(--blue); }
 .headingInfo h3 { font-size: 55px; color: #fff; font-weight: 500; line-height: 120%; height: auto; }
 .headingInfo p { font-size: 20px; color: #fff; font-family: var(--secondryfamily); }
 .videoTutorials .sectionHeaderCategory:before, .mktUpdateForex .sectionHeaderCategory:before {top: 60px;max-width: 290px;right: -20%;}
 .blogGrid .headingInfo h3{color:#000}
 .blogGrid .headingInfo p{color:#000}
.videoListHolder button.slick-arrow { left: -70px !important; top: 50%; position: absolute; height: 52px; transform: translateY(-50%); background: transparent; border: 1px solid #989898; border-radius: 5px; }
.videoListHolder button.slick-arrow.NextArrow { right: -70px; width: 52px; left: auto !important; }
.videoListHolder button.slick-arrow .bi { color: rgba(255,255,255,0.6); font-size: 18px; }
.videoListHolder button.slick-arrow:hover .bi { color: var(--blue); }
.videoListHolder button.slick-arrow:hover { border-color: var(--blue); }
.videoListHolder ul.slick-dots { text-align: center; }
.videoThumbSmall { display: flex; align-items: center; flex-direction: column; row-gap: 15px; }
.videoBig img { width: 110%; }
.videoThumbSmall img { object-fit: cover; height: 210px;width: 100%; border-radius: 7px; }

.videoListHolder iframe { width: 100%;}
.videoListHolder .videoBig iframe { height: 460px; }
.videoListHolder .videoThumbSmall iframe { height: 224px; }
.videoTutorials .sectionHeaderCategory:before { right: -20%; top: 45px; }
.videoTutorials .sectionHeaderCategory .headingInfo { padding-right: 40px; background: #26292d; }
.arrowTopRight { position: absolute; right: 0; top: 20px; width: 40px; height: 40px; background: var(--blue); z-index: 9; border-radius: 4px; display: flex; align-items: center; justify-content: center; opacity: 0; }
.transperent_block:hover .arrowTopRight { opacity: 1; }
.forexAcademyHub > img { width: 50px; margin: auto; }
.forexAcademyHub { text-align: center; padding: 40px 30px; }

.forexAcademyHub h5 { font-size: 22px; color: #000; margin: 20px 0; }
.forexAcademyHub a { color: var(--blue); font-size: 14px; font-family: var(--secondryfamily); }
.forexAcademyHub a .bi { font-size: 12px; }
.forexAcademyHub:hover { box-shadow: 0 32px 21px -8px rgba(0,0,0,0.15); }
.foexPromoSlider .slider-items .slider-item { height: 770px; }
    .foexPromoSlider .slider-items .slider-item img { height: 100%; object-fit: cover; }
    .modifieddots .slick-dots li{width:10px; height:10px;}
 .blog-pagination ul { justify-content: center; }
.blog-pagination .active>.page-link, .blog-pagination .page-link.active { background: var(--blue); border-color: var(--blue); }
.blog-pagination a.page-link:focus { box-shadow: none; }
 .blog-pagination a.page-link:hover { background: var(--blue); color: #fff; }
.blog-pagination a.page-link {color:rgba(0,0,0,0.7)}
.blogLoginBox {padding-bottom: 50px;padding-top: 50px;}
.blogLoginBox .accessbox { background: #fff; }
.blogLoginBox .accessbox h2 { font-size: 45px; color: #444; }
.modifieddots .slick-dots li.slick-active { width: 10px !important; }
/*updated css blog detail*/
.exc_blogDetail .blogViewsCalendar { font-size: 12px; font-weight: 500; }
.exc_blogDetail .excCarousel .carousel-item:before, .exc_MktDetail .excCarousel .carousel-item:before{display: none;}
.exc_blogDetail .excCarousel .carousel-item .carousel-caption:before, .exc_MktDetail .excCarousel .carousel-item .carousel-caption:before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.7);z-index: -1;}
.mt-70{margin-top: 70px;}
.tableofContent { margin-bottom: 70px; }
.blogInfoDetail .tableofContent p {font-size: 35px;font-family: 'Barlow';font-weight: 500;margin-bottom: 16px;}
.tableofContent ol li { font-size: 20px; font-weight: 400; font-family: 'Barlow', sans-serif; margin-bottom: 5px; text-decoration: underline; }
.tableofContent ol li a { text-decoration: underline;vertical-align: top; color:#000; font-weight: 500; }
.blogInfoDetail p.introTitle {font-size: 35px;font-family: 'Barlow';font-weight: 500;line-height: 100%;}
.blogInfoDetail h2, .blogInfoDetail h3, .h2, .h3 {margin-bottom: 20px;font-size: 35px;font-family: 'Barlow';font-weight: 600;}
.blogInfoDetail p { font-family: 'Barlow'; font-weight: 400; line-height: 160%; }
.blogDetailInfo iframe { width: 510px; height: 282px; border-radius: 5px;}
.blogInfoDetail p strong {font-size: 18px;font-weight: 600;}
.blogInfoDetail h4 { font-size: 30px; font-family: 'Barlow'; font-weight: 500; margin-bottom: 20px; margin-top: 40px; }
.blogInfoDetail a { text-decoration: underline; color: #0072ff; font-weight: 500;}
.blogInfoDetail img {border-radius: 5px; }
.blogDetailSidebar  { width:350px; position: absolute; }
.blogDetailSidebar.fixed { position: fixed; top: 120px; }
.trustPilotReviewList .slick-arrow svg { width: 6px; height: 10px; margin-top: -3px; }
.postGridBox .postShareSocial { right: 10px; }
.exc_blog.exc_blogDetail p.trendingBlog { justify-content: flex-start; }
.postShortDesc p a { font-size: 15px; }
.topPostRight .recentPostThumb .imgThumbnail img {     object-fit: cover;     height: 100px; }

.topPostRight .recentPostThumb .imgThumbnail {     height: 100px; }
.disclaimerText p { font-size: 14px; line-height: 140%; }
/*for partial setup*/
.blogListing .blogDetailBanner .carousel-inner { padding-bottom: 60px; height: 300px; margin-top: 100px; }
.blogListing .blogDetailBanner .carousel-inner .carousel-item { height: 300px; position: relative; }
.exc_blogCategory .toPostRightHalf .topPostImg.imgHoverScale img { scale: 1.2; }

.forexAccordionGlossary { display: grid; grid-template-columns: 1fr 1fr; width: 100%; grid-column-gap: 20px; }
.fahCategory .slick-track { margin-left: 0; }


/*gllosary design changes*/
.glossaryAlphabets.stickyGlossary {
    position: sticky;
    top: 100px;
    z-index: 9;
    backdrop-filter: blur(9px);
    background: rgba(228, 232, 236, 0.7);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
    margin-top: 0;
    border-radius: 0;
}
@media(min-width:1540.98px){
    /* .container-lg, .container-md, .container-sm, .container-xl { max-width: 1200px; }
    .container { max-width: 1200px; }*/
 .container-lg{
    padding: 0;
}   
 .blogGrid .container {
        padding: 0 30px;
    }
}
@media(max-width:1599.98px){
    .paddles{display: none;}
}
@media(max-width:1540px){
    .toPostRightFull .topBlogDesc .row { flex-direction: column; }
    .toPostRightFull .topBlogDesc .blogViewsCalendar { display: flex;     width: 100%; justify-content: start; flex-direction: row-reverse;}
    .toPostRightFull .topBlogDesc .col-lg-4 { width: 100%; }
    .slider-items { min-height: 620px; }
    /* .foexPromoSlider .slider-items .slider-item { height: 620px; }
    .foexPromoSlider .slider-items .slider-item img { height: 100%; object-fit: cover; } */
    .foexPromoSlider .slider-control { width: 90%; }
    .sectionHeader h2, .sectionHeader h3, .sectionHeader > h1 { font-size: 44px; }
    .widgetBox .openAccountCard .card-body { padding: 20px; }
    .tradingPairItems .table tr td, .tradingPairItems .table tr th { font-size: 13px; }
    .tradingPairItems .table .solidbtn { width: 39px; height: 24px; }
    .ebookListHolder .listitem { padding: 0 20px 0 0; }
    .videoThumbSmall img{height: auto;}
    .blogBannerDesc .solidbtn.btnViewArticle{width: 60px;}
    .videoTutorials .sectionHeaderCategory:before, .mktUpdateForex .sectionHeaderCategory:before { top: 52px; right: -30px; }
    .videoTutorials .sectionHeaderCategory:before { right: 0; top: 45px; }
    .glossaryAlphabets.stickyGlossary { top: 90px; }
}
@media(max-width:1367px){
    .blogBannerDesc {max-width: 768px; margin: auto 0; }
    p.trendingBlog {justify-content: left;}
    /* p.blogViewsCalendar { justify-content: center; } */
    /* .blogBannerDesc .blogViewsCalendar { justify-content: center; } */
    .foexPromoSlider .slider-nav{padding: 0 70px;}
    /* .foexPromoSlider .trendingBlog { justify-content: center; } */
    .foexPromoSlider ul.slick-dots { width: 768px; left: 21%; margin: auto; }
    .exc_blogDetail .blogBannerDesc {
        max-width: max-content;
    }
}
@media(max-width:1200px){
    .blogBannerDesc{margin: auto;}
}
@media(max-width:992px){
    .buttonMD { width: 290px; height: 52px; }
    .trendingBlogs { margin-top: -53px; }
    .breadcrumb-nav .breadcrumb { margin-bottom: 1px; }
    .sectionPadding { padding: 40px 0; }
    .container { max-width: 932px; }
    .blogGrid.sectionPadding { padding-bottom: 100px; }
    .sectionHeaderCategory:before, .gridSlider:after{display: none;}
    .blogGrid ul.slick-dots { text-align: center; }
    .sectionHeaderCategory { margin-bottom: 10px; }
    .blogGrid .slick-slide{padding: 0 10px;}
    .topBlogDesc h2 { font-size: 24px; }
    .topBlogDesc { left: 10px; width: calc(100% - 20px); padding: 10px; }
    .blogGrid ul.slick-dots { margin-top: 0; }
    .blogGrid.sectionPadding{padding-bottom: 40px;}
    .excCarousel .carousel-control-next, .excCarousel .carousel-control-prev { bottom: 50px; top: auto; }
    .excCarousel .carousel-indicators { bottom: 9%; text-align: center;}
    .trendingCategory nav.breadcrumb-nav { margin-bottom: 20px; }
    .toPostRightFull , .toPostRightFull .topPostImg, .toPostRightHalf , .toPostRightHalf .topPostImg{ height: 355px; }
    .blogCategoryList{border-radius: 0;}
    .toPostRightFull { margin-top: 15px; }
    .topBlogDesc .blogViewsCalendar { justify-content: start; }
    .toPostRightFull .topBlogDesc h2 { font-size: 24px; margin-bottom: 10px; }
    .toPostRightHalf .topBlogDesc h2 { font-size: 24px; }
    .toPostRightHalf .topBlogDesc p.badge { margin-bottom: 15px; }
    .blogDetail .border-end{border: 0 !important;}
    .blogDetailBanner .carousel-inner nav.breadcrumb-nav{bottom: 0; left:0}
    .blogViewsCalendar { justify-content: center;margin-bottom: 10px; }
    .blogBannerDesc .trendingBlog { justify-content: center; margin-bottom: 10px;}
    .topMktPostLeft a,.topMktPostLeft .topPostImg, .topMktPostLeft .topPostImg img { width: 100%; }
    .topMktDesc p.blogViewsCalendar { flex-direction: row; margin-top: 10px; margin-bottom: 0; }
    .topMktDesc .border-start { border: 0 !important; }
    .mktCarousel.excCarousel .carousel-indicators { bottom: 13%; }
    .tradingTypes .slick-list { padding-left: 0 !important; }
    .tradingTypes .slick-list .slick-track { margin-left: 0; }
    .blogBannerDesc {text-align: center;}
    p.trendingBlog { justify-content: center; }
    p.blogViewsCalendar { justify-content: center; } */
    .blogBannerDesc .blogViewsCalendar { justify-content: center; }
    .foexPromoSlider .slider-nav{padding: 0 70px;}
    .foexPromoSlider .trendingBlog { justify-content: center; }
    .foexPromoSlider ul.slick-dots{width: 100%; text-align: center; left:0;bottom: 100px;}
    .btnBannerForex .solidbtn { width: 290px; height: 52px; font-size: 16px; margin: 40px 0; }
    .foexPromoSlider .slider-control { bottom: 100px; }
    .tradingArticles .border-end { border-right: 0 !important; }
    .widgetBox .latestNewsCard .blogViewsCalendar { justify-content: flex-start; }
    .widgetBox .openAccountCard .openAccount .button { max-width: 260px; }
    .trustPilotReviewList ul.slick-dots { text-align: center; margin-top: 30px; }
    .trustPilotReviewList { margin-top: 40px; }
    .trustPilotReviewList.modifieddots .slick-dots li.slick-active { background: #00b77e !important; }
    .trustPilotReviewList:before { content: ''; border-top: 1px solid #e7e7e7; position: absolute; top: -20px; left: 0; width: 100%; }

    .trustPilotReviewList:before { content: ''; border-top: 1px solid #e7e7e7; position: absolute; top: -20px; left: 0; width: 100%; }
    .ebookListHolder .listitem { padding: 0 20px 0 0; }
    .ebookHolder { padding: 200px 50px 0px 50px; margin-left: 0; text-align: center; height: 550px; }
    .mainBookImg { margin-left: 50%; margin-top: -350px; transform: translateX(-50%); }
    .trendingEbook { padding-top: 200px; }
    .ebookHolder .sectionHeader p{margin: auto; max-width: 100%;}
    .ebookHolder .sectionHeader h3 { margin-bottom: 20px; }
    .ebookHolder .sectionHeader h3 { margin-bottom: 20px; }
    .buttonViewEbook { bottom: -200px; left: 50%; transform: translateX(-50%); }
    .ebookHolder { margin-bottom: 220px; }
    .viewAllVideos { text-align: center; margin-top: 40px; }
    .viewAllVideos .button { width: 290px; height: 52px; font-size: 14px; }
    .exc_blog.exc_blogDetail p.trendingBlog { justify-content:center; }
    .recentPostTop{position: relative;}
    .exc_blogCategory .recentPostTop:before { content: ''; background-image: linear-gradient(to bottom, #fff, transparent); position: absolute; left: 0; top: 0; height: 1000px; width: 100%; }
    .forexAccordionGlossary { grid-template-columns: 1fr; }
    .blogDetailBanner .blogBannerDesc { padding: 0 90px; }


    
}
@media(max-width:768px){
    .imgThumbGrid {height: auto;}
    .blogGrid .slick-list{padding: 10px 10px 30px 10px !important;}
    .exc_blog .container-lg {padding: 0;}
    .exc_blog.exc_blogCategory .container-lg {padding:0 calc(var(--bs-gutter-x) * .5);}
    .exc_blog .container { padding: 0 30px; }
    .recentPostTop {background: transparent;position: relative;}
    .breadcrumb-item{font-size: 20px; line-height: 130%;}
    .blogViewsCalendar span.socialShareBanner { position: absolute; left: 5px; top: 35%; }
    .blogViewsCalendar span ul { flex-direction: column; row-gap: 10px; }
    .blogBannerDesc { padding: 0 30px; }
    .blogBannerDesc h1, .blogBannerDesc h2 { font-size: 40px; }
    /*  .blogDetailBanner .carousel-inner { height: 550px; }*/
    .blogDetailBanner .carousel-item { height: 550px; }
    .blogViewsCalendar { justify-content: center; }
    .blogDetailInfo .featureImg {height: auto;}
    .landingMark { opacity: 0.4; }
    .foexPromoSlider .carousel-caption { left: 30px; right: 30px; }
    .foexPromoSlider .carousel-caption .container { padding: 0; }
    .foexPromoSlider .blogBannerDesc { padding: 0; }
    .ebookListHolder .slick-list { overflow: visible; }
    .ebookHolder .sectionHeader h3 { font-size: 60px; margin-top: 20px; }
 .ebookHolder { padding: 200px 20px 0; margin-bottom: 200px; }
    .ebookListHolder { margin-top: 30px; }
    .exc_blogCategory .toPostRightFull, .exc_blogCategory .toPostRightFull .topPostImg, .exc_blogCategory .toPostRightHalf, .exc_blogCategory .toPostRightHalf .topPostImg, .exc_blogCategory .topPostImg{height: 290px;}
    .blogDetailBanner .blogBannerDesc { padding: 0 40px; }
    .btnBannerForex .solidbtn { width: 200px; }

    .glossaryBanner { min-height: 450px; padding-top: 150px; }
    .glossaryAlphabets.stickyGlossary{position: fixed;
        width: 100px;
        padding: 0;
        right: 0;
        border-radius: 6px 0 0 6px;
        overflow: auto;
        overflow: visible;
        margin: 0;
        top: 500px;
        border: 1px solid #ddd;transition: all 0.5s ease-in-out;}
    .glossaryAlphabets.stickyGlossary .container{padding: 0;}
    .glossaryAlphabets.stickyGlossary ul{  height: 400px;
        overflow-y: auto;
        padding: 20px 15px;
        overflow-x: hidden;}
    .toggleButton {
        overflow: visible;
    position: absolute;
    width: 20px;
    left: -19px;
    top: 28px;
    border-radius: 8px 0 0 8px;
    height: 30px;
    text-align: center;
    background: rgba(228, 232, 236, 0.7);
    border: 1px solid #ddd;
    border-right: 0;
    }
    .toggleButton svg {
        margin: 7px 0 0 9px;
        display: block;
    }
    .showLevels{transform: translateX(80%); transition: all 0.5s ease-in-out;background: #fff; box-shadow: 0 -4px 13px rgba(0,0,0,0.15);  z-index: 99;border-top-left-radius: 9px; }
    .glossaryAlphabets.stickyGlossary ul::-webkit-scrollbar-thumb {
        background-color:#9C9C9C;
        border-radius: 10px;
        width:5px
      }
      .glossaryAlphabets.stickyGlossary ul::-webkit-scrollbar{width: 5px;}
      .glossaryAlphabets.stickyGlossary ul::-webkit-scrollbar-track {
        -webkit-box-shadow: none;
        background-color: rgba(228, 232, 236, 0.7);
    }
}
@media(max-width:576px){
    .imgThumbGrid img{width: 100%;}
    .loadDivSm{display: none;}
 #loadRecent:hover {
    background: var(--blue);
}
    #loadRecent {text-align: center;margin: auto;position: absolute;bottom: 50px;left: 50%;width: 290px;transform: translateX(-50%);height: 52px;line-height: 36px;font-size: 16px;background: #fff;}
    .recentPostSm { position: absolute; z-index: 999; height: 350px; bottom: 0; left: 0; background-image: linear-gradient(to top, #fff, transparent); }
    .subscriptionForm h4 { font-size: 30px; }
    .subscriptionForm p { font-size: 14px; }
    .subscriptionForm { padding: 30px; }
    .glossaryAlphabets{padding: 10px;}
    .glossaryAlphabets ul li a { width: 46px; height: 46px; font-size: 28px; }
    .blogBannerDesc .blogViewsCalendar { justify-content: center; }
    .blogBannerDesc .blogViewsCalendar {flex-direction: row;row-gap: 20px;}
    .blogBannerDesc .blogViewsCalendar span { border: 0; }
    .breadcrumbsSection .container { padding: 0; }
    .foexPromoSlider .blogBannerDesc .blogViewsCalendar { flex-direction: row; }
    .blogCategoryHeader h1 {font-size: 42px;line-height: 65px;}
    .sectionHeader h2, .sectionHeader h3, .sectionHeader > h1 { font-size: 36px; }
    .ebookListHolder .listitem img { width: 140px !important; max-width: 140px; }
    .ebookListHolder .listitem { width: 160px !important; }
    .ebookListHolder .slick-list { overflow: visible; }
    .ebookHolder .sectionHeader h3 { font-size: 40px; }
    .ebookHolder { padding: 200px 20px 0; }
    .forexGlossaryBox .card-body { padding: 20px 20px 0; }
    .headingInfo h3 { font-size: 36px; margin-bottom: 10px; }
    .blogLoginBox .accessbox h2 {font-size: 32px;margin-bottom: 20px;}
    .blogInfoDetail h2, .blogInfoDetail h3, .h2, .h3, .blogInfoDetail p.introTitle , .blogInfoDetail .tableofContent p{ font-size: 25px; }
    .blogDetailInfo iframe { width: 100%; min-height: 200px; height: 100%; }

    .blogInfoDetail p{font-size: 16px;}
.exc_blogDetail .breadcrumb-nav .breadcrumb{width: auto;}
.exc_blogDetail .breadcrumb-nav .breadcrumb-item.active {
    white-space: nowrap;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    width: 50%;
    overflow: hidden;
}
.exc_blogCategory .toPostRightHalf .topPostImg.imgHoverScale img {
    scale: 1;
    object-position: left;
}

.topPostImg img {
    object-position: left;
}
.tradingTypes .slick-list{padding-left: 50px !important;}
}

@media(max-width:480px){
    .blogBannerDesc h1, .blogBannerDesc h2 { font-size: 30px; }
    .breadcrumb-item { font-size: 16px; }
    .breadcrumb-nav .breadcrumb { height: 40px; }
    .breadcrumbsSection { margin-top: -40px; }
    .ebookListHolder .listitem img { width: 120px !important; max-width: 120px; }
    .ebookListHolder .listitem { width: 130px !important; }
    .mainBookImg img { max-width: 260px; }
 .mainBookImg { margin-top: -220px; }
 .ebookHolder { padding-top: 100px; }
 .ebookHolder { height: 440px; margin-bottom: 120px; }
}
#subscribe_email-error { font-size: 14px; font-weight: 400; color: #f00; text-align: left; width: 100%; }
.blog_subscribr_msg {font-size: 14px;}
.blogDetailInfo .table th { background: #ececec; }
.blogInfoDetail h5 { font-size: 24px; margin-bottom: 10px; }
.blogDetailInfo .table-responsive .table { table-layout: fixed; width: 100%; }
.blogDetailInfo .table-responsive .table .active th:first-child { width: 7%; }
.blogDetailInfo .table-responsive .table .active th:nth-child(2) { width: 18%; }


@media (max-width: 992px){
 .blogDetailInfo .table-responsive .table .active th:nth-child(3) { width: 33%; }
  .blogDetailInfo .table-responsive .table .active th:nth-child(4) { width: 33%; }
  .blogDetailInfo .table-responsive .table { table-layout: auto; white-space: initial; border-collapse: collapse; width: 500px; }
  .topPostLeft a { width: 100%; }
  .topPostImg, .topPostImg img { width: 100%; max-width: 100%; }
}

/*learn forex*/
.faq-youtube-container { margin: 0; }
.faqnewbutton { margin: 0; }
.faqnewbutton img { display: inline-block; height: 100%; }
.videoListHolder-sm .listitem { padding: 0 10px 0 0; }
.videoListHolder-sm .slick-list { overflow: visible; }
.videoListHolder-sm .slick-dots { text-align: center; }
.latestNewsCard  a.view_all { color: var(--blue); text-align: right; float: right; font-size: 14px; line-height: 20px; font-family: var(--secondryfamily); }
/*daily market updates*/
.newsBanner { min-height: 540px; padding-top: 200px; background-color: #000; background-image: url(https://exc-devp.s3.eu-west-2.amazonaws.com/uploads/market-news-banner.png); background-position: center center; background-repeat: no-repeat; background-size: cover; }
.latestNewsBanner { background: #FAFAFA; padding: 30px 60px 30px 30px; border-radius: 20px 20px 0 0; }
.latestNewsBanner h3 { font-size: 30px; color: #1D1D1B; margin-bottom: 15px; }
.newsInfo h3 { font-size: 27px; font-weight: 500; }
.newsitem .imgThumbnail { height: 266px; border-radius: 9px; overflow: hidden; }
.newsitem .imgThumbnail img { width: 100%; height: 100%; object-fit: cover; }
.newsInfo p { font-size: 16px; color: #1d1d1b; line-height: 160%; font-family: var(--secondryfamily); }
.newsInfo a { color: var(--blue); text-decoration: underline; font-size: 14px; font-family: var(--secondryfamily); margin-bottom: 10px; }

.newsInfo .blogViewsCalendar > span { column-gap: 5px; font-size: 12px; color: #1e1e1e; font-weight: 500; }
.newsCarousal ul.slick-dots { text-align: center; }

.newsBannerHeader p { font-size: 25px; color: #fff; font-family: var(--primaryfamily); margin-top: 20px; font-weight: 300; }
.newsBannerHeader { margin-bottom: 80px; }
.mktNewsHolder { background-image: linear-gradient( rgba(255,255,255,1) 0%, rgba(255,255,255,0 ) 20%); padding: 0 30px;}
.mktNewsHolder .newsGridBox {background: #fff;border-radius: 5px;border: 0;min-height: 420px;}
.mktNewsHolder .newsGridBox .card-body { padding: 5px 15px 20px; }
.mktNewsHolder .newsGridBox .card-body a { color: var(--blue); font-size: 14px; font-family: var(--secondryfamily); text-decoration: underline; font-weight: 400; }
.mktNewsHolder .newsGridBox .card-body h5, .mktNewsHolder .newsGridBox .card-body h5 a { font-size: 22px; color: #1d1d1b; line-height: 130%; font-weight: 500; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; text-decoration:none}
.mktNewsHolder .newsGridBox .card-body h5 a:hover{color: #4ba4db}
.mktNewsHolder .newsGridBox .card-body p { font-size: 15px; color: #4d4e55; line-height: 140%; font-family: var(--secondryfamily); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.newsdetailHeader { display: flex; align-items: flex-start; column-gap: 20px; margin-bottom: 0px; }
.newsdetailHeader a.backtoprev { min-width: 55px; }
.newsdetailHeader .newsHead h1 { height: auto; line-height: 120%; margin-top: -8px; }
.newsdetailHeader .newsHead .blogViewsCalendar { font-size: 14px; color: #fff; margin-top: 20px; }
.newsFeatureImage { background: #fff; padding: 30px; border-radius: 20px 20px 0 0; }
 .newsFeatureImage img { width: 100%; height: 350px; object-fit: cover; border-radius: 5px; }

 .mktNewsHolder h2 { margin-top: 40px; }
.fxs-content-module-section h3 { font-size: 22px; padding: 10px; border: 0; background: #f7f7f7; margin: 0; }
.fxs-content-module-section { background: #fff; border-radius: 7px; overflow: hidden; margin-bottom: 20px; }
.fxs-content-module-section p { padding: 20px; font-size: 18px; }
.forexGlossaryBox{cursor: pointer; position: relative;}
.loadforexGlossary i{left:0}
.forexGlossaryBox:before { content: ''; background: transparent; position: absolute; left: 0; top: 50px; width: 100%; height: 100%; z-index: 1; }
.norecordBox {    background: #fff;    border-radius: 0 0 10px 10px;    padding: 100px;    display: flex;    align-items: center;    flex-direction: column;    row-gap: 20px;}
.norecordBox p {    font-size: 38px;    color: #535364;    font-weight: 500;}

@media(max-width:992px){
    .newsGridBox .blogViewsCalendar { justify-content: flex-start; font-size: 13px;}
    .latestNewsBanner { padding: 20px; }
    .newsitem  .blogViewsCalendar { justify-content: flex-start; }
    .newsitem .newsInfo { margin-top: 10px; }
    .newsBannerHeader, .newsBannerHeader h1 { text-align: center; justify-content: center; }
    .newsBannerHeader p { font-size: 17px; }
    .newsBannerHeader p { font-size: 18px; line-height: 180%; }
    .newsBannerHeader { margin-bottom: 40px; }
    .mktNewsHolder { padding: 0 20px; }
}
 @media(max-width:768px){
    .newsdetailHeader .newsHead h1 { font-size: 40px; margin-bottom: 20px; margin-top: 0; }
    .newsdetailHeader { column-gap: 10px; }
    .newsBanner { padding-top: 120px; }
    .norecordBox {  padding: 100px 0;}
 }
 @media(max-width:576px){
    .exc_newsUpdates .container { padding: 0 10px; }
 }
p:empty {
    display: none;
}

#st-1.st-has-labels .st-btn {
    width: 80px;
    min-width: 90px !important;
    background: #000 !important;
    border: 1px solid #373737;
    display: inline-block !important;
}

#st-1 .st-btn > span {
    min-width: 50px;
}

#st-1.st-has-labels .st-btn:before {
    content: '';
    background: #f00;
    width: 40px;
    height: 100%;
    position: absolute;
    left: 0;
    border-radius: 2px;
}

#st-1.st-has-labels .st-btn.st-remove-label > span {
    display: inline-block !important;
}

.st-btn[data-network="facebook"]:before {
    background: #516eab!important;
}

.st-btn[data-network="linkedin"]:before {
    background: #29c5f6 !important;
}

.st-btn[data-network="twitter"]:before {
    background: #252525 !important;
}

.st-btn[data-network="whatsapp"]:before {
    background: #7bbf6a !important;
}
.st-label:empty:before {
    content: '0';
}
@media(max-width:992px){
.blogViewsCalendar {
    flex-direction: column !important;
    row-gap: 20px;
}
}
@media(max-width: 576px){
#st-1.st-has-labels .st-btn.st-remove-label {
    min-width: 40% !important;
    margin: 5px;
}

#st-1 .st-btn > img {
    position: absolute !important;
    left: 10px;
}

#st-1.st-has-labels .st-btn.st-remove-label > span {
    padding-left: 33px;
}
}