/*=========================================================
	Select2 CSS Start 
=========================================================*/
.select2-container {width: 100% !important; }
.select2-container.select2-container--open .select2-dropdown--below {border: 1px solid rgba(0,0,0,.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); }
.select2-container .select2-selection--single {padding: 28px 12px 37px; position: relative; font-weight: 600; font-size: 18px; color: #555; background: transparent; border: 1px solid #ccc; border-radius: 4px; box-shadow: none; }
.select2-container .select2-selection--single .flag-icon {border-bottom: none; }
.select2-container .select2-selection--single .select2-selection__rendered {padding: 0; font-weight: 600; font-size: 18px; color: #555; }
.select2-container .select2-results__option--highlighted.select2-results__option--selectable, .select2-container .select2-results__option--selected {background: #9758ba; color: #fff; }
.select2-container .select2-selection--single .select2-selection__arrow {top: calc(50% - 13px); }
.select2-container .select2-selection--single .select2-selection__rendered {padding-left: 28px; }
.select2-container .select2-selection--single .select2-selection__rendered:before {left: 0; }
/*=========================================================
	Select2 CSS End 
=========================================================*/

/*=========================================================
	Tools Page CSS Start
=========================================================*/
/*----- Banner Section -----*/
.banner-sec {background-color: #b2b2b2; padding: 155px 0 75px; position: relative; overflow: hidden; }
.banner-sec.tools-banner { padding: 210px 0 120px; background: url(../images/tools/tools-banner.jpg) no-repeat; background-size: cover; min-height: 650px; }
.banner-sec .banner-ratealert-wrap {background-color: #ffffff; padding: 25px 15px; }
.banner-sec .sidebar-wrap .backbutton {top: 1px; right: unset; }
/*----- Exchange Rate Section -----*/
.exchange-rate-sec { padding: 40px 0 50px; }
.exchange-rate-sec .exchange-rate-box .exchange-title {font-size: 24px; font-weight: 600; line-height: 1.2; color: #333333; margin-bottom: 35px; }
.exchange-rate-sec .exchange-rate-box .select2-container .select2-selection--single {padding: 10px 12px; height: 50px; }
.exchange-rate-sec .exchange-rate-box .convert-btn-wrap {position: relative; display: block; height: 100%; }
.exchange-rate-sec .exchange-rate-box .convert-btn-wrap .convert-btn {padding: 0; background-color: #9E5DC2; position: absolute; bottom: 0; z-index: 111; width: 50px; height: 50px; left: calc(50% - 25px); color: #fff; font-size: 11px; font-weight: 700; line-height: 50px; text-align: center; cursor: pointer; border-radius: 50px; }
.exchange-rate-sec .exchange-rate-box .exchange-graph-img { box-shadow: 0 20px 66px 0 rgba(34,48,73,.2); }
@media only screen and (max-width: 767px) {
	/*----- Banner Section -----*/
	.banner-sec.tools-banner { padding: 0px 0 40px; background: #ffffff; min-height: auto; }
	.mobile-banner { position: relative; margin-bottom: 40px; }
	.banner-sec .banner-ratealert-wrap { padding:0; }
	.mobile-banner img { min-height: 260px; object-fit: cover; object-position: left; }
	.mobile-banner .banner-detail-wrap {position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	.mobile-banner .banner-detail-wrap .banner-title {position: absolute; width: 100%; text-align: center; bottom: 25%; margin: 0; }
}
@media only screen and (max-width: 575px) {
	/*----- Banner Section -----*/
	.mobile-banner .banner-detail-wrap .banner-title { font-size: 28px; }
	/*----- Exchange Rate Section -----*/
	.exchange-rate-box .convert-btn-wrap .convert-btn {position: relative !important; display: block; margin: 10px auto; width: 100% !important; max-width: 50px; left: 0 !important; }
}
/*=========================================================
	Tools Page CSS End
=========================================================*/

/*=========================================================
	Currency Audit CSS Start 
=========================================================*/
/*--- Currency Audit Banner ---*/
.currency-audit-banner { background-image: url(../images/general/currency-audit-banner.jpg); background-repeat: no-repeat; background-position: top center; background-size: cover; }
/*--- Currency Audit Support ---*/
.currency-audit-support {background: url(../images/general/audit_back_image.png) no-repeat; background-position: 100% 100%; background-size: cover; position:unset; }
.currency-audit-support .no-hover-effect .fees-item:hover img, .currency-audit-support .no-hover-effect .fees-item:focus img { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
.currency-audit-support .support-items.no-hover-effect .support-items-holder:hover .fees-item-title {color: #2c3342; }
/*--- Currency Audit Customer ---*/
.currency-audit-customer {background: #3061cb; background: -moz-linear-gradient(left, #3061cb 0%, #3ac7e6 100%); background: -webkit-linear-gradient(left, #3061cb 0%,#3ac7e6 100%); background: linear-gradient(to right, #3061cb 0%,#3ac7e6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3061cb', endColorstr='#3ac7e6',GradientType=1 ); padding: 40px 0 38px; width: 100%; position:unset; }
.currency-audit-customer p {font-size: 18px; font-weight: 400; line-height: 32px; color: #ffffff; text-align: center; margin: 0 auto; max-width: 711px; }
/*--- Currency Audit Effective Policy ---*/
.currency-audit-effective-policy .section-title { font-size: 20px } 
.currency-audit-effective-policy .fees-item-detail { font-size: 14px; font-weight: 600; line-height: 1.5; color: #2c3342; }
.currency-audit-effective-policy .fees-item .policy-step {font-size: 13px; font-weight: 700; margin-bottom: 13px; margin-top: 13px; text-transform: uppercase; letter-spacing: 2px; }
.currency-audit-effective-policy .fees-item .step-1 { color: #e21b78; }
.currency-audit-effective-policy .fees-item .step-2 { color: #feb336; }
.currency-audit-effective-policy .fees-item .step-3 { color: #a4b571; }
.currency-audit-effective-policy .fees-item .step-4 { color: #48bac4; }
.currency-audit-effective-policy .fees-item .step-5 { color: #bb7ea7; }
.currency-audit-effective-policy .fees-item .step-6 { color: #7fa5b8; }
.currency-audit-effective-policy .fees-item .step-7 { color: #4279a2; }
@media (max-width: 991px) {
	/*--- Currency Audit Banner ---*/
	.currency-audit-banner .banner-title { font-size: 60px; }
}
@media (max-width: 767px) {
	/*--- Currency Audit Banner ---*/
	.currency-audit-banner .banner-title { font-size: 40px; }
}
/*=========================================================
	Currency Audit CSS End 
=========================================================*/

/*=========================================================
	Pricing Section CSS Start 
=========================================================*/
/*--- Pricing Section ---*/
.pricing-section {max-width: 1920px; margin: 0 auto 70px; }
.pricing-section .support-items {padding: 0; }
.pricing-section .support-items .support-items-holder {padding: 20px 30px; }
.pricing-section .support-items .support-items-holder .fees-item {max-width: 100%; }
.pricing-section .support-items .support-items-holder .fees-item .fees-item-title {font-size: 16px; font-weight: 600; color: #2c3342; margin-top: 15px; }
.pricing-section .support-items.support-items-1 .support-items-holder:hover .fees-item .fees-item-title { color: #84a6bf; }
.pricing-section .support-items.support-items-2 .support-items-holder:hover .fees-item .fees-item-title { color: #4578a5; }
.pricing-section .support-items.support-items-3 .support-items-holder:hover .fees-item .fees-item-title { color: #55bcc5; }
.pricing-section .support-items.support-items-4 .support-items-holder:hover .fees-item .fees-item-title { color: #4a97d2; }
.pricing-section .support-items .support-items-holder img { -webkit-transition: -webkit-transform .8s ease-in-out; transition: transform .8s ease-in-out; }
.pricing-section .support-items:hover .support-items-holder img, .pricing-section .support-items:focus .support-items-holder img { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
@media (max-width: 767px) {
	/*--- Pricing Section ---*/
	.pricing-section .support-items { border:0 !important; }
}
/*=========================================================
	Pricing Section CSS End 
=========================================================*/

/*=========================================================
	Sidebar Section CSS Start 
=========================================================*/
/*----- Sidebar Titls -----*/
.sidebar-wrap .sidebar-title {font-size: 24px; font-weight: 600; line-height: 1.2; color: #333333; margin-bottom: 10px; }
.sidebar-wrap .sidebar-title.small { font-size: 20px; margin-top: 10px; margin-bottom: 20px; }
.sidebar-wrap .sidebar-pera {font-size: 16px; font-weight: 400; line-height: 1.5; color: #2c2b30; margin-bottom: 20px; }
.sidebar-wrap .backbutton { position: absolute; top: -3px; right: 0; width: 27px; height: 27px; line-height: 0; }
.sidebar-wrap .backbutton img { width: 100%; height: 100%; }
/*----- Sidebar Column -----*/
.sidebar-wrap .row { margin: 0 -5px; }
.sidebar-wrap [class*="col-"] { padding: 0px 5px; }
/*----- Sidebar Form Controls -----*/
.sidebar-wrap .form-group { margin-bottom: 10px; position: relative; }
.sidebar-wrap .form-group .form-control::-webkit-input-placeholder {color: #545454 !important; }
.sidebar-wrap .form-group .form-control:-ms-input-placeholder {color: #545454 !important; }
.sidebar-wrap .form-group .form-control::placeholder {color: #545454 !important; }
.sidebar-wrap .form-group .form-control {font-size: 18px; font-weight: 600; line-height: 1; color: #545454; border: 1px solid #ccc; background-color: transparent; border-radius: 3px; padding: 6px 12px; height: 64px; }
.sidebar-wrap .form-group .form-control.date-input {font-size: 15px; font-weight: 500; text-transform: uppercase; height: 45px; }
.sidebar-wrap .form-group .form-control.floting-input { padding: 30px 12px 13px; }
.sidebar-wrap .form-group select.form-control.simple-select { padding: 6px 12px; }
.sidebar-wrap .form-group select.form-control {position: relative; font-size: 18px; font-weight: 600; line-height: 1; color: #555555; background: transparent; padding: 18px 12px 0; border: 1px solid #ccc; border-radius: 4px; width: 100%; height: 64px; }
.sidebar-wrap .form-group label {font-size: 11px; font-weight: 500; line-height: 1; color: #9e5dc2; position: absolute; top: 12px; left: 12px; }
.sidebar-wrap .form-group .caret {position: absolute; top: 33px; right: 8px; width: 0; height: 0; border-top: 5px solid #737373; border-right: 4px solid transparent; border-left: 4px solid transparent; transform: translateY(-50%); }
/*----- Sidebar Mobile Input -----*/
.sidebar-wrap .form-group.formate-phone .iti__selected-flag { padding: 0 15px; border-right: 1px solid #ccc; }
.sidebar-wrap .form-group.formate-phone .form-control { padding-left: 75px !important; }
/*----- Sidebar Checkboxs -----*/
.sidebar-wrap .checkbox-container {display: block; font-size: 16px; font-weight: 400; line-height: 30px; color: #2c2b30; padding-left: 40px; margin-bottom: 20px; position: relative; cursor:pointer; }
.sidebar-wrap .checkbox-container input {position: absolute; opacity: 0; }
.sidebar-wrap .checkbox-container .checkmark {width: 30px; height: 30px; background: #eeeeee; }
.sidebar-wrap .checkbox-container input:checked ~ .checkmark {background-color: #9E5DC2; }
.sidebar-wrap .checkbox-container .checkmark:after {left: 10px; top: 5px; width: 9px; height: 16px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.sidebar-wrap .checkbox-container input:checked ~ .checkmark:after {display: block; }
.sidebar-wrap .checkbox-container.trust-check {line-height: 1.3; }
.sidebar-wrap .checkbox-container input.help-block ~ .checkmark { border: 1px solid #9c2c02 !important; }
/*----- Sidebar Authors Data -----*/
.sidebar-wrap .authors-data {display: flex; justify-content: flex-start; align-items: center; margin-top: 10px;}
.sidebar-wrap .authors-data img {max-width: 50px; border-radius: 50%; margin-right: 15px; }
.sidebar-wrap .authors-data .author-name {font-size: 16px; font-weight: 500; line-height: 1.5; color: #2c2b30; border-bottom: 1px dashed #9e5dc2; margin-bottom: 5px; }
.sidebar-wrap .authors-data .author-name:hover { color: #9e5dc2; }
/*----- Sidebar Submit Button -----*/
.sidebar-wrap .form-btn {font-size: 20px; font-weight: 500; line-height: 1.3em; color: #ffffff; letter-spacing: -.04rem; border: none; border-radius: 3px; padding: 16px 10px; background: #9E5DC2; width: 100%; margin-top: 10px; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; }
.sidebar-wrap .form-btn:hover { background: #55bcc5; }
/*=========================================================
	Sidebar Section CSS End 
=========================================================*/

/*=========================================================
	Blog List CSS Start 
=========================================================*/
/*----- All Categories Section -----*/
.blog-inner-flag-dropdown .select2-container .select2-selection--single {height: 64px;}
.blog-inner-flag-dropdown .select2-container .select2-selection--single {padding: 17px 12px 37px;}
.categories-section {padding: 50px 0; }
.categories-section .all-categories-wrap { background: #eeeeee; padding: 20px; }
.categories-section .all-categories-wrap .section-title {font-size: 24px; font-weight: 500; line-height: 1.2; color: #333333; margin-bottom: 10px; }
.categories-section .all-categories-wrap a {display: inline-block; font-size: 14px; font-weight: 500; line-height: 1.5; color: #ffffff; background: #00a9ea; border: 0; border-radius: 5px; padding: 6px 15px; margin: 2px 0; }
.categories-section .all-categories-wrap a:hover { background:#9E5DC2; }
/*----- Latest Market Data Section -----*/
.latest-marketdata-sec .marketdata-news-wrap { height: auto; margin-bottom: 0; }
/*----- Market Data Section -----*/
.marketdata-sec { padding: 50px 0; } 
.latest-marketdata-sec .marketdata-news-wrap .marketdata-title {padding: 15px 40px 15px 15px; }
.marketdata-blog-content p {font-size: 16px;}
.marketdata-news-wrap { position: relative; background: #ffffff; height: calc(100% - 26px); margin-bottom: 26px; border-top: 4px solid #00a9ea; border-left: 1px solid #eeeeee; border-right: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; }
.marketdata-news-wrap .marketdata-title {display: block; font-size: 21px; font-weight: 500; line-height: 1.2; color: #333333; padding: 15px 15px 15px; }
.marketdata-news-wrap .marketdata-title:hover {color: #23527c;}
.marketdata-news-wrap .marketdata-meta {font-size: 13px; font-weight: 400; line-height: 1.5; color: #2c2b30; padding: 0 15px 15px; }
.marketdata-news-wrap .marketdata-meta .meta-link {font-weight: 600; color: #2c2b30; }
.marketdata-news-wrap .marketdata-meta .meta-link:hover {text-decoration: underline; }
.marketdata-news-wrap .marketdata-meta .meta-span {font-weight: 600; color: #2c2b30; }
.marketdata-news-wrap .marketdata-news-footer {background: #eeeeee; padding: 15px 15px; }
.marketdata-news-wrap .marketdata-news-footer a {display: inline-block; font-size: 13px; font-weight: 500; line-height: 1.5; color: #ffffff; background: #00a9ea; border: 0; border-radius: 5px; padding: 6px 10px; margin: 2px 0; }
.marketdata-news-wrap .marketdata-news-footer a:hover { background:#9E5DC2; }  


.marketdata-sec .marketdata-pagination {padding: 0; list-style-type: none; display: flex; align-items: center; justify-content: flex-start; }
.pagination-wrap .pagination li {font-size: 14px; font-weight: 500; line-height: 1.2; color: #2c2b30; background-color: #fff; border: 1px solid #dddddd; margin-left: -1px; border-radius: 0; }
.pagination-wrap .pagination li a, .pagination-wrap .pagination li span {display: block; padding: 10px 15px; color: #00a9ea; }
.pagination-wrap .pagination a:hover {background: #00a9ea; color: #ffffff; }
.pagination-wrap .pagination .active span {background: #00a9ea; border-color: #00a9ea; color: #ffffff; }
/*.pagination-wrap .pagination .page-link {border: none;}*/
.pagination-wrap .pagination li {border: none;}
.pagination-wrap .small.text-muted {display: none;}
.pagination-wrap .align-items-sm-center {align-items: start !important;}
.pagination-wrap .align-items-sm-center div:first-child {display: none;}

.social-service {position: absolute; top: 15px; right: 5px; background: #eeeeee; line-height: 0; width: 30px; height: 30px; padding: 7px; border-radius: 50%; cursor: pointer; }
.social-service ul { position: relative; width: 140px; float: right; list-style-type: none; border: 1px solid #eeeeee; background: #ffffff; padding: 3px 0; margin: 0; z-index: 99; }
.social-service ul li {font-size: 14px; font-weight: 400; line-height: 1.5; color: #2c2b30; }
.social-service ul li a {display: block; color: #2c2b30; padding: 3px 15px; }
.social-service ul li a:hover {color: #9E5DC2; }
.social-service ul li img {width: 14px; margin-right: 7px; }
.social-service ul { height: 0; overflow: hidden; opacity: 0; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; }
.social-service:hover ul, .social-service ul.open { opacity: 1; height: 116px;}
@media (max-width: 991px) {
	/*----- Market Data Section -----*/
	.marketdata-sec { padding: 0px 0 50px; }
	/*----- Latest Market Data Section -----*/
	.latest-marketdata-sec .row { flex-direction: column-reverse; }
}
@media (max-width: 575px) {
	.marketdata-sec .marketdata-pagination { justify-content:center; }
	.marketdata-sec .marketdata-pagination li a, .marketdata-sec .marketdata-pagination li span { padding: 8px 10px; }
}
/*=========================================================
	Blog List CSS End 
=========================================================*/

/*=========================================================
	Blog Detail CSS Start 
=========================================================*/
.marketdata-blog-content .blog-title {font-size: 22px; font-weight: 500; line-height: 1.2; color: #333333; margin-bottom: 0; }
.marketdata-blog-content .blog-pera {font-size: 16px; font-weight: 400; line-height: 1.5; color: #2c2b30; margin-bottom: 0; }
.marketdata-blog-content-footer .marketdata-meta {font-size: 13px; font-weight: 400; line-height: 1.5; color: #2c2b30; }
.marketdata-blog-content-footer .marketdata-meta .meta-link {font-weight: 600; color: #2c2b30; }
.marketdata-blog-content-footer .marketdata-meta .meta-link:hover {text-decoration: underline; }
.marketdata-blog-content-footer .marketdata-meta .meta-span {font-weight: 600; color: #2c2b30; }
.marketdata-blog-content-footer .all-categories-wrap {background: #eeeeee; padding: 20px 50px 20px 20px; position:relative; }
.marketdata-blog-content-footer .all-categories-wrap .news-cat {display: inline-block; font-size: 14px; font-weight: 500; line-height: 1.5; color: #ffffff; background: #00a9ea; border: 0; border-radius: 5px; padding: 6px 15px; margin: 2px 0; }
.marketdata-blog-content-footer .all-categories-wrap .news-cat:hover {background: #9E5DC2; }
.marketdata-blog-content-footer .social-service { background: #ffffff; }
/*=========================================================
	Blog Detail CSS End 
=========================================================*/

/*=========================================================
	Support - FAQ's & 2FA CSS Start 
=========================================================*/
.support-faq-sec {padding: 0 0 65px; position: unset; }
.support-faq-sec .accordion .accordion-item {border: none; border-bottom: 1px solid #2f91c6; border-radius: 0 !important; padding-bottom: 15px; margin-bottom: 15px; }
.support-faq-sec .accordion .accordion-item .accordion-button {font-size: 20px; font-weight: 600; line-height: 1.2; color: #233549; padding: 15px 0px 15px 40px; border: none !important; box-shadow: none !important; border-radius: 0 !important; background: transparent !important; }
.support-faq-sec .accordion .accordion-item .accordion-button::after {content: "+"; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: transparent; font-size: 40px; font-weight: 500; line-height: 0.5; color: #2e77ae; }
.support-faq-sec .accordion .accordion-item .accordion-button:not(.collapsed)::after {content: "-"; line-height: 0.35; color: #2e77ae;}
.support-faq-sec .accordion .accordion-item .accordion-button:not(.collapsed) {color: #2e77ae; border-bottom: 1px solid #2f91c6 !important;}
.support-faq-sec .accordion-collapse {padding-top: 25px;}
.support-faq-sec .accordion .accordion-item .content-pera {font-size: 14px; font-weight: 400; line-height: 1.7; color: #2c2b30; margin-bottom: 0; }
.support-faq-sec .accordion .accordion-item .content-pera a { color: #337ab7; }
.support-faq-sec .accordion .accordion-item .content-pera a:hover { color: #23527c; text-decoration: underline; } 
.support-faq-sec .accordion .accordion-item ul li {font-size: 14px; font-weight: 400; line-height: 1.7; color: #2c2b30; margin-bottom: 0; }
.support-faq-sec .accordion .accordion-item ul li a { color: #337ab7; }
.support-faq-sec .accordion .accordion-item ul li a:hover { color: #23527c; text-decoration: underline; } 

.table th {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
    color: #2c2b30;
}
.table td {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #2c2b30;
}

@media (max-width: 767px) {
	.support-faq-sec .accordion .accordion-item .accordion-button { font-size: 18px; }
}
/*=========================================================
	Support - FAQ's & 2FA CSS End
=========================================================*/