/*==================================================
Project Name: Excelcurrencies
Version: 1.0
==================================================*/
*, ::after, ::before {-webkit-box-sizing: border-box; box-sizing: border-box; outline: none;}
img {max-width: 100%; height: auto; width: auto;}
body {margin: 0; padding: 0; color: #1D1D1D; font-size: 21px; font-weight: 300; line-height: 1.5; font-family: 'Montserrat', sans-serif;}
a, a:hover {text-decoration: unset; outline: none; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s;}
p {margin-bottom: 20px;}

/*==================================================
    Header Section
==================================================*/
.site-header {background-color: transparent; position: fixed; top: 0; right: 0; left: 0; z-index: 1030; transition: all ease-in-out 0.3s; border-bottom: 1px solid rgba(255,255,255,0.5); width: 100%; max-width: 100%;}
.site-header.header-sticky {background: rgba(255, 255, 255, 0.9); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);}
.site-header.header-submenu-open.header-submenu-gn {background-color: #009cde; background-image: radial-gradient(circle farthest-side at center bottom,#96ddfb,#2d5193 125%) !important; height: 302px;}
.site-header.header-submenu-open.header-submenu-bs {background-color: #009cde; background-image: radial-gradient(circle farthest-side at center bottom,#009cde,#003087 125%) !important; height: 300px;}
.site-header .navbar-brand {padding: 0;}
.site-header .navbar-brand img { max-width: 174px; }
.site-header .normal-logo {display: none;}
.site-header.header-sticky .normal-logo {display: inline-block;}
.site-header.header-sticky .white-logo {display: none;}
.site-header.header-submenu-open .normal-logo {display: none;}
.site-header.header-submenu-open .white-logo {display: inline-block;}
.site-header .navbar {padding: 0;}
.site-header nav .navbar-nav .nav-link {font-size: 16px; font-weight: 500; line-height: 1; color: #fff; padding: 35px 25px; cursor: pointer; border-bottom: 2px solid transparent;}
.site-header.header-sticky nav .navbar-nav .nav-link {color: #454545;}
.site-header.header-submenu-open nav .navbar-nav .nav-link {color: #fff;}
.site-header.header-sticky nav .navbar-nav .nav-link:hover,
.site-header.header-sticky nav .navbar-nav .nav-link:focus {color: #454545;border-bottom: 2px solid #454545;}
.site-header.header-submenu-open nav .navbar-nav .nav-link:hover,
.site-header.header-submenu-open nav .navbar-nav .nav-link:focus {color: #fff;border-bottom: 2px solid #fff;}
.site-header nav .navbar-nav .nav-link:hover, .site-header nav .navbar-nav .nav-link:focus {color: #ffff;border-bottom: 2px solid #fff;}
.site-header nav .navbar-nav .menu-btn {font-size: 15px; color: #fff; padding: 13px 36px; border: 1px solid #fff; border-radius: 50px; outline: none; position: relative; transition: padding 0.25s ease 0s; -moz-transition: padding 0.25s ease 0s; -webkit-transition: padding 0.25s ease 0s; margin-left: 25px;}
.site-header.header-sticky nav .navbar-nav .menu-btn {border: 1px solid #50385b;}
.site-header nav .navbar-nav .menu-btn:hover,
.site-header nav .navbar-nav .menu-btn:focus {padding-left: 50px; padding-right: 22px; background-color: #fff; color: #5d355f;}
.site-header nav .navbar-nav .menu-btn .menu-icon {position: absolute; width: 27px; height: 27px; top: calc(50% - 13px); left: 8px;}
.site-header nav .navbar-nav .menu-btn .menu-icon .circle {border: 1px solid #5d355f; border-radius: 18px; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%;}
.site-header nav .navbar-nav .menu-btn .menu-icon .circle.left {clip: rect(36px, 18px, 36px, 0px); transition: all 0.2s linear 0.2s; -moz-transition: all 0.2s linear 0.2s; -webkit-transition: all 0.2s linear 0.2s;}
.site-header nav .navbar-nav .menu-btn .menu-icon .circle.right {clip: rect(0px, 36px, 0px, 18px); transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s;}
.site-header nav .navbar-nav .menu-btn:hover .menu-icon .circle.left,
.site-header nav .navbar-nav .menu-btn:focus .menu-icon .circle.left {clip: rect(0px, 18px, 36px, 0px);}
.site-header nav .navbar-nav .menu-btn:hover .menu-icon .circle.right,
.site-header nav .navbar-nav .menu-btn:focus .menu-icon .circle.right {clip: rect(0px, 36px, 36px, 18px);}
.site-header nav .navbar-nav .menu-btn .menu-icon .type {background-image: url(../images/icon-arrow-purple.png); background-repeat: no-repeat; background-size: 15px; background-position: center center; display: block; height: 100%; position: relative; top: 0; width: 100%; -webkit-transform: scale3d(0, 0, 0); -moz-transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0); transition: all 0.2s linear 0.4s; -moz-transition: all 0.2s linear 0.4s; -webkit-transition: all 0.2s linear 0.4s;}
.site-header nav .navbar-nav .menu-btn:hover .menu-icon .type,
.site-header nav .navbar-nav .menu-btn:focus .menu-icon .type{transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -webkit-transform: scale3d(1, 1, 1);}
.site-header .navbar-collapse .dropdown {position: unset;}
.site-header .navbar-collapse .dropdown .dropdown-menu {background: transparent; border-top: 1px solid rgba(255,255,255,.3);}
.site-header .navbar-collapse .dropdown .down-angle-icon {content: ''; display: inline-block; width: 9px; height: 9px; overflow: hidden; border: 1px solid #fff; border-top: 1px solid transparent; border-left: 1px solid transparent; opacity: .75; position: relative; left: 6px; top: -3px; -webkit-transform: rotate(44deg); -ms-transform: rotate(44deg); transform: rotate(44deg); transition: all .3s ease-out; box-sizing: border-box; z-index: -1;}
.site-header .navbar-collapse .dropdown.active .down-angle-icon {transform: rotate(223deg) translateY(-5px);}
.site-header.header-sticky .navbar-collapse .dropdown .down-angle-icon {border: 1px solid #000; border-top: 1px solid transparent; border-left: 1px solid transparent;}
.site-header.header-submenu-open .navbar-collapse .dropdown .down-angle-icon {border: 1px solid #fff; border-top: 1px solid transparent; border-left: 1px solid transparent;}
.site-header .dropdown-menu ul {list-style: none; padding-left: 0;}
.site-header .dropdown-menu a {font-size: 14px; font-weight: 500; line-height: 1.2; color: #fff; margin-bottom: 10px; display: inline-block; position: relative; white-space: nowrap;}
.site-header .dropdown-menu a:hover,
.site-header .dropdown-menu a.active {text-decoration: underline;}

/*==================================================
    Footer Section
==================================================*/
footer {background: #f2f5f7; background-size: 100%; padding: 0px 0 0; position: relative;}
footer .footer-menu-title {color: #3e3f3f; font-size: 17px; font-weight: 500; line-height: 1.8; margin-bottom: 10px;}
footer li a {color: #626262; font-size: 14px; font-weight: 300;}
footer li a:hover, footer li a:focus {opacity: 0.8;}
footer .follow-us-wrap li {margin-right: 10px;}
footer .follow-us-wrap li a {width: 35px; height: 35px; display: inline-block; border-radius: 50px;}
footer .follow-us-wrap li a svg {max-width: 35px; max-height: 35px; border-radius: 50px;}
footer .follow-us-wrap li a:hover svg circle,
footer .follow-us-wrap li a:focus svg circle {stroke: #0893c9;}
footer .follow-us-wrap li a:hover svg path,
footer .follow-us-wrap li a:focus svg path {fill: #0893c9;}
footer .contact-number-wrap li a {color: #337ab7; font-size: 14px; font-weight: 400; line-height: 1.4;}
footer .contact-number-wrap li a:hover,
footer .contact-number-wrap li a:focus {color: #23527c;}
footer .contact-number-wrap .flag-icon {padding: 0px; height: 11px; width: 16px; display: inline-block; margin-right: 10px;}
footer .contact-number-wrap .flag-icon:before {left: 0;}
footer .accordion-wrap {padding-top: 20px; padding-bottom: 20px; margin-top: 30px; border-top: 1px solid #e1e1e1;}
footer .accordion-item {border: none; background-color: transparent;}
footer .accordion-item .accordion-button {color: #3278b1; font-size: 17px; font-weight: 500; line-height: 1.1; padding: 0; border: none; background-color: transparent; box-shadow: none !important;}
footer .accordion-item .accordion-header {padding: 10px 30px;}
footer .accordion-item .accordion-body {color: #626262; font-size: 14px; line-height: 2; text-align: left; font-weight: 300; padding: 0 30px;}
footer .copyright-sec {padding: 20px 0; background-color: #e1e1e1;}
footer .copyright-sec p {color: #626262; font-size: 13px; font-weight: 300; line-height: 2; margin-bottom: 0;}
footer .copyright-sec p strong {font-weight: 700;}

/*==================================================
    Media Section
==================================================*/
@media only screen and (min-width: 992px) {
    .site-header .navbar-collapse .dropdown-menu {padding: 35px 45px 30px 45px; top: 100%; left: 0; width: 100%; display: none; position: absolute; border: none;}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .site-header .navbar-collapse .dropdown-menu {padding: 15px 20px;}
    .site-header .dropdown-menu h4.ps-lg-4,
    .site-header .dropdown-menu ul.ps-lg-4 {padding-left: 1rem !important;}
}
@media only screen and (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1164px;}
}
@media only screen and (max-width: 991px) {
    .site-header {padding: 10px 0;}
    .site-header .navbar-brand {max-width: 130px; z-index: 1027;}
    .site-header .container {max-width: 100%;}
    .site-header .hamburger-menu {position: relative; width: 40px; height: 40px; transition: .5s ease-in-out; cursor: pointer; margin-left: 20px; background-color: #fff; border-radius: 50px;}
    .site-header .hamburger-menu span {display: block; position: absolute; height: 2px; width: 25px; background: #16395b; border-radius: 10px; opacity: 1; left: 50%; transform: translateX(-50%); transition: .25s ease-in-out;}
    .site-header .hamburger-menu span:nth-child(1) {top: 12px;}
    .site-header .hamburger-menu span:nth-child(2),
    .site-header .hamburger-menu span:nth-child(3) {top: 18px;}
    .site-header .hamburger-menu span:nth-child(4) {top: 24px;}
    .site-header .hamburger-menu.open span:nth-child(1) {top: 18px; width: 0; left: 50%;}
    .site-header .hamburger-menu.open span:nth-child(2) {transform: translateX(-50%) rotate(45deg);}
    .site-header .hamburger-menu.open span:nth-child(3) {transform: translateX(-50%) rotate(-45deg);}
    .site-header .hamburger-menu.open span:nth-child(4) {top: 18px; width: 0; left: 50%;}
    .menuopen .site-header .white-logo {display: inline-block;}
    .menuopen .site-header .normal-logo {display: none;}
    .site-header .navbar-collapse {position: fixed; top: -100%; right: -100%; bottom: 0; width: 100%; height: 100vh !important; max-width: 100%; z-index: 1025; background-color: rgba(9, 148, 202, 0.95); display: block; transition: all 0.35s; padding-top: 75px; overflow-x: auto;}
    .site-header .navbar-collapse.show {right: 0; top: 0;}
    .site-header .navbar-collapse .hamburger-menu {position: absolute; right: 20px; top: 10px;}
    .site-header .navbar-collapse.show .hamburger-menu {position: fixed; z-index: 9999;}
    .site-header .navbar-collapse .navbar-nav {padding: 0 50px;}
    .site-header nav .navbar-nav .nav-link {display: inline-block; padding: 5px; margin-bottom: 10px; font-weight: 400;}
    .site-header nav .navbar-nav .menu-btn {padding: 11px 30px; margin: 0 0 10px; font-size: 14px;}
    .site-header nav .navbar-nav .menu-btn .menu-icon {display: none;}
    .site-header nav .navbar-nav .dropdown-toggle {display: inline-block; background-color: #e9e9ed; color: #0994ca; width: 24px; height: 24px; line-height: 24px; border: 0; box-shadow: none; border-radius: 5px; vertical-align: middle;}
    .site-header .navbar-collapse .dropdown-menu {padding: 10px; margin: 0; box-shadow: none; border: unset; position: relative;}
    .site-header .navbar-collapse .dropdown-menu ul {padding-left: 10px;}
    .site-header .dropdown-menu h4 {font-size: 15px; margin-bottom: 9px;}
    .site-header .dropdown-menu a {font-size: 15px; margin-bottom: 9px;}
    .navbar-overlay {display: block; opacity: 0; position: fixed; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(0,0,0,.6); transition: opacity .35s .1s; pointer-events: none;}
    .navbar-overlay.show {pointer-events: all; opacity: 1; z-index: 50; transition: opacity .35s .1s;}
    .container {padding-left: 20px; padding-right: 20px;}
    .site-header .navbar-collapse .dropdown .down-angle-icon {display: none;}
    .site-header .navbar-collapse .dropdown {text-align: center;}
    .site-header .navbar-collapse .dropdown .dropdown-menu.show {display: block !important;}
    .site-header .navbar-collapse .dropdown .dropdown-menu li {text-align: center;}
    .site-header.header-sticky nav .navbar-nav .nav-link {color: #fff;}
    .site-header nav .navbar-nav .menu-btn:hover, .site-header nav .navbar-nav .menu-btn:focus {padding: 11px 30px; color: #50385b;}
    .site-header.header-sticky nav .navbar-nav .menu-btn {border-color: #fff;}
    .site-header .follow-us-wrap {margin-top: 15px;}
    .site-header .follow-us-wrap li {margin: 0 7px;}
    .site-header .follow-us-wrap li svg {max-width: 30px;}
    .site-header .navbar-brand img {max-width: 130px;}
}
@media only screen and (max-width: 767px) {
    footer { padding-top: 40px; }
}
@media only screen and (max-width: 575px) {
    footer .footer-menu-title {margin-bottom: 0;}
    footer .footer-menu-title + ul {margin-bottom: 15px !important;}
    footer .accordion-wrap {padding-top: 10px; padding-bottom: 10px; margin-top: 20px;}
    footer .accordion-item .accordion-header {padding: 10px 0;}
    footer .accordion-item .accordion-button {font-size: 16px;}
    footer .accordion-item .accordion-body {padding: 0;}
    footer .accordion-item .accordion-body {line-height: 1.6;}
    footer .copyright-sec {text-align: center;}
}
@media only screen and (max-width: 480px) {
    .header-space {padding-top: 72px;}
    .site-header .navbar-brand {margin-right: 5px; max-width: 150px; min-width: 150px;}
    .site-header .dropdown-menu a {display: flex; justify-content: center;}
    .site-header .navbar-collapse .navbar-nav {padding: 0 25px;}
}