/*!
Theme Name: Community Bank Bangladesh
Theme URI: https://www.communitybankbd.com/
Author: itcroc
Author URI: http://itcroc.com
Description: Community Bank Bangladesh Limited
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: communitybankbd
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

communitybankbd is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
    - Normalize
    - Box sizing
# Base
    - Typography
    - Elements
    - Links
    - Forms
## Layouts
# Components
    - Navigation
    - Posts and pages
    - Comments
    - Widgets
    - Media
    - Captions
    - Galleries
# plugins
    - Jetpack infinite scroll
# Utilities
    - Accessibility
    - Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
     ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}

body {
    font-family: 'Titillium Web', sans-serif;
    font-weight: 400;
    line-height: 26px;
    font-size: 15px;
    color: #333;
    overflow-x: hidden;
}
/* Sections
     ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
    margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
    display: block;
}



/* Grouping content
     ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
    font-family: 'Titillium Web', sans-serif;
    font-size: 1em;
}

/* Text-level semantics
     ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
    background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
    font-family: 'Titillium Web', sans-serif;
    font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
     ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
    border-style: none;
}

/* Forms
     ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
    text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}


img {
    max-width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Titillium Web', sans-serif !important;
    font-weight: normal;
    color: #232323;
    margin-top: 0px;
    font-style: normal;
    font-weight: 700;
}

h1 {
    font-size: 40px;
}

h2 {
    font-size: 35px;
}

h3 {
    font-size: 28px;
}

h4 {
    font-size: 20px;
    text-transform: uppercase;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit;
    font-family: 'Titillium Web', sans-serif;
}

a,
button {
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    cursor: pointer;
    color: #333;
    outline: medium none;
}

a:hover,
button:hover {
    text-decoration: none;
    color: #333
}

button.btn.btn-link {
    text-decoration: none;
}

a:focus,
button:focus {
    text-decoration: none;
    outline: none;
}
.container.head-container {
    position: relative;
}

.logo {
    width: 270px;
    position: absolute;
    left: calc(50% - 135px);
    text-align: center;
    z-index: 1;
    bottom: -25px;
}
.nav-top-righ ul li a {
    color: #656565;
    font-weight: 600;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
}

.nav-top-left ul li a {
    color: #656565;
    padding-right: 25px;
    font-size: 16px;
    font-weight: 600;
}
ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.nav-top-left .current_page_item a {
    color: #058ED0;
}
.header-area ul li {
    display: inline-block;
    position: relative;
}
.single-media-item {
    margin-bottom: 30px;
    overflow:hidden;
}
.media-area {
    padding: 80px 0;
}
.nav-top-left ul li.current-menu-item:after {
    position: absolute;
    bottom: -36px;
    left: 50%;
    content: "";
    z-index: 999;
    border-bottom: 16px solid #e8e8e8;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    margin-left: -25px;
}
.mainmenu ul li ul.sub-menu li ul {
    position: absolute;
    right: -249px;
    top: 0;
    visibility: hidden;
    opacity: 0;
}
.mainmenu ul li ul li:hover ul {
    visibility: visible;
    opacity: 1;
}
.header-area {
    padding: 45px 0 35px 0;
}
.mainmenu .nav-item > .nav-link:hover {
    color: #058ED0;
}

.mainmenu .sub-menu .nav-link:hover {
    color: #fff;
}

.mainmenu ul.sub-menu li ul.sub-menu li ul.sub-menu {
	display: none;
}

.mainmenu ul.sub-menu li ul.sub-menu li:hover ul.sub-menu {
	display: block !important;
}

.mainmenu-area {
    width: 100%;
    border-top: 1px solid #e9e9e9;
    -webkit-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    background: #fcfcfc;
    background: -webkit-gradient(left top,left bottom,color-stop(0,#fcfcfc),color-stop(100%,#e8e8e8));
    background: -webkit-linear-gradient(top,#fcfcfc 0,#e8e8e8 100%);
    background: -o-linear-gradient(top,#fcfcfc 0,#e8e8e8 100%);
    background: -ms-linear-gradient(top,#fcfcfc 0,#e8e8e8 100%);
    background: linear,to bottom,#fcfcfc 0,#e8e8e8 100%;
}

.mainmenu-area .container-fluid {
    max-width: 90%;
}

.mainmenu ul li a {
    color: #3f3f3f;
/*     font-size: 14px; */
    font-size: 13px;
    font-weight: 600;
}
.navbar-expand-lg .navbar-nav .nav-link {
/*     padding-right: 25px;
    padding-left: 25px; */
    padding: 6px 12px;
}
.mainmenu ul li {
    display: inline-block;
}
.mainmenu ul li a:after {
    content: '';
    width: 2px;
    height: 15px;
    background-color: #dadcde;
    display: inline-block;
    position: absolute;
    right: -2px;
    top: 0;
    bottom: 0;
    margin: auto 0;
}
.mainmenu ul li {
    position: relative;
}

.mainmenu ul li ul {
    position: absolute;
    top: 72%;
    z-index: 11;
    width: 250px;
    background: -webkit-linear-gradient(top,#fcfcfc 0,#e8e8e8 100%);
    transition: .5s;
    visibility: hidden;
    opacity: 0;
}
.mainmenu ul li ul li a:hover {
    background: radial-gradient(circle farthest-side at center 120%,#009cde,#103882 100%);
    color: #fff;
}
.mainmenu ul li ul li {
    display: block;
}

.mainmenu ul li ul li a {
    padding: 4px 15px !important;
    display: block;
}

.mainmenu ul li ul li a:after {
    background: no-repeat;
}

.mainmenu ul li:hover ul {
    visibility: visible;
    opacity: 1;
    top: 117%;
}
.nav-top-righ svg {
    color: #32327B;
    width: 18px;
    margin-left: 4px;
    margin-top: -3px;
}
.mainmenu ul li a {
    position: relative;
}

.nav-item:first-child .nav-link {
    padding-left: 0;
}

.mainmenu nav {
    padding-left: 0;
    padding-right: 0;
}
/*Footer*/
footer.footer-area {
    background-color: #058ED0;
    padding: 62px 0 63px 0;
    color: #fff;
}
.footer-nav a {
    color: #fff;
    font-size: 15px;
    font-weight: 400;
}

.footer-nav ul li {
    padding-bottom: 10px;
}
.footer-info a {
    color: #fff;
    font-weight: 200;
    font-size: 22px;
    line-height: 28px;
}
.footer-copyright{
    margin-top: 70px;
} 
.footer-sub-nav a {
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    line-height: 35px;
}

.footer-sub-nav {
    margin-top: 20px;
}
.footer-cpl p {
    color: #fff;
    text-align: center;
}
.social-info {
    padding-top: 60px;
}
.app-info a {
    display: block;
    margin-bottom: 30px;
}
.social-info svg {width: 40px;height: 35px;color: #fff;margin-right: 12px;}
.smart-bank h4 {
    color: #3f3f3f;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
}

.smart-bank img {
    margin-bottom: 25px;
}
.smart-bank p {
    margin-bottom: 0;
    line-height: 20px;
}
.smart-bank img {
    max-width: 135px !important;
}
.smart-bank p {
    margin-bottom: 0;
}
#section-title h2 {
    color: #3f3f3f !important;
    margin-bottom: 20px;
    font-weight: 500 !important;
}
.nav-top-righ ul li a:hover {
    color: #058ED0;
}
.service-img {
    height: 190px;
    background-size: cover;
    background-position: center;
    border-radius: 6px;
    margin-bottom: 15px;
    position: relative;
    z-index: 1;
    transition: .5s;
    padding: 20px;
}

.service-box {
    text-align: center;
}

.service-box h5 {
    color: #3f3f3f;
    font-weight: 600;
}

.service-img:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: #000;
    z-index: -1;
    opacity: 0;
    transition: .5s;
    visibility: hidden;
    border-radius: 5px;
}

.service-box:hover .service-img:after {
    visibility: visible;
    opacity: .6;
}

.service-img p {
    position: absolute;
    bottom: 0;
    transform: translateY(-50%);
    color: #fff;
    font-size: 16px;
    visibility: hidden;
    opacity: 0;
    transition: .3s;
}
.service-box:hover .service-img p {
    visibility: visible;
    opacity: 1;
}
.container.slider-sell {
    position: relative;
}

.slider-img img {
    max-width: 450px;
    border-radius: 50%;
}

.slider-img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.slider-item {
    height: 100vh;
}
.slider-img img {
    max-width: 450px !important;
    border-radius: 50% !important;
}
.slider-item-table {
    display: table;
    width: 100%;
    height: 100%;
}

.slider-item-table-cell {
    display: table-cell;
    vertical-align: middle;
}
.slider-left h1 {
    color: #2b2b2b;
    font-weight: 600;
    text-shadow: 1px 1px 5px #f7f7f7;
    font-size: 50px;
    text-transform: capitalize;
}
.slider-left {
    position: relative;
    z-index: 1;
    max-width: 480px;
}

.slider-left a {
    background: #058ED0;
    color: #fff;
    display: inline-block;
    padding: 15px 25px;
    border-radius: 30px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 1px;
    margin-top: 20px;
}
.slider-text {padding-left: 80px;font-size: 14px;}

.slider-text p {
    line-height: 20px;
}
.footer-nav ul li a:hover, .footer-sub-nav a:hover, .footer-info a:hover {color: rgba(255,255,255,.6);}
.slider-text a {
    color: #058ED0;
    font-weight: 600;
}
.mainmenu {
    position: relative;
    display: flex;
    align-items: center !important;
    justify-content: space-between;
}
.stellarnav {
    display: none;
}
.moreinfo {

}

.moreinfo a {
    font-weight: 600;
    display: flex;
    padding: 0 15px;
}

.moreinfo a svg {
    margin-right: 5px;
}
.nav-top-righ ul li {
    position: relative;
}

.nav-top-righ ul li ul {background-color: #f7f7f7;position: absolute;border-radius: 15px;overflow: hidden;width: 230px;right: -16px;top: 37px;z-index: 99;padding: 0;-webkit-box-shadow: 0 0 15px #cecece;box-shadow: 0 0 15px #cecece;visibility: hidden;transition: .5s;opacity: 0;}

.nav-top-righ ul li:hover ul {
    visibility: visible;
    opacity: 1;
}

.nav-top-righ ul li ul li {
    display: block;
    text-align: left;
    padding: 5px;
}

/*Overly Menu*/
.app-info img {
    max-width: 165px;
}
.overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    background-color: #eff0ef;
    overflow-x: hidden;
    transition: 0.5s;
}

.overlay-content {
  position: relative;
  top: 0;
  width: 100%;
  margin-top: 30px;
}
.sidebar-nav ul li a:hover {
    color: #058ED0;
}

.overlay .closebtn {
   position: absolute;
    top: 40px;
    right: 45px;
    font-size: 60px;
    z-index: 99;
    background: #058ED0;
    color: #fff;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 22px;
    border-radius: 50%;
}
.sidebar-nav ul li a {
    font-size: 20px;
    line-height: 45px;
    color: #32327B;
    font-weight: 600;
}
ul#sidebar-nav {
    margin-top: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.sidebar-nav li {
    width: 30%;
    margin-bottom: 35px;
}
.headding {
    padding-top: 50px;
}

.headding h1 {
    font-size: 60px;
    color: #3f3f3f;
    font-weight: 400;
}
.header-mobile {
    display: none;
}
.director-img {
    border: 6px solid #ffffff;
    border-radius: 50%;
}
.row.pdf {
    padding: 0 145px;
}
.nice-select {
    width: 100%;
    border: none;
    box-shadow: 0 0 20px 0 rgba(0,0,0,.1);
    height: 50px;
    line-height: 48px;
    border-radius: 50px;
}
.nice-select:after {
    height: 12px;
    margin-top: -9px;
    right: 17px;
    width: 12px;    
    border-bottom: 2px solid #058ED0;
    border-right: 2px solid #058ED0;
}
.post-img img {
    border-radius: 50%;
}
span.current {
    font-size: 16px;
    font-weight: 600;
}
.nice-select.open .list {
    width: 100%;
}
.get-btn a {
    background: #058ED0;
    color: #fff;
    display: inline-block;
    padding: 10px 18px;
    border-radius: 50px;
}

.help-select-box .col-lg-5 {
    padding-left: 5px;
    padding-right: 5px;
}
.carosule-active-news .col-lg-4.col-md-6 {
    max-width: 100%;
    flex: 0 0 100%;
}



@-webkit-keyframes header_sticky {
    0% {
        margin-top: -150px;
    }
    50% {
        margin-top: -130px;
    }
    100% {
        margin-top: 0;
    }
}

@keyframes header_sticky {
    0% {
        margin-top: -150px;
    }
    50% {
        margin-top: -130px;
    }
    100% {
        margin-top: 0;
    }
}
#wp-chatbot-ball .wp-chatbot-ball img {
    border-radius: inherit !important;
}
.wp-chatbot-ball {
    border-radius: 0 !important;
    background: none !important;
    box-shadow: inherit !important;
}
.sticky-header {
    z-index: 99;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    -webkit-animation-name: header_sticky;
    animation-name: header_sticky;
    -webkit-animation-duration: 0.60s;
    animation-duration: 0.60s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}


.year-box h2 {
    position: relative;
    font-size: 110px;
    line-height: 94px;
    font-weight: 700;
    color: #058ED0;
}
.about-text a {
    margin-top: 15px;
    display: block;
    color: #058ED0;
    font-weight: 600;
}
figure.image-box {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 220px;
    height: 180px;
    overflow: hidden;
}

.year-box {
    position: absolute;
    display: block;
    left: 0px;
    top: 0px;
    max-width: 220px;
    width: 100%;
    text-align: center;
    padding: 27px 15px 29px 15px;
}

.title-inner {
    position: relative;
    padding-left: 250px;
    display: flex;
    vertical-align: middle;
    align-items: center;
    min-height: 180px;
}

.year-box h3 {
    font-size: 14px;
    line-height: 30px;
    color: #204669;
    text-transform: uppercase;
    font-weight: 400;
    position: relative;
}
.about-text p {
    font-size: 17px;
    line-height: 29px;
}
/*Emi Clc*/
div#emi-calculation label {
    display: block;
}
.calculate-btn button, .btn-reset button {
    background: #058ED0;
    border: none;
    color: #fff;
    margin-top: 30px;
    padding: 15px 30px;
    border-radius: 50px;
}
.section {
    margin-bottom: 30px;
}
.result {
    font-weight: 600;
}

div#emi-calculation input {
    box-shadow: 0 0 20px 0 rgba(0,0,0,.1);
    border: none;
    padding: 15px;
    width: 100%;
}
.closebtn {
    position: absolute;
    top: 16px;
    right: 16px;
}

.closebtn button {
    border: none;
    background: #058ED0;
    color: #fff;
    width: 45px;
    height: 45px;
    border-radius: 50%;
}
.nav-top-righ li.lang a {
    color: #058ED0;
}
.btn-danger {
    color: #fff;
    background-color: #058ED0;
    border-color: #058ED0;
    border-radius: 50px;
    padding: 12px 25px;
}
.service-box {
    margin-bottom: 30px;
}
.btn-danger:hover {
    background-color: #058ED0;
    border-color: #058ED0;
}
.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show>.btn-danger.dropdown-toggle {
    background-color: #058ED0;
    border-color: #058ED0;
}
.btn-danger.focus, .btn-danger:focus {
    background-color: #058ED0;
    border-color: #058ED0;
}
.single-service-area {
    padding: 60px 0;
}
.thumb img {
    height: auto;
}
.single-content ul li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px;
    color: #333;
    font-weight: 600;
}

.single-content ul li svg {
    position: absolute;
    left: 0;
    top: 4px;
    max-width: 20px;
    color: #058ED0;
}
.single-content a {
    background: #058ED0;
    color: #fff;
    display: inline-block;
    padding: 15px 25px;
    border-radius: 30px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 1px;
    margin-top: 20px;
}
.thumb {
    margin-bottom: 15px;
}
.single-content ul {
    margin-bottom: 15px;
}
.nission-vision h2 {
    font-size: 22px;
    margin-bottom: 15px;
}

.nission-vision p {
    font-size: 16px;
}

.nission-vision ul li {
    margin-bottom: 10px;
    font-weight: 600;
    color: #333;
    position: relative;
    padding-left: 28px;
    font-size: 14px;
}
.nission-vision ul li svg {
    color: #058ED0;
    width: 20px;
    position: absolute;
    top: 2px;
    left: 0;
}
.contact-form input[type="text"], .contact-form input[type="email"], .contact-form input[type="date"], .contact-form input[type="tel"], .contact-form textarea, .contact-form select,.contact-form input[type="file"],.contact-form input[type="number"], .contact-form select {
    width: 100%;
    border: none;
    box-shadow: 0 0 20px 0 rgba(0,0,0,.1);
    padding: 25px;
    margin-bottom: 20px !important;
    border-radius: 50px;
}

.contact-form textarea {
    height: 150px;
    margin-bottom: 10px;
}

.contact-info {
    position: relative;
    padding-left: 70px;
    margin-bottom: 40px;
}

.contact-info svg {
    position: absolute;
    left: 0;
    color: #058ED0;
    width: 45px;
    height: 45px;
}

.contact-info h4 {
    color: #333;
    margin-bottom: 10px;
    font-weight: 600;
    margin-bottom: 5px;
}
.video-container {
    position: relative;
}

.video-info {
    position: absolute;
    bottom: 50px;
    left: 50px;
}

.video-info h1 {
    color: #fff;
    font-size: 50px;
    text-transform: capitalize;
    text-shadow: 0 0 21px #000;
    font-weight: 600;
}
.contact-form input[type="submit"] {
    background: #058ED0;
    border: none;
    color: #fff;
    display: inline-block;
    padding: 15px 35px;
    border-radius: 50px;
    text-transform: uppercase;
}

ul.list-itel li {
    float: left;
    width: 33.3333%;
    margin-bottom: 15px;
}
#tableserach {
    box-shadow: 0 0 20px 0 rgba(0,0,0,.1);
    border-radius: 5px;
}
.tender-area svg {
    color: #058ED0;
}
ul.list-itel {
    margin-top: 25px;
}
td a svg,
td a i{
    color: #32327B;
}
.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #32327B;
    border-color: #32327B;
}
div#tableserach_info {
    display: none;
}
.modal-header {
    background: radial-gradient(circle farthest-side at center 120%,#009cde,#103882 100%);
}
.modal-header .close {
    padding: 25px 30px;
    margin: -1rem -1rem -1rem auto;
}
.modal-header svg {
    color: #fff;
    margin-top: 11px;
}
.not-found-area {
    padding: 100px 0;
}
.not-found-area {
    padding: 100px 0;
}
.not-found-area a {
    background: #058ED0;
    color: #fff;
    display: inline-block;
    padding: 10px 30px;
    border-radius: 4px;
    text-transform: uppercase;
}

.not-found-area h1 {
    font-weight: 500;
    margin: 30px 0;
}
.modal-title span {
    display: block;
    font-weight: 400;
    font-size: 14px;
}
.modal-header h5 {
    color: #fff;
    font-size: 16px;
}
.modal-header h5 {
    color: #fff;
}
.close {
    color: #fff;
    opacity: 1;
}
.personal-option ul li {
    display: inline-block;
    padding-left: 20px;
    text-transform: capitalize;
}
.personal-option ul li a {
    font-weight: 600;
    font-size: 14px;
}

.personal-option ul li.current_page_item a {
    color: #058ED0;
}
.personal-option {
    text-align: right;
}
.bank-btns a {
    background: #058ED0;
    color: #fff !important;
    margin: 0 5px;
    display: inline-block;
    padding: 10px 30px;
    font-weight: 600;
    border-radius: 50px;
}
table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before {
    display: none;
}
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
    display: none;
}
.country-selector.weglot-inline li {
    margin-top: -4px;
}
.lang {
    display: inline-block;
}
.wgcurrent {
    color: #058ED0;
}
.country-selector.weglot-inline label {
    text-transform: uppercase;
}
.highlight {
    background: #32327B;
    border: none;
    border-radius: 28px;
    color: #fff !important;
    padding: 0;
    margin-left: 5px;
    transition: .5s;    
    -webkit-animation: 1.6s playShadow ease-out infinite;
    animation: 1.6s playShadow ease-out infinite;
    display: -webkit-box;
    display: -ms-flexbox;
}
.highlight a {
    color: #fff !important;
}

@-webkit-keyframes playShadow {
    0% {
        box-shadow: 0 0 0 0px rgba(50, 50, 123, .6), 0 0 0 0px rgba(50, 50, 123, .4);
    }
    18% {
        box-shadow: 0 0 0 0px rgba(50, 50, 123, .6), 0 0 0 0px rgba(50, 50, 123, .4);
    }
    100% {
        box-shadow: 0 0 0 16px rgba(50, 50, 123, 0), 0 0 0 27px rgba(50, 50, 123, 0);
    }
}

@keyframes playShadow {
    0% {
        box-shadow: 0 0 0 0px rgba(50, 50, 123, .6), 0 0 0 0px rgba(50, 50, 123, .4);
    }
    18% {
        box-shadow: 0 0 0 0px rgba(50, 50, 123, .6), 0 0 0 0px rgba(50, 50, 123, .4);
    }
    100% {
        box-shadow: 0 0 0 16px rgba(50, 50, 123, 0), 0 0 0 27px rgba(50, 50, 123, 0);
    }
}
.slider-left a:hover, .get-btn a:hover, .calculate-btn button:hover, .btn-reset button:hover {
    background: #1071a0;
}


.overview-text h4 {
    margin-bottom: 15px;
    margin-top: 30px;
}

.overview-text ul li {
    padding-bottom: 8px;
    list-style: circle;
    font-weight: 500;
    color: #111;
    margin-left: 50px;
}

.overview-text ul li:last-child {
    padding-bottom: 0;
}
.treseary-box {
    box-shadow: 0 0 20px 0 rgba(0,0,0,.1);
}

.treasury-info {
    text-align: center;
    padding: 30px;
}

.treseary-box h4 {
    background: #058ED0;
    color: #fff;
    text-align: center;
    padding: 12px;
}

.treasury-info p:last-child {
    margin-bottom: 0;
}

.treasury-info p {
    color: #222;
    font-weight: 500;
}
.overview-text strong {
    display: block;
    margin-bottom: 5px;
    font-size: 16px;
}

.overview-text ul {
    margin-bottom: 15px;
    margin-top: 15px;
}

/*Css Animation */

.animated .feather-feather path,
.animated .feather-feather line {
  stroke-dasharray: 55;
  stroke-dashoffset: 55;
  animation: dash 3s 1s linear forwards;
}

.animated .feather-map-pin path {
  stroke-dasharray: 60;
  stroke-dashoffset: 60;
  animation: dash 3s 1s linear forwards;
}

.animated .feather-phone-call path {
  stroke-dasharray: 70;
  stroke-dashoffset: 70;
  animation: dash 3s 1s linear forwards;
}
.animated .feather-facebook path {
  stroke-dasharray: 70;
  stroke-dashoffset: 70;
  animation: dash 3s 1s linear forwards;
}

.animated .feather-twitter path {
  stroke-dasharray: 80;
  stroke-dashoffset: 80;
  animation: dash 3s 1s linear forwards;
}
.animated .feather-linkedin path {
  stroke-dasharray: 70;
  stroke-dashoffset: 70;
  animation: dash 3s 1s linear forwards;
}
.animated .feather-youtube path {
  stroke-dasharray: 70;
  stroke-dashoffset: 70;
  animation: dash 3s 1s linear forwards;
}

.animated .feather-instagram path {
  stroke-dasharray: 70;
  stroke-dashoffset: 70;
  animation: dash 3s 1s linear forwards;
}

.animated .feather-mail path {
  stroke-dasharray: 70;
  stroke-dashoffset: 70;
  animation: dash 3s 2s linear forwards;
}

.animated .feather-globe path {
  stroke-dasharray: 50;
  stroke-dashoffset: 50;
  animation: dash 3s 1s linear forwards;
}

.animated .feather-airplay path,
.animated .feather-airplay polygon {
  stroke-dasharray: 50;
  stroke-dashoffset: 50;
  animation: dash 3s 1s linear forwards;
}

.animated .feather-video rect,
.animated .feather-video polygon {
  stroke-dasharray: 55;
  stroke-dashoffset: 55;
  animation: dash 2s 1s linear forwards;
}

@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}

.row.sb-padding {
    padding-bottom: 60px;
}
/*Media*/
.media-img h4 {
    position: absolute;
    bottom: 20px;
    left: 20px;
    background: #fff;
    border: 8px solid #fff;
    font-weight: 500;
    font-size: 24px;
    margin: 0;
    -webkit-box-decoration-break: clone;
    text-align: left;
    width: 55%;
    line-height: 1.45;
    padding: 0 10px;
    transition: all 600ms ease;
    -webkit-mask: none;
}
.cbl-blog-btn {
    background: #058ED0;
    color: #fff;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 30px;
    font-weight: 600;
    opacity: 1;
    transition: all 700ms ease;
}

a.prev.page-link, a.next.page-link {
    padding: 5px;
}
ul.pagination li a {
    color: #058ED0;
}
.pagination .page-item .current {
    font-size: 15px;
    background: #058ED0;
    color: #fff;
}
.media-img {
    text-align: left;
}
.cbl-blog-btn:hover {
    color: #fff;
}
.media-img {
    position: relative;
}
.media-img {
    margin-bottom: 20px;
}
a.cbl-blog-btn {
    float: left;
}
ul.share-buttons a {
    background: #0574E7;
    color: #fff;
    width: 35px;
    height: 35px;
    display: block;
    text-align: center;
    border-radius: 50%;
    line-height: 32px;
}

ul.share-buttons svg {
    width: 20px;
}
ul.share-buttons {
    float: right;
    margin-top:5px;
}
ul.share-buttons li {
    display: inline-block;
}
.info span {
    color: #058ED0;
    font-size: 15px;
    margin-bottom: 12px;
    display: block;
}
.single-media-item:hover .media-img h4 {
	-webkit-mask-position: 100% 0;
	opacity: 1;
}
.info p {
    font-size: 18px;
    line-height: 30px;
}
.table td, .table th {
    font-weight: 600;
}

.icon {
    margin-top: 18px;
}
.btn-apple:hover .icon{
    background-position: 0 -104px;
}
.btn-google:hover .icon{
    background-position:0 -824px;
}
.app-info a:hover {
    background: #fff;
    border-color: #fff;
}
.btn-apple .icon {    
    background-image: url(assets/images/icons.png);
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 0 -143px;
    height: 35px;
    width: 117px;
}
.btn-google .icon {    
    background-image: url(assets/images/icons.png);
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 0 -859px;
    height: 31px;
    width: 133px;
}
.app-info a {
    width: 222px;
    clear: both;
    height: 69px;
    border: 1px solid rgba(255,255,255,.5);
    border-radius: 50px;
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s;
    vertical-align: middle;
    text-align: center;
}
.modal-footer {
    justify-content: start;
}
.retail-banking-box h4 {
    background: radial-gradient(circle farthest-side at center 120%,#009cde,#103882 100%);
    color: #fff;
    padding: 12px 15px;
}

.retail-banking-box {
    box-shadow: 0 0 20px 0 rgba(0,0,0,.1);
    border-radius: 5px;
}
.retail-banking-info strong {
    display: block;
    margin-top: 15px;
    margin-bottom: 15px;
}

.retail-banking-info ul li {
    font-weight: 600;
    padding-bottom: 14px;
    position: relative;
    padding-left: 30px;
}

.retail-banking-info ul li svg {
    position: absolute;
    top: 3px;
    left: 0;
    width: 20px;
    color: #058ED0;
}
.retail-banking-info {
    padding: 30px;
}
.retail-banking-btn {
    padding: 30px;
    padding-top: 0;
}

.retail-banking-btn a {
    background: #058ED0;
    color: #fff;
    padding: 8px 16px;
    display: inline-block;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .5px;
    border-radius: 50px;
}
.scroll-up {
    background: #058ED0 none repeat scroll 0 0;
    bottom: 35px;
    color: #fff;
    display: inline-block;
    font-size: 25px;
    height: 40px;
    line-height: 37px;
    position: fixed;
    left: 25px;
    text-align: center;
    width: 40px;
    z-index: 2;
    cursor: pointer;
    border-radius: 50%;
}
.media-img {
    text-align: center;
}
.scroll-up a {
    color: #fff;
}
.shape-4 {
    position: absolute;
    top: 0;
    right: -30%;
    -webkit-animation: movebounce 3s linear infinite;
    animation: movebounce 3s linear infinite;
}
.shape-4 img {
    max-width: 25px !important;
}
@-webkit-keyframes movebounce {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}

@keyframes movebounce {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
.select-item select {
    border: none;
    box-shadow: 0 0 20px 0 rgba(0,0,0,.1);
    width: 100%;
    padding: 12px;
    border-radius: 50px;
}
.select-item select:focus {
    outline: inherit;
}
.lang a {
    text-transform: uppercase;
}
.media-img-main {
    background-size: cover;
    background-position: top;
    margin-bottom: 10px;
    height: 124px;
    border-radius: 5px;
}
.info span {
    text-transform: uppercase;
    color: #555;
    margin: 0 0 5px;
}
.info h4 a {
    color: #2b2b2b;
    font-size: 15px;
}
.info a {
    color: #058ED0;
    font-size: 15px;
}
.media-img-main img {
    border-radius: 5px;
}
.info h4 {
    line-height: 22px;
}
img {
    height: auto;
}
.info h4 {
    line-height: 28px;
    font-size: 16px;
    margin-bottom: 15px;
}
.media-heading {
    color: #3f3f3f;
    margin-bottom: 38px;
    font-weight: 400;
}

/*About Info BOx*/
.about-info-left {font-size: 16px;
    width: 340px;
    height: 340px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding: 4em;
    border-radius: 50%;
    background-color: #058ED0;
    display: inline-block;
    position: absolute;
    color: #fff;
    top: 50%;
    left: 0;
    -webkit-transform: translate(-90%,-50%);
    -ms-transform: translate(-90%,-50%);
    transform: translate(-90%,-50%);
    overflow: hidden;
    text-align: center;
}
.about-info-left {
    display: -ms-flexbox;
    display: -webkit-box;
     display: flex; 
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    justify-content: center;
}
.about-info-left h5 {
    color: #fff;
    font-size: 40px;
}
.about-info-box img {
    border-radius: 50% !important;
    max-width: 430px !important;
}
.about-info-box {
    position: relative;
    left: 360px;
    display: inline-block;
}
.text {
    text-align: left;
    position: absolute;
    top: 50%;
    left: 0;
    color: #959595;
    font-size: 16px;
    text-transform: none;
    -webkit-transform: translate(120px,-50%);
    -ms-transform: translate(120px,-50%);
    transform: translate(120px,-50%);
    width: 300px;
    margin: 0;
}
.about-info-right {position: absolute;
    width: 365px;
    font-size: 16px;
    right: 80px;
    top: 50%;
    -webkit-transform: translate(100%,90%);
    -ms-transform: translate(100%,90%);
    transform: translate(100%,90%);
}
.info-page-inside ul li {
    margin-bottom: 10px;
    font-weight: 600;
    color: #333;
    position: relative;
    padding-left: 28px;
    font-size: 14px;
}
a.cmt-btn {
    background: #058ED0;
    color: #fff;
    display: inline-block;
    padding: 15px 25px;
    border-radius: 30px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 1px;
    margin-top: 20px;
}
.info-page-inside ul {
    margin-top: 15px;
    margin-bottom: 24px;
    padding-left: 15px;
}

.info-page-inside svg {
    color: #058ED0;
    width: 20px;
    position: absolute;
    top: 2px;
    left: 0;
}
.card-body ul li {
    margin-bottom: 10px;
    font-weight: 600;
    color: #333;
    position: relative;
    padding-left: 28px;
    font-size: 14px;
}

.card-body ul li svg {
    color: #058ED0;
    width: 20px;
    position: absolute;
    top: 2px;
    left: 0;
}
.about-info-left div {
    top: 31%;
}

.nav-top-righ.text-right ul li:last-child a {
    padding-right: 0px !important;
}
.footer-cpl a {
    color: #fff;
}

.elementor-widget-filter_widgets .col-md-12.element-item {
    position: unset !important;
}

.get-btn a {
    font-size: 12px;
}

/* div#gallery-1 {
    display: flex;
    align-items: center;
} */

input.input {
    border-radius: 50px;
}
footer.elementor-slideshow__footer.elementor-lightbox-prevent-close {
    display: none;
}

.elementor-widget-Page.Title .col-lg-12 {
    padding: 0;
}
#faq ul li {
    list-style: circle;
}

#faq ul {
    padding-left: 40px;
}

#faq table td {
    padding: 5px 10px;
}

#faq table {
    margin-top: 5px;
}

.videoslider .elementor-column {
	width: unset !important;
}


.videoslider .owl-nav {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

.info:hover h4 a {
    color: #058ed0;
}

.director-img {
    display: flex;
    justify-content: center;
}

input[type="radio"] {
    height: 20px;
    width: 20px;
}

span.right {
    float: right !important;
}

span.wpcf7-form-control-wrap {
    width: 100% !important;
}

span.wpcf7-form-control.wpcf7-radio {
    width: 100% !important;
    display: flex !important;
    justify-content: space-evenly !important;
    flex-wrap: wrap !important;
}
span.wpcf7-list-item label {
    display: flex;
    align-items: center;
}
.ques{
margin-bottom: 10px;
}


table b,
strong {
    font-weight: bold;
}

select {
  border-right: 15px solid transparent !important; 
}


.tablepress td[colspan] {
    text-align: center;
    font-weight: bold !important;
    color: #fff!important;
    background: #32327b !important;
}

@media only screen and (max-width: 767px) {
    .header-mobile {
        padding: 0px 15px;
        padding-bottom: 25px;
    }
    a.hlg-btn {
        padding: 0px 15px !important;
        font-size: 14px;
    }
	.menu-primary-menu-container {
		max-height: 95vh; /* You can adjust this value as needed */
		overflow-y: auto;
	}

}


.mobile-left a.hlg-btn {
    top: -15px;
}

.mobile-left a.hlg-btn.secnd {
    top: 24px !important;
}

.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1240px;
}

ol > li > ul > li {
    list-style: circle;
}

ol > li > ul {
    padding-left: 30px;
}

ol > li > ul > li ::marker {
    padding-left: 20px !important;
}

div.cf7sr-g-recaptcha {
    margin-bottom: 30px;
    margin-top: -10px;
}