/* Theme Name: hbl-bank child Author: hbl Description: hbl bank uk website Version: 1.0.0 Text Domain: hbl-bank-child Template: hbl-bank Domain Path: /languages/ */ @import url("../hbl-bank/style.css"); @font-face { font-family: 'Bliss2'; src: url('./fonts/Bliss2.eot'); src: url('./fonts/Bliss2.eot?#iefix') format('embedded-opentype'), url('./fonts/Bliss2.woff2') format('woff2'), url('./fonts/Bliss2.woff') format('woff'), url('./fonts/Bliss2.ttf') format('truetype'), url('./fonts/Bliss2.svg#Bliss2') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Bliss2-Medium'; src: url('./fonts/Bliss2-Medium.eot'); src: url('./fonts/Bliss2-Medium.eot?#iefix') format('embedded-opentype'), url('./fonts/Bliss2-Medium.woff2') format('woff2'), url('./fonts/Bliss2-Medium.woff') format('woff'), url('./fonts/Bliss2-Medium.ttf') format('truetype'), url('./fonts/Bliss2-Medium.svg#Bliss2-Medium') format('svg'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Bliss2-Light'; src: url('./fonts/Bliss2-Light.eot'); src: url('./fonts/Bliss2-Light.eot?#iefix') format('embedded-opentype'), url('./fonts/Bliss2-Light.woff2') format('woff2'), url('./fonts/Bliss2-Light.woff') format('woff'), url('./fonts/Bliss2-Light.ttf') format('truetype'), url('./fonts/Bliss2-Light.svg#Bliss2-Light') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Bliss2-Bold'; src: url('./fonts/Bliss2-Bold.eot'); src: url('./fonts/Bliss2-Bold.eot?#iefix') format('embedded-opentype'), url('./fonts/Bliss2-Bold.woff2') format('woff2'), url('./fonts/Bliss2-Bold.woff') format('woff'), url('./fonts/Bliss2-Bold.ttf') format('truetype'), url('./fonts/Bliss2-Bold.svg#Bliss2-Bold') format('svg'); font-weight: bold; font-style: normal; } /* @font-face { font-family: 'Gotham-Medium'; src: url('./fonts/Gotham-Medium.eot'); src: url('./fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'), url('./fonts/Gotham-Medium.woff2') format('woff2'), url('./fonts/Gotham-Medium.woff') format('woff'), url('./fonts/Gotham-Medium.ttf') format('truetype'), url('./fonts/Gotham-Medium.svg#Gotham-Medium') format('svg'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Gotham-Book'; src: url('./fonts/Gotham-Book.eot'); src: url('./fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'), url('./fonts/Gotham-Book.woff2') format('woff2'), url('./fonts/Gotham-Book.woff') format('woff'), url('./fonts/Gotham-Book.ttf') format('truetype'), url('./fonts/Gotham-Book.svg#Gotham-Book') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Gotham-Bold'; src: url('./fonts/Gotham-Bold.eot'); src: url('./fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'), url('./fonts/Gotham-Bold.woff2') format('woff2'), url('./fonts/Gotham-Bold.woff') format('woff'), url('./fonts/Gotham-Bold.ttf') format('truetype'), url('./fonts/Gotham-Bold.svg#Gotham-Bold') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Gotham-Light'; src: url('./fonts/Gotham-Light.eot'); src: url('./fonts/Gotham-Light.eot?#iefix') format('embedded-opentype'), url('./fonts/Gotham-Light.woff2') format('woff2'), url('./fonts/Gotham-Light.woff') format('woff'), url('./fonts/Gotham-Light.ttf') format('truetype'), url('./fonts/Gotham-Light.svg#Gotham-Light') format('svg'); font-weight: 300; font-style: normal; } */ :root { --prestige-bg: #1D1D1B; --prestige-bg-light: #3A3736; --prestige-color: #ECC2A8; --prestige-text-color: #261308; } /*common style*/ * { box-sizing: border-box; } body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 18px; line-height: 28px; font-family: 'Bliss2-Light';} h1,h2,h4,h5,h6,p { margin:0px; } h1 { color:#576167; font-size:52px; line-height:66px; font-family: 'Bliss2'; font-weight:normal; font-weight: normal; } h2 { color:#FFFFFF; font-size:46px; line-height:52px; font-family: 'Bliss2-Bold'; } h3 { margin:0px 0px 14px; color:#576167; font-size:30px; line-height:44px; font-family: 'Bliss2-Bold'; } h4 { color:#3C3C3C; font-size:30px; line-height:40px; font-family: 'Bliss2-Bold'; } h5 { color:#090909; font-size:22px; line-height:28px; font-family: 'Bliss2-Medium'; } h6 { color:#FFFFFF; font-size:20px; line-height:26px; font-family: 'Bliss2-Bold'; } p { color: #576167; font-size: 17px; line-height: 26px; font-family: 'Bliss2-Light';} a { color: #fff; } a:hover { text-decoration: underline;} a:focus { outline: none; } :focus { outline: 0px !important; box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important;} input, textarea { -webkit-appearance:none; } .page-loader { height:100%; width:100%; top:0; left:0; position:fixed; display:flex; display:-webkit-flex; flex-direction: column; -webkit-flex-direction: column; -moz-flex-direction: column; justify-content:center; -webkit-justify-content:center; -moz-justify-content:center; align-items:center; -webkit-align-items:center; -moz-align-items:center; visibility:visible; z-index:300000; background:#f3f3f3; opacity:1; padding: 20px; } .load-image { padding:15px 0px 0px; animation: loader 0.5s infinite; -webkit-animation: loader 0.5s infinite; font-size: 26px; line-height: 30px; color: #576167; font-family: 'Bliss2-Bold';} .prestige .page-loader { background: var(--prestige-bg); } .prestige .load-image { color: #fff; } @keyframes loader { 0% { opacity: 1; } 50% { opacity: 0.6; } 100% { opacity: 1; } } @-webkit-keyframes loader { 0% { opacity: 1; } 50% { opacity: 0.6; } 100% { opacity: 1; } } .watermark-bg { min-height: 275px;} .watermark-bg:before { position: absolute; content: ''; display: block; width: 100%; height: 100%; background: transparent url('./images/hbl-transparent.svg') no-repeat bottom right / 46% auto; z-index: 10;} .justify-text { text-align: justify !important;} /*common page style*/ .entry-title { display: none !important; } .entry-content { margin: 0 !important; } .post-inner-content { padding: 0px; background: none; border: none; } .post-inner-content:first-child { border: none; } .main-content-area { margin: 0px auto; } .page-header { margin: 0; padding: 0 !important; } .entry-header { margin: 0 !important; } .scroll-to-top { border-radius: 0px; } .scroll-to-top:hover { background-color: #008269; } /*google recaptcha*/ .grecaptcha-badge { display: none;} /*cookie content*/ #cookie-law-info-bar { padding: 10px; font-size: 16px; line-height: 20px; font-family: 'Bliss2' !important; } .cli_action_button { margin:0px 15px !important; font-size: 13px !important;} #cookie-law-info-again { display: none !important; } /*news & event tag style*/ .news { background:url('./images/green-tag-shape.png')no-repeat center / 100% 100%; color: #fff;} .events { background:url('./images/gray-tag-shape.png')no-repeat center / 100% 100%; color: #fff;} /*button style*/ .gray-btn a { color:#576167; background-color:#fff; border:1px solid #fff !important; } .gray-btn a:hover, .gray-btn a:focus { color: #fff !important; background-color:#576167 !important; text-decoration: none; } /*white btn style*/ .white-btn a { color:#008269; background-color:#fff; border:1px solid #fff; } .white-btn a:hover, .white-btn a:focus { color: #fff !important; background-color:#008269 !important; border:1px solid #008269; text-decoration: none; } /*green btn style*/ .green-btn a, .green-btn input { color: #fff; background-color: #008269; border:1px solid #008269;} .green-btn a:hover, .green-btn a:focus { color: #008269 !important; background-color:#fff !important; border:1px solid #008269; text-decoration: none; } /*theme btn style*/ .theme-btn a, .theme-btn input { padding: 14px 18px !important; font-family: 'Bliss2-Bold'; font-size: 15px !important; line-height: 20px !important; display: inline-block; } .theme-btn a:hover, .theme-btn input:hover { text-decoration: none; } /* Border btn */ .small-btn a { padding: 4px 16px !important; border:1px solid #ECC2A8 !important; font-family: 'Bliss2-Bold'; font-size: 14px !important; line-height: 20px !important; display: inline-block; color: #ECC2A8 !important; text-transform: capitalize; transition-duration: 0.3s;} .small-btn a:hover { color: var(--prestige-bg) !important; background: #ECC2A8 !important;} /*arrow button style*/ .theme-btn.arrow-big-btn a { padding: 15px 75px 15px 20px !important; position: relative; } .theme-btn.arrow-big-btn a:hover { text-decoration: none; } .theme-btn.arrow-big-btn a:after { width: 37px; height: 100%; content: ''; position: absolute; right: 20px; background: url('./images/right-arrow-black-icon.svg') no-repeat center center / 100% auto; top: 0; } .theme-btn.arrow-big-btn a:hover::after, .theme-btn.arrow-big-btn a:focus::after { background-image: url('./images/right-arrow-icon.svg'); } /*common spacing*/ .red-highlight { color: #ff0000; } .common-padding { padding: 80px 0px; } .white-traingle-shape { position: relative; } .white-traingle-shape:before { content: ''; position: absolute; top: 0; right: 0; border-left: 50px solid transparent; border-right: 0px solid transparent; border-top: 50px solid #fff; border-bottom: 0px solid transparent;} /*common banner content*/ .vc_row.wpb_row.small-banner, .small-banner { height: 384px; position: relative;} .vc_row.wpb_row.small-banner:before, .small-banner:before { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; display: block; background-image: linear-gradient(180deg, rgba(60,60,60,0.00) 0%, rgba(60,60,60,0.88) 100%); z-index: 1;} .small-banner .align-icon { margin-bottom: 24px; } /*medium banner*/ .vc_row.wpb_row.medium-banner { min-height: 500px; position: relative;} .vc_row.wpb_row.medium-banner.new-feature-banner { background-position: top !important;} .vc_row.wpb_row.medium-banner:before { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; display: block; background-image: linear-gradient(180deg, rgba(60,60,60,0.00) 0%, rgba(60,60,60,0.40) 100%); } .medium-banner-content .wpb_column .vc_column-inner .wpb_wrapper { padding:0px 0px 10px 24px; border-left: 8px solid #008269; } .medium-banner-content h1 { margin-bottom: 14px; color: #fff; } /*common listing page content*/ .common-listing-content h4 { margin:0px 0px 12px; color: #576167;} .common-listing-content p { margin: 0px 0px 26px; } .common-text-spacing-content p { margin: 0px 0px 16px; } .common-listing-content a { color: #008269; text-decoration: underline; } .common-listing-content a:hover { opacity: 0.7; text-decoration: none;} .common-listing-content h6 { margin: 0px 0px 14px; color: #576167; } .common-listing-content ul { margin:0px 0px 20px !important; } .common-listing-content ul li, .common-listing-content ol li { margin: 0px 0px 8px; color: #576167; font-size: 16px; line-height: 24px; font-family: 'Bliss2-Light'; } .common-listing-page-banner.medium-banner-content .wpb_column .vc_column-inner .wpb_wrapper { padding-bottom: 0px; } .common-listing-page-banner h1 { margin-bottom: 0px; } /******* Header style CSS Starts ******/ header a:hover { text-decoration: none; } header.site-header { position: absolute; width: 100%; top: 0; left: 0;} .sticky header.site-header { position: fixed; top: 0; z-index: 20; animation: sticky-header 0.3s ease-in-out; } .sticky header.site-header .top-header-menu { display: none; } @keyframes sticky-header { 0% { transform: translateY(-100%); } 100% { transform: translateY(0); } } .site-content { padding-top: 129px; } /*sticky header content*/ .site-header.fixed-new-header { width: 100%; position: fixed; top: 0; left: 0; right: 0; z-index: 1000; transform: translateY(-100%); transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-timing-function: linear; -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear;} .sticky .site-header.fixed-new-header { transform: translateY(0); } .site-header.fixed-new-header .navbar.navbar-default { padding:10px 0px; } .fixed-new-header .navbar-header { position: relative; z-index: 1; } .fixed-new-header .navbar { margin-bottom: 0px; } .fixed-new-header .menu-header-contact-menu-container ul li.branch-icon a, .fixed-new-header .menu-header-contact-menu-container ul li.download-icon a, .fixed-new-header .menu-header-contact-menu-container ul li.phone-icon a { font-size: 0px; } .fixed-new-header .menu-header-contact-menu-container ul li.user-icon a:after { display: block; } .fixed-new-header .site-navigation-inner { margin-bottom: 0px; } .sticky-contact-links .menu-header-contact-menu-container ul { margin: 0px -14px; } .sticky-contact-links .menu-header-contact-menu-container ul li { margin: 0px 14px; } .sticky-contact-links .menu-header-contact-menu-container ul li a { margin: 0px 0px 0px 20px !important; } .sticky-contact-links .menu-header-contact-menu-container ul li a:after { left: -20px; } .sticky-logo { display: inline-block; max-width: 75px; } /*top header content*/ .mobile-menu-btn, .mobile-contact-links { display: none;} .top-most-header ul { background-color: #008269;} .top-most-header .textwidget { line-height: 20px; overflow: hidden;} .widget .moving-text { margin:0px; padding: 8px 0px; } .widget .moving-text li { position: relative; margin:0px; padding: 0px 40px 0px 20px; list-style: disc; border-bottom: 0px; font-family: 'Bliss2'; font-weight:normal; font-size: 14px; line-height: 20px; color: #f5f5f5;} .widget .moving-text li:before { height: 5px; width: 5px; content: ''; position: absolute; top: 50%; transform: translateY(-50%); border-radius: 100%; left: -10px; display: block; background: #fff;} .top-most-header p { margin-bottom: 0px; color: #fff; } /*main header content*/ #logo a { display: inline-block; } #logo a img { max-height: 30px; } .navbar-default .menu-header-contact-menu-container ul li a:hover, .navbar-default .menu-header-contact-menu-container ul li a:focus, .navbar-default .menu-header-contact-menu-container li.current-menu-item a { color: #008269 !important; } .menu-header-contact-menu-container li a:hover { opacity: 0.8; } .header-links .navbar-nav { float: none; display: flex; display:-webkit-flex; display:-moz-flex; width: 100%; align-items: center; -webkit-align-items:center; -moz-align-items:center;} .header-links { margin:0px -15px; } .navbar-collapse { padding: 0px 0px; } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important;} .navbar-nav > li { margin-right:0px; padding: 0px 12px; position: relative; } .navbar-nav > li:last-child { padding-right: 0px; } .navbar-nav > li.divider {padding-left: 24px; margin-left: 12px;} .navbar-nav > li.divider:before { height: 20px; width: 2px; content: ''; position: absolute; top:5px; left: -1px; background-color: #5b5c5b; } .navbar-default .navbar-nav > li.prestige-menu { position: unset; } .navbar-default .navbar-nav > li > a { padding-bottom: 5px; font-size: 18px; line-height: 22px; font-family: 'Bliss2'; font-weight:normal; text-transform: none; } .navbar-default .navbar-nav > li > a:after { opacity: 0; background-color: #008269; width: 38px; height: 2px; content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); } .navbar-default .navbar-nav > li > a:hover::after, .navbar-default .navbar-nav > li > a:focus::after, .navbar-default .navbar-nav > li.active > a::after, .navbar-default .navbar-nav > li.current-menu-parent > a::after, .navbar-default .navbar-nav > li.current-menu-item > a::after { opacity: 1; } .navbar-default .navbar-nav > li.theme-btn > a:after { content: none; } .navbar-default { padding: 24px 0px; border:none; box-shadow: 0 6px 6px 0 rgba(0,0,0,0.04);} .site-navigation-inner { display: flex; display:-webkit-flex; display:-moz-flex; align-items: center; -webkit-align-items:center; -moz-align-items:center; justify-content: space-between; position: unset; } /*contact header links*/ .menu-header-contact-menu-container ul { margin: 0px -15px; display: flex; display:-webkit-flex; display:-moz-flex; align-items: center; -webkit-align-items:center; -moz-align-items:center;} .menu-header-contact-menu-container ul li { margin: 0px 15px; padding-bottom: 0px; display: flex; display:-webkit-flex; display:-moz-flex; align-items: center; -webkit-align-items:center; -moz-align-items:center; border:0px;} .menu-header-contact-menu-container ul li a { margin:0px 0px 0px 25px !important; padding: 0px; border:none; position: relative; color: #5B5C5B; font-size: 16px; line-height: 24px; font-family: 'Bliss2'; font-weight:normal;} .menu-header-contact-menu-container ul li a:after { width: 14px; height: 100%; content: ''; position: absolute; top: 0; left: -25px; background: no-repeat center / 100% auto; display: block;} .menu-header-contact-menu-container ul li.branch-icon a:after { background-image: url('./images/map-icon.svg'); } .menu-header-contact-menu-container ul li.download-icon a:after { width: 18px; background-image: url('./images/download-green-icon.svg'); } .menu-header-contact-menu-container ul li.phone-icon a:after { width: 18px; background-image: url('./images/phone-icon.svg'); } .menu-header-contact-menu-container ul li.user-icon a, .menu-header-contact-menu-container ul li.user-icon.current-menu-item a { margin:0px !important; padding:6px 16px 6px 34px; color: #fff !important; background: #008269; } .menu-header-contact-menu-container ul li.user-icon a:after { background-image: url('./images/user-white-icon.svg'); left: 14px; width: 12px;} .menu-header-contact-menu-container ul li.user-icon a:hover, .menu-header-contact-menu-container ul li.user-icon a:focus { opacity: 0.8; color: #fff !important; } .top-header-menu { background-color: #F2F2F2; padding: 7px 0px; } .top-header-menu .menu-header-contact-menu-container ul li:last-child { margin-left: auto; } /* PRESTIGE MODULE */ .prestige .top-header-menu { background-color: var(--prestige-bg-light); } .prestige .top-header-menu .menu-header-contact-menu-container ul li a { color: #F2F2F2; } .prestige .navbar.navbar-default { background-color: var(--prestige-bg);} .prestige .navbar.navbar-default .navbar-nav > li > a { color: #F2F2F2;} .prestige .navbar.navbar-default .navbar-nav > li > a:hover, .prestige .navbar.navbar-default .navbar-nav > li.current-menu-item > a, .prestige .navbar.navbar-default .navbar-nav > li.current-menu-parent > a { color: var(--prestige-color);} .prestige .navbar.navbar-default .navbar-nav > li > a:after, .prestige .navbar.navbar-default .navbar-nav > li.current-menu-item > a:after, .prestige .navbar.navbar-default .navbar-nav > li.current-menu-parent > a:after { background-color: var(--prestige-color);} .prestige .navbar-nav > li.divider:before { background-color: #F2F2F2;} .prestige .menu-header-contact-menu-container ul li.user-icon a { background-color: var(--prestige-color); color: var(--prestige-text-color) !important;} .prestige .menu-header-contact-menu-container ul li.user-icon a:after { filter: invert(1); } .prestige .menu-header-contact-menu-container ul li.branch-icon a:after { background-image: url('./images/map-icon-p.svg'); } .prestige .menu-header-contact-menu-container ul li.download-icon a:after { width: 18px; background-image: url('./images/download-green-icon-p.svg'); } .prestige .menu-header-contact-menu-container ul li.phone-icon a:after { width: 18px; background-image: url('./images/phone-icon-p.svg'); } /* .prestige .prestige-header { } */ .navbar-nav > li.prestige-menu .caret { display: none; } .prestige-menu .dropdown-menu { display: none !important; } .prestige .prestige-menu .dropdown-menu { background-color: var(--prestige-bg); border-top: 1px solid var(--prestige-bg-light); display: none !important; display:-webkit-flex; display:-moz-flex; align-items: center; justify-content: center; margin: -1px 0 0 0; padding: 0; list-style: none; position: absolute; top: 100%; left: 0; width: 100%; border-radius: 0; } .prestige .prestige-menu.current-menu-parent .dropdown-menu { display: flex !important; } .prestige .prestige-menu .dropdown-menu li { padding: 0 38px; background: none !important; } .prestige .prestige-menu .dropdown-menu a { color: #F2F2F2; font-size: 18px; line-height: 26px; font-family: 'Bliss2'; margin: 0; padding: 11px 0; display: block; position: relative; } .prestige .prestige-menu .dropdown-menu a:hover, .prestige .prestige-menu .dropdown-menu .current-menu-item a { color: var(--prestige-color); } .prestige .prestige-menu .dropdown-menu a:after { opacity: 0; background-color: var(--prestige-color); width: 38px; height: 2px; content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); } .prestige .prestige-menu .dropdown-menu a:hover::after, .prestige .prestige-menu .dropdown-menu .current-menu-item a:after, .prestige .prestige-menu .dropdown-menu a:focus::after, .prestige .prestige-menu .dropdown-menu a.active > a::after { opacity: 1; } .prestige .site-content { padding-top: 177px; } /******* Header style CSS Ends ******/ .read-more-card.types-bonds-card h6 { margin-bottom: 16px;} .read-more-card.types-bonds-card h6:after { display: none;} /******* Homepage style CSS Starts ******/ /*homepage slider content*/ .home-banner-slide { position: absolute !important; top: 0; left: 0; width: 100%; height: 100%; background:#d8d8d8 no-repeat top center / cover; } .home-banner-slide:after { width: 100%; height: 100%; content: ''; position: absolute; bottom: 0; right: 0; display: block; background:url('./images/big-logo.png') no-repeat right bottom / 25% auto; } .home-banner-slide .slick-slide > div > div { display: block !important; } .slider-img { height: 638px; position: relative; background: no-repeat top center / cover;} .vc_row.wpb_row.banner > .wpb_column.vc_column_container { padding-top: 130px; height: 100%; display: flex; display:-webkit-flex; display:-moz-flex; align-items: center; -webkit-align-items:center; -moz-align-items:center; position: unset; } .vc_row.wpb_row.banner { height: 638px; background-position: top !important; position: relative !important; } .banner h1 { padding-left: 20px; color: #fff; font-weight: bold; border-left: 13px solid #008269; } .banner-banking-links { margin-top: 34px; list-style: none; padding: 0px; display: flex; display:-webkit-flex; display:-moz-flex; } .banner-banking-links li:first-child { margin-right: 12px; } .banner-banking-links li a { padding: 8px 12px !important; display: inline-block; } .banner-banking-links li a:hover, .banner-banking-links li a:focus { background: #576167 !important; color: #fff !important; border:1px solid #576167;} .banner-banking-links li a img { margin-right: 10px; } /*who we are section*/ .who-we-are-section p { margin-bottom: 28px !important;text-align: center;} .who-we-are-section .wpb_column:after { height: 170px; content: ''; position: absolute; top: 120px; right: 0; border-right: 1px solid rgba(255,255,255,0.41); } .who-we-are-section .wpb_column:last-child::after { content: none; } .vc_row.who-we-are-section { position: relative; } .vc_row.who-we-are-section:before { height: 45%; width: 100%; display: block; content: ''; position: absolute; bottom: 0; left: 0; background-color: #F3F3F3;} /*innerbox content*/ .who-we-are-inner-box { margin: 0px !important; } .who-we-are-inner-box h6 { margin-bottom:12px; padding-bottom: 10px; position: relative; } .who-we-are-inner-box h6:after { height: 2px; width: 25%; content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); border-bottom: 1px solid #FFFFFF; } .who-we-are-inner-box .ult-just-icon-wrapper { margin-bottom: 5px; min-height: 75px; display: flex; display:-webkit-flex; display:-moz-flex; align-items: center; -webkit-align-items:center; -moz-align-items:center; justify-content: center; -webkit-justify-content:center; -moz-justify-content:center;} .who-we-are-inner-box p { margin-bottom: 0px !important; color: rgba(255,255,255,0.8); } .who-we-are-inner-box .wpb_column { padding: 56px 0px; position: relative; } .who-we-are-inner-box .wpb_column p { text-align: left;} .who-we-are-section .theme-btn { margin-top:32px; } .align-icon { display: flex; display:-webkit-flex; display:-moz-flex; } /*rates & documents section*/ .rating-document-section { position: relative;} .rating-document-section:before { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 50%; background: #576167; display: block; z-index: -1;} .rating-document-content { display: flex; display:-webkit-flex; display:-moz-flex; } .common-colored-box { flex-basis: 50%; padding: 60px 40px; } .common-colored-box > img { margin-bottom: 16px; max-width: 60px; } .common-colored-box h3 { margin-bottom: 20px; } .common-colored-box ul { margin:0px; padding: 0px; list-style: none;} /*rating block*/ .rating-block h3 { color: #fff; } .rating-block ul { margin:-6px -12px; display: flex; display:-webkit-flex; display:-moz-flex; flex-wrap: wrap;} .rating-block ul li { margin: 6px 12px; min-height: 115px; display: flex; display:-webkit-flex; display:-moz-flex; align-items: center; -webkit-align-items:center; -moz-align-items:center; flex-basis: calc(50% - 24px); background: rgba(255,255,255,0.06); border-radius: 4px; } .rating-block ul li .rating-inner-block { padding-left: 20px; position: relative; color: #fff; } .rating-block ul li .rating-inner-block span { margin-bottom: 12px; display: inline-block; font-family: 'Bliss2-Bold'; font-size: 20px; line-height: 28px; } .rating-block ul li .rating-inner-block:before { width: 6px; height: 100%; content: ''; position: absolute; top: 0; left: 0; display: block; background: #fff;} .rating-block ul li .rating-inner-block h4 { color: #fff; } .rating-block ul li:last-child { background: transparent; flex-direction: column; -webkit-flex-direction: column; -moz-flex-direction: column; align-items: flex-start; -webkit-align-items: flex-start; -moz-align-items: flex-start; justify-content: center; -webkit-justify-content:center; -moz-justify-content:center; } .rating-block ul li:last-child p { color: #fff; font-size: 16px; line-height: 32px; font-family: 'Bliss2-Bold'; } .download-doc-block { background: #fff; } .download-doc-block ul li { margin-bottom: 16px; } .download-doc-block ul li:last-child { margin-bottom: 0px; } .document-inner-block { position: relative; padding:8px 15px; background: #F3F3F3; display: flex; display:-webkit-flex; display:-moz-flex; align-items: center; -webkit-align-items:center; -moz-align-items:center; justify-content: space-between; -webkit-justify-content: space-between; -moz-justify-content: space-between;} .document-inner-block a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; } .document-inner-block.all-document { padding: 17px 14px; background:#576167;} .left-doc-content { display: flex; display:-webkit-flex; display:-moz-flex; align-items: center; -webkit-align-items:center; -moz-align-items:center;} .left-doc-content p { font-size: 16px; line-height: 22px; font-family: 'Bliss2'; font-weight:normal;} .left-doc-content img { margin-right: 14px; max-width: 38px;} .right-doc-content img { margin-left: 6px; } .right-doc-content span, .right-doc-content a { display: inline-block; } .right-doc-content span { color: var(--prestige-bg); font-size: 18px; line-height:22px; font-family: 'Bliss2'; } .document-inner-block.all-document span { color: #fff; font-size: 16px; line-height: 24px; font-family: 'Bliss2-Bold'; } .document-inner-block:before { content: ''; position: absolute; top: 0; right: 0; border-left: 20px solid transparent; border-right: 0px solid transparent; border-top: 25px solid #fff; border-bottom: 0px solid transparent;} .rating-document-section a:hover, .rating-document-section a:focus { opacity: 0.6; text-decoration: none;} /*nearest branch section*/ .vc_row.wpb_row.nearest-branch-section { padding: 190px 0px; background-size: auto 100% !important; background-position: right !important; } .vc_row.wpb_row.nearest-branch-section:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block; background:url('./images/nearest-branch-logo.svg') no-repeat left top / 30% auto; } .nearest-branch-section h3 { margin-bottom: 4px; color: #fff; } .nearest-branch-section p { margin-bottom: 24px !important; color: #fff; } .nearest-branch-section img { margin-bottom: 20px; } .map-inner-content .vc_column-inner .wpb_wrapper { max-width: 370px; } .map-inner-content .theme-btn a:hover, .map-inner-content .theme-btn a:focus { border:1px solid #fff !important; } .vc_row.wpb_row.nearest-branch-section.map-block { padding: 0px; } /*work with us section*/ .vc_row.wpb_row.work-with-us-section { padding: 180px 0px; position: relative;} .vc_row.wpb_row.work-with-us-section:before { width: calc(50% + 96px); height: 100%; content: ''; position: absolute; top: 0; left: 0; background-image: url('./images/work-with-us-bg.jpg'); background-repeat: no-repeat; background-size: cover; background-position: right center; display: block;} .vc_row.work-with-us-section h3 { margin-bottom: 14px; } .work-with-us-section .work-content .vc_column-inner > .wpb_wrapper { margin: 0px auto; max-width: 340px; position: relative;} .work-with-us-section .work-content .vc_column-inner > .wpb_wrapper:before { width: 66px; height: 8px; content: ''; position: absolute; top: -24px; left: 0; background: #fff; display: block; } .vc_row.work-with-us-section p { margin-bottom: 22px !important; color: rgba(255,255,255,0.8); } .vc_row .vc_btn3.vc_btn3-style-custom { background-image:none; } /******* Homepage style CSS Ends ******/ /******* Personal style CSS Starts ******/ .get-in-touch-section { padding-top: 100px; padding-bottom: 150px;} .get-in-touch-section h3 { color: #fff; } .bank-banner-img .vc_single_image-wrapper { position: relative;} .bank-banner-img .vc_single_image-wrapper:after { content: ''; position: absolute; bottom: -32px; left: -32px; border-left: 50px solid #fff; border-right: 0px solid transparent; border-top: 50px solid transparent; border-bottom: 0px solid #fff;} .bank-banner-img.wpb_single_image .vc_figure { position: relative; } .bank-banner-img.wpb_single_image .vc_figure:after { content: ''; position: absolute; bottom: 0px; left: 0px; border-left: 40px solid #008269; border-right: 0px solid transparent; border-top: 40px solid transparent; border-bottom: 0px solid #008269;} .get-in-touch-section .theme-btn a { padding: 12px 84px 12px 26px !important; font-size: 18px !important; color: #008269; background-color: #fff; } .get-in-touch-section .theme-btn a:after { right: 26px; background-image: url('./images/right-arrow-green-icon.svg'); } .left-white-border .wpb_column .vc_column-inner .wpb_wrapper { padding-left: 24px; position: relative; } .left-white-border .wpb_column .vc_column-inner .wpb_wrapper:before { content: ''; position: absolute; top: 0; left: 0; width: 8px; height: 100%; background-color: #fff; } /*common bank banner*/ .vc_row.wpb_row.common-bank-banner { padding: 32px 0px 64px;} .vc_row.wpb_row.common-bank-banner:after { content: ''; width: 100%; height: 100%; position: absolute; display: block; bottom: 0; right: 0; background:url('./images/bank-big-logo.png') no-repeat left bottom / 15% auto; } .wpb_single_image.bank-banner-img .vc_single_image-wrapper { position: relative; } .wpb_single_image.bank-banner-img .vc_single_image-wrapper:before { width: 100%; height: 100%; content: ''; position: absolute; bottom: -32px; left: -32px; display: block; background-color: #008269; z-index: -1;} .vc_row.wpb_row.common-bank-banner > .vc_column_container { height: 100%; display: flex; display:-webkit-flex; display:-moz-flex; align-items: center; -webkit-align-items:center; -moz-align-items:center; } .common-width-content > .vc_column-inner > .wpb_wrapper { margin: 0px auto; width: 100%; max-width: 490px; position: relative; } .common-width-content h1 { margin-bottom: 23px; max-width: 250px; padding-left: 20px; border-left: 13px solid #008269;} .common-width-content h1 b { font-family: 'Bliss2-Bold'; } .common-width-content h6 { margin-bottom: 16px; color: #576167; } .common-width-content p { margin-bottom: 16px; } /*tabs content*/ .common-tab-section { padding: 50px 0px; background: #F5F5F5; } .common-tab-section .nav.nav-tabs { border:none; display: flex; display:-webkit-flex; display:-moz-flex; } .common-tab-section .nav>li { flex-grow: 1; background-color: #f5f5f5; text-align: center; border-top: 8px solid #f5f5f5;} .common-tab-section .nav>li.active, .common-tab-section .nav-tabs > li:hover, .common-tab-section .nav-tabs > li:focus { margin:0px; border-top: 8px solid #008269; } .common-tab-section .nav-tabs > li:hover a, .common-tab-section .nav-tabs > li:focus a { background-color: #fff !important; } .common-tab-section .nav li span { display: block; min-height: 64px; } .common-tab-section .nav-tabs>li.active>a, .common-tab-section .nav-tabs>li.active>a:focus, .common-tab-section .nav-tabs>li.active>a:hover { border:0px; } .common-tab-section .nav-tabs > li > a { margin:0px; border:0px; text-decoration: none !important; } .download-form-section li a:hover { text-decoration: none; } .common-tab-section .nav li { position: relative; } .common-tab-section .nav li:after { background: #fff; height: 80%; width: 2px; position: absolute; content: ''; right: 0; top: 30%; transform: translateY(-30%);} .common-tab-section .nav li:last-child::after { content: none; } /*tabs main content*/ .tab-box-main-content { padding: 25px; background: #fff; } .tab-box-main-content .tab-content { padding: 50px 0px 50px 30px; } .tab-flex-content { display: flex; display:-webkit-flex; display:-moz-flex; align-items: center; -webkit-align-items:center; -moz-align-items:center; } .tabs-img { margin-top: 50px; position: relative; background:no-repeat center / cover; } .tabs-img:before { content: ''; padding-top: 70%; position: relative; left: 0; top: 0; display: block; } .nav.nav-tabs li a p { font-size: 16px; line-height: 20px; font-family: 'Bliss2-Medium'; color: #090909; text-transform: none;} .account-detail { padding-bottom: 16px; } .account-detail h4 { margin-bottom: 14px; } .account-detail p { margin-bottom: 16px !important; } .key-features p { margin-bottom: 10px; color: #090909; font-size: 20px; line-height: 26px; font-family: 'Bliss2-Bold'; } .key-features ul { padding-left: 0px; list-style: none;} .key-features ul li { margin-bottom: 8px !important; position: relative; font-size: 16px; line-height: 24px; position: relative; font-family: 'Bliss2-Light'; } .key-features ul li:before { content: "-";} .key-features ul li span { padding-left: 5px; } .download-form-section { margin:0px; padding: 0px; display: flex; display:-webkit-flex; display:-moz-flex; align-items: flex-end; -webkit-align-items: flex-end; -moz-align-items: flex-end; text-align: center; list-style: none; } .download-form-section li a:hover, .download-form-section li a:focus { opacity: 0.8; } .download-form-section .account-form-link { width: 42%; position: relative;} .account-form-link a { padding: 23px; color: #fff; background-color: #576167; display: block; font-size: 18px; line-height: 22px; font-family: 'Bliss2-Bold'; } .account-form-link span { margin-right: 16px; display: inline-block; } .account-terms-condition { padding: 6px; width: calc(100% - 42%); background-color: #F5F5F5; } .account-terms-condition a { color: #008269; font-size: 16px; line-height: 20px; font-family: 'Bliss2'; font-weight:normal;} .download-form-section ul.download-tab-form { background-color: #576167; color: #fff; } .account-form-link:before { content: ''; position: absolute; top: 0; right: 0; border-left: 20px solid transparent; border-right: 0px solid transparent; border-top: 35px solid #fff; border-bottom: 0px solid transparent; z-index: 1;} /******* Personal style CSS Ends ******/ /******* Security style CSS Starts ******/ .public-area-content { margin-bottom: 35px; } .security-tips { padding: 0px; } .security-tips li { font-size: 16px; line-height: 28px; color: #576167; font-family: 'Bliss2-Light'; list-style: none;} .security-tips li span { margin-left: 5px; } .security-tips li:before { content: "-";} /******* Security style CSS Ends ******/ /******* Trade Finance style CSS Starts ******/ .trade-inner-row > .wpb_column > .vc_column-inner > .wpb_wrapper { max-width: 457px; } .trade-inner-row p { margin-bottom: 24px !important; } /*.trade-inner-row b { font-size: 21px; line-height: 30px; font-family: 'Gotham-Medium';}*/ .trade-read-more-content .theme-btn a { padding: 12px 85px 12px 25px !important; background: #008269; color: #fff; } .trade-read-more-content .theme-btn a:after { right: 25px; background-image: url('./images/right-arrow-icon.svg'); } .trade-read-more-content .theme-btn a:hover::after { background-image: url('./images/right-arrow-green-icon.svg'); } .trade-read-more-content .theme-btn a:hover, .trade-read-more-content .theme-btn a:focus { border:1px solid #008269; } /******* Trade Finance style CSS Ends ******/ /******* Wealth Finance style CSS Starts ******/ .wealth-contact-form { margin-left: auto !important; width: 458px; padding: 32px; border-top: 8px solid #008269; background: #FFFFFF; box-shadow: 0 18px 22px 0 rgba(0,0,0,0.04); } .wealth-contact-form h6 { color: #008269; font-family: 'Bliss2-Medium';} .call-back-title h6 { margin-left: 20px; } .call-back-title { margin-bottom: 26px; display: flex; display:-webkit-flex; display:-moz-flex; align-items: center; -webkit-align-items:center; -moz-align-items:center; } .form-content label { margin-bottom: 18px; width: 100%; font-size: 16px; line-height: 20px; color: #576167; font-family: 'Bliss2'; font-weight:normal;} .form-content input { width: 100%; min-height: 48px; background-color: #F3F3F3; border:0px; border-radius: 0px; } .form-content .wpcf7-form-control-wrap { margin-top: 8px; width: 100%; display: inline-block; } .form-content .arrow-big-btn { margin-top: 6px; width: 164px; position: relative; } .form-content .arrow-big-btn:before { content: ''; z-index: 1; position: absolute; top: 0; right: 0; border-left: 20px solid transparent; border-right: 0px solid transparent; border-top: 25px solid #fff; border-bottom: 0px solid transparent; } .form-content input[type="submit"] { background: #576167 url('./images/right-arrow-icon.svg') no-repeat right 30px center / 37px auto; text-align: left; padding: 10px 24px !important; position: relative; font-family: "Bliss2-Bold"; font-size: 15px !important; line-height: 20px; color: #FFFFFF; } .form-content input[type="submit"]:hover { opacity: 0.8; } .wealth-contact-links { padding-top: 35px; /* border-top: 1px solid rgba(70,79,84,0.16); */ } .wealth-contact-title { margin: 0px 0px 28px; display: flex; display: -webkit-flex; display: -moz-flex; align-items: center; -webkit-align-items: center; -moz-align-items: center; } .wealth-contact-links ul { margin:0px; padding: 0px; list-style: none; display: flex; display:-webkit-flex; display:-moz-flex; justify-content: flex-start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; align-items: center; -webkit-align-items:center; -moz-align-items:center; } .wealth-contact-links h6 { padding-left: 17px; color: #008269; font-family: 'Bliss2-Medium';} .wealth-contact-links ul li { color: #576167; margin-right: 20px; } .wealth-contact-links ul li:last-child { margin-right: 0; } .wealth-contact-links ul li span { display: block; font-family: 'Bliss2-Light'; font-size: 18px; line-height: 24px; color: rgba(87,97,103,0.80); text-decoration: none !important;} .wealth-contact-links ul li a { font-family: 'Bliss2-Medium'; font-size: 17px; color: #576167; } .wealth-form-section h4 { margin-bottom: 16px; color: #576167; font-family: 'Bliss2-Bold'; } .wealth-form-section p b { margin-bottom: 24px; } .wealth-form-section p { margin-bottom: 16px !important; } .wealth-form-section div.wpcf7-validation-errors, .wealth-form-section div.wpcf7-acceptance-missing, .wealth-form-section div.wpcf7-mail-sent-ng, .wealth-form-section div.wpcf7-aborted, .wealth-form-section div.wpcf7-mail-sent-ok, .wealth-form-section div.wpcf7-spam-blocked { margin:10px 0px 10px auto; width: 458px; } .wealth-form-section .wpcf7-response-output { width : 458px; margin-left:auto !important; margin-right:0px !important; } /******* Wealth Finance style CSS Ends ******/ /******* Branch Finder style CSS Starts ******/ /*no location found*/ .no-location { background: rgba(87, 97, 103, 0.1); } .no-location p { color: #008269; font-size: 20px; line-height: 30px; text-align: center; } .branch-finder-banner { background: no-repeat center / cover; display: flex; display:-webkit-flex; display:-moz-flex; align-items: center; -webkit-align-items:center; -moz-align-items:center;} .branch-banner-content { position: relative; z-index: 1; } .branch-finder-banner img { margin-bottom: 16px; } .branch-finder-banner h2 { margin-bottom: 32px; color: #fff; } .branch-banner-content .form-group { margin-bottom: 0px; display: flex; display:-webkit-flex; display:-moz-flex; position: relative;} .branch-banner-content .form-group ::-webkit-input-placeholder { color: #576167; font-family: "Bliss2-Light"; } .branch-banner-content .form-group ::-moz-placeholder { color: #576167; font-family: "Bliss2-Light"; } .branch-banner-content .form-group :-ms-input-placeholder { color: #576167; font-family: "Bliss2-Light"; } .branch-banner-content .form-group :-moz-placeholder { color: #576167; font-family: "Bliss2-Light"; } .branch-banner-content .form-group:before { content: ''; width: 50px; height: 70%; position: absolute; top:50%; transform: translateY(-50%); border-right: 1px solid #E3E3E3; left: 0px; background: url('./images/search-icon.svg') no-repeat center / 40% auto; } .branch-banner-content .form-group input { padding: 12px 10px 10px 66px !important; flex-grow: 1; border-radius: 0px; font-size: 16px; line-height: 22px; color: #576167; font-family: "Bliss2-Light";} .branch-banner-content .form-group .location-btn { font-size: 18px; line-height: 22px; border-radius: 0px; background-color: #008269; padding: 9px 32px; text-transform: none; font-family: "Bliss2-Bold";} .branch-banner-content .form-group .location-btn:hover { background: #576167; } /*location content*/ .location-main-content { padding:50px 0px 100px; } .location-main-content h5 { margin:0px 0px 18px; font-family:'Bliss2'; font-weight:normal;} .closing-branch-note { margin-bottom: 15px; } .closing-branch-note a { color: #008269; } .location-main-content h5 b { font-family:'Bliss2-Bold'; } .location-content p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} .location-main-content ul { margin:0px; padding: 0px; list-style: none; } .location-inner-content { display: flex; display:-webkit-flex; display:-moz-flex; background: #F5F5F5; } .location-inner-content a:hover { text-decoration: none; } .location-left-content { flex-basis: 52%; } .location-right-content { flex-basis: 48%; } .location-left-content { padding: 24px 0px; max-height: 568px; overflow-y: auto; } .location-left-content > ul { margin:-24px 0px; } .location-left-content ul li.location-list { padding: 24px; border-bottom: 1px solid #E6E6E6; position: relative; } .location-left-content > ul > li.active:before { width: 14px; height: 100%; content: ''; position: absolute; top: 0; left: 0px; background: #008269; display: block;} .location-left-content > ul > li.active .location-title-content li a { color: #008269; } .location-left-content > ul > li.active, .location-list.branch-highlite, .location-list:hover { background: rgba(87, 97, 103, 0.1); } .location-content-box { overflow: hidden; } .location-content-box .location-img { width: 142px; background: no-repeat center / cover; position: relative; float: left;} .location-content-box .location-img:before { content: ''; position: relative; padding-top: 100%; top: 0; left: 0; display: block; } .location-content-box .location-content { margin-left: 20px; width: calc(100% - 162px); float: left; } .hidden-address-content { display: none; } .location-title-content { margin-bottom: 10px; } .location-title-content, ul.branch-detail { margin-top: 32px; display: flex; display:-webkit-flex; display:-moz-flex; align-items: center; -webkit-align-items: center; -moz-align-items: center; justify-content: space-between; -webkit-justify-content: space-between; -moz-justify-content: space-between; } .location-title-content li { display: inline-flex; display: -webkit-inline-flex; display: -moz-inline-flex; } .location-title-content li a { color: #3C3C3C; max-width: 250px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: 'Bliss2'; font-size: 18px; line-height: 28px; } .location-title-content li.location-update { padding-left: 5px; position: relative; font-size: 16px; line-height: 20px; color: #576167; font-family: "Bliss2-Light"; } .location-title-content li.location-update:after { width: 8px; height: 8px; content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: -5px; background-color: #008269; border-radius: 100%;} /*closed now style*/ .location-title-content li.location-update.closed-now:after { background-color: #f00; } /*hidden address content*/ ul.hidden-address-content { margin-top: 30px; padding-left: 17px; border-left: 7px solid #008269; } .hidden-address-content li:first-child { margin-bottom: 10px; } .hidden-address-content li { color: #576167; font-size: 16px; line-height: 24px; font-family: 'Bliss2-Bold'; } .hidden-address-content li a { margin-left: 17px; color: #576167; font-family: 'Bliss2-Light'; } .branch-detail li a { font-size: 16px; line-height: 22px; font-family: 'Bliss2-Bold'; display: inline-block; } .branch-detail li a:hover, .branch-detail li a:focus { opacity: 0.8; } .branch-detail li.branch-detail-link a { padding-right: 45px; color: #008269; position: relative;} .branch-detail li.branch-detail-link a:after { height: 100%; width: 100%; content: ''; position: absolute; top: 0; right: 0; background: url('./images/right-arrow-green-icon.svg') no-repeat right center / 33px auto; } .branch-detail li.branch-detail-link a img { margin-left: 12px; } .branch-detail li.direction-link a { padding-left: 25px; color: #576167; position: relative;} .branch-detail li.direction-link a:before { height: 100%; width: 100%; content: ''; position: absolute; top: 0; right: 0; background: url('./images/direction-arrow.svg') no-repeat left center / 18px auto; } #googleMap, #branchMap { min-height: 568px; height: 100%;} /*custom scrollbar*/ .custom-scrollbar::-webkit-scrollbar { width: 10px;} .custom-scrollbar::-webkit-scrollbar-track { background: #F5F5F5; } .custom-scrollbar::-webkit-scrollbar-thumb { background: #d9d9d9; } .listing-btn { display: none; } /******* Branch Finder style CSS Ends ******/ /******* Branch Detail style CSS Starts ******/ /*branch details*/ .branch-detail-banner .branch-banner-content { padding-top: 100px; } .branch-detail-banner h2 { margin-bottom: 8px; font-family: 'Bliss2'; font-weight: normal; } .branch-detail-banner p { color: #fff; font-size: 16px;} /*map content*/ .branch-detail-map-content { background: #f5f5f5; } .branch-detail-inner-content { display: flex; display: -webkit-flex; display: -moz-flex; background: #fff;} .branch-detail-inner-content .panel-default { border:none; box-shadow: none; } .branch-detail-inner-content .panel-heading { border:none; padding: 0px; background: transparent; } .branch-detail-inner-content .panel-title { line-height: normal; } .branch-detail-inner-content .panel-title a { padding-right: 30px; color: #008269; font-size: 16px; line-height: 22px; font-family: 'Bliss2-Medium'; font-weight: normal; position: relative; } .branch-detail-inner-content .panel-title > a:after { width: 100%; height: 100%; content: ''; position: absolute; top: 0; right: 0; background: url('./images/dropup-arrow.svg')no-repeat right center / 16px auto;} .branch-detail-inner-content .panel-title > a.collapsed:after { background-image: url('./images/dropdown-arrow.svg'); } .branch-detail-inner-content .panel-default>.panel-heading+.panel-collapse>.panel-body { padding:5px 0px 0px; border:none; } .branch-detail-inner-content .panel-body p { margin-bottom: 4px; } .branch-detail-inner-content .panel-body p span { margin-right: 20px; color: #576167; text-transform: capitalize; width: 40px; display: inline-block;} .branch-detail-inner-content .panel-title a { font-size: 14px; line-height: 20px; } .closed-text { color: #f95454; } .left-detail-content { padding: 26px; max-height: 568px; overflow-y: auto; flex-basis: 40%; background: #fff;} .right-detail-content { flex-basis: 60%; } .left-detail-content h6 { margin: 0px 0px 14px; font-weight: normal; color: #3C3C3C; font-size: 18px; line-height: 24px; font-family: 'Bliss2-Medium'; } .left-detail-content p { margin-bottom: 12px; } /*branch contact links*/ .contact-details-content { margin:0px 0px 32px; padding: 0px 0px 0px 16px; border-left:7px solid #008269; list-style: none;} .contact-details-content li { font-size: 16px; line-height: 28px; color: #576167; font-family: 'Bliss2-Medium'; } .contact-details-content li a { margin-left: 14px; font-size: 16px; line-height: 26px; color: #5A5A5A; font-family: 'Bliss2-Light'; } /*direction links*/ .get-direction { margin:0px 0px 24px; padding: 0px; list-style: none; } .get-direction li a { position: relative; color: #fff; background: #008269; display: inline-block; padding: 12px 40px 12px 20px; font-size: 16px; line-height: 22px; font-family: 'Bliss2-Bold';} .get-direction li a:hover, .get-direction li a:focus { opacity: 0.8; } .get-direction li a:before { content: ''; position: absolute; top: 0; right: 0; border-left: 25px solid transparent; border-right: 0px solid transparent; border-top: 25px solid #fff; border-bottom: 0px solid transparent; } /*additional service style*/ .additonal-service { margin-bottom: 0px; padding-left: 20px; } .additonal-service li { font-size: 16px; line-height: 30px; color: #576167; font-family: 'Bliss2-Light'; } /*branch contact section*/ /*common branch content*/ .common-detail-content h5 { margin-bottom: 25px; color: #fff; border-left: 8px solid #fff; padding-left: 15px; font-family: 'Bliss2-Bold';} .common-detail-content ul { margin:16px 0px 0px; padding: 0px; list-style: none; } .common-detail-content ul li img { margin-right: 12px; } .common-detail-content ul li a { width: 100%; max-width: 335px; padding: 7px 10px; background-color: #fff; color: rgba(9, 9, 9,0.72); font-size: 16px; line-height: 24px; font-family: 'Bliss2'; font-weight: normal; display: flex; align-items: center; } .common-detail-content ul li a:hover, .common-detail-content ul li a:focus { opacity: 0.9; } /*branch contact section*/ .branch-inner-contact-detail { display: flex; display: -webkit-flex; display: -moz-flex;} .branch-inner-contact-detail .common-detail-content { flex-basis: 50%; padding: 55px 80px; } .branch-detail-contact-links.common-detail-content { padding: 55px 65px; } .customer-service-content { background: #008269; } .branch-detail-contact-links { background: #576167; } .customer-service-content h6 { margin: 0px 0px 8px; font-family: 'Bliss2'; font-weight: normal; } .customer-service-content p { font-size: 17px; line-height: 24px; color: rgba(255, 255, 255, 0.8); } .branch-detail-contact-links ul { margin:-10px 0px; } .branch-detail-contact-links ul li { padding: 10px 0px; } /******* Branch Detail style CSS Ends ******/ /******* About style CSS Starts ******/ .vc_row.wpb_row.about-banner:before { background-image: linear-gradient(180deg, rgba(60,60,60,0.00) 0%, rgba(60,60,60,0.60) 100%); } .about-banner h1 { color: #fff; } .about-inner-content > .wpb_column > .vc_column-inner > .wpb_wrapper { padding:0px 0px 10px 24px; border-left: 8px solid #008269; } /*about content block*/ .about-content-block p { margin:0px 0px 24px; text-align: justify;} .about-content-block p b { font-family: 'Bliss2-Medium'; font-weight: 500; } .about-content-block a { color: #008269; } .common-desc-content > .vc_column-inner > .wpb_wrapper { max-width: 510px; } .about-left-desc-content > .vc_column-inner > .wpb_wrapper { margin-right: auto !important;} .about-right-desc-content > .vc_column-inner > .wpb_wrapper { margin-left: auto !important; } /*about listing content*/ .about-listing-content { padding: 80px 0px 10px; background: #F3F3F3; } .about-listing-title { margin-bottom: 40px; display: flex; display: -webkit-flex; display: -moz-flex; align-items: center; -webkit-align-items: center; -moz-align-items: center; } .about-info-content { padding: 10px 15px; background: #fff; position: absolute; bottom: 0px; left: 0; width: 100%; display: block; text-align: center;} .about-info-content h6 { margin-bottom: 5px; color: #008269; } .about-info-box i { color: #fff; background: #008269; z-index: 1; position: absolute; bottom: 70px; right: 0; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; } .about-info-content span { color: #576167; font-size: 14px; line-height: 20px; font-family: 'Bliss2'; display: block; text-transform: uppercase; letter-spacing: 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .about-listing-title h2 { color: #576167; } .about-listing-title img { margin-right: 30px; } .about-listing-content.management-content { padding: 40px 0px 40px; } .about-info-box { display: block; margin-bottom: 30px !important; background: no-repeat center / cover; position: relative;} .about-info-box:before { content: ''; position: relative; padding-top: 135%; display: block;} /*about popup model*/ .modal-dialog { margin:0px auto; width: 1140px; } .about-inner-listing .modal.fade.in { opacity: 1; background: rgba(243, 243, 243, 0.9); display: flex !important; display: -webkit-flex !important; display: -moz-flex !important; align-items: center !important; -webkit-align-items: center !important; -moz-align-items: center !important;} .about-inner-listing .modal-content { background: transparent; border:none; box-shadow: none; } .about-inner-listing .modal-body { padding:32px 24px; background: url('./images/popup-white-box.png') no-repeat center / 100% 100%; border-left:12px solid #008269; position: relative;} .about-inner-listing .modal-header { padding: 15px 0px; border:none;} .modal-header .close { margin: 5px 0px; text-transform: capitalize; text-decoration: underline; color: #576167; font-size: 18px; line-height: 20px; font-family: 'Bliss2-Bold'; opacity: 1;} .modal-header .close:hover, .modal-header .close:focus { background: transparent; opacity: 0.6;} .popup-box-content { position: relative; } .popup-box-content .about-info-content { padding: 10px 0px 0px; background: #fff;} .detail-text-content { padding-right: 10px; max-height: 400px; overflow-y: scroll; -webkit-overflow-scrolling: auto; position: relative;} .detail-text-content p { margin-bottom: 20px; font-size: 15px; line-height: 24px; font-family: 'Bliss2'; } .popup-box-content img { height: 360px; width: 100%; object-fit: cover; } .popup-box-content .about-info-content { text-align: left; } /*parent company section*/ .parent-company-content .wpb_single_image.bank-banner-img .vc_single_image-wrapper:before { left: auto; right: -32px; } .parent-company-content .bank-banner-img .vc_single_image-wrapper:after { left: auto; right: -32px; border-left: 0px solid transparent; border-right: 50px solid #fff; } .parent-company-content .bank-banner-img.wpb_single_image .vc_figure:after { left: auto; right: 0px; border-right: 40px solid #008269; border-left: 0px solid transparent; } .parent-company-content .common-width-content .vc_single_image-wrapper { margin-bottom: 24px; } .parent-company-content .theme-btn { margin-top: 30px; } .parent-company-content .theme-btn.arrow-big-btn a:after { background-image: url('./images/right-arrow-icon.svg'); } .parent-company-content .theme-btn.arrow-big-btn a:hover::after, .parent-company-content .theme-btn.arrow-big-btn a:focus::after { background-image: url('./images/right-arrow-green-icon.svg'); } .parent-company-content .theme-btn.arrow-big-btn a:hover, .parent-company-content .theme-btn.arrow-big-btn a:focus { border-color:#008269; } /******* About style CSS Ends ******/ /******* Faq style CSS Starts ******/ .faq-tabs-content { display: flex; display: -webkit-flex; display: -moz-flex;} .faq-tabs-content a:hover { text-decoration: none; } .faq-inner-content { min-height: 580px; flex-basis: 28%; background: #008269; padding: 50px;} .faq-inner-content.white-traingle-shape:before { border-left-width: 40px; border-top-width: 40px; } .faq-tabs-content .nav-pills li { margin-bottom: 18px; } .faq-inner-content h6 { margin-bottom: 20px; color: #fff; font-family: 'Bliss2-Bold'; font-size: 22px;} .faq-tabs-content .nav-pills li a { font-size: 18px; line-height: 24px; font-family: 'Bliss2-Light'; text-transform: none; color: #fff; position: relative; background-color: transparent !important; padding: 0px;} .faq-tabs-content .nav-pills li.active a { color: #fff; padding: 0px 0px 0px 13px; border-left: 7px solid #fff; border-radius: 0px;} .faq-tabs-content .tab-content { padding: 0px 30px; flex-basis: 72%; } .faq-tabs-content .panel-default { box-shadow: none; border:transparent; border-radius: 0px; } .faq-tabs-content .tab-content h3 { color: #292929; font-size: 34px; line-height: 42px; font-family: 'Bliss2-Light'; font-weight: normal; } .faq-tabs-content .panel-group .panel+.panel { margin-top: 26px; } .faq-tabs-content .panel-heading { padding: 0px; border-radius: 0px;} .faq-tabs-content .panel-title > a { padding: 12px 15px 15px; display: flex; display: -webkit-flex; display: -moz-flex; align-items: center; justify-content: space-between; -webkit-justify-content: space-between; -moz-justify-content: space-between;} .faq-tabs-content .panel-title > a:hover { color: #576167; } .faq-tabs-content .panel-title > a span { color: #292929; display: inline-block; font-size: 16px; line-height: 24px; font-family: 'Bliss2-Bold'; font-weight: normal; } .faq-tabs-content .panel-group .panel-heading+.panel-collapse>.list-group, .faq-tabs-content .panel-group .panel-heading+.panel-collapse>.panel-body { padding: 14px 14px 5px; color: #292929; font-size: 16px; line-height: 26px; font-family: 'Bliss2-Light'; border:none; } .faq-tabs-content .panel-title > a { position: relative; } .faq-tabs-content .panel-title > a:after { width: 100%; height: 100%; content: ''; position: absolute; top: 0; right: 0; background: url('./images/minus-icon.svg')no-repeat right 15px center / 16px auto;} .faq-tabs-content .panel-title > a.collapsed:after { background-image: url('./images/plus-icon.svg') !important; } .faq-tabs-content .panel-title a.collapsed, .faq-tabs-content .category-tab-content .panel-title a.collapsed { border-color: transparent; background: transparent; color: #3C3C3C;} .faq-tabs-content .js-tabcollapse-panel-body .panel-title a, .faq-tabs-content .category-tab-content .panel-title a { border-top:3px solid #008269; background: transparent;} /******* Faq style CSS Ends ******/ /******* Documents style CSS Starts ******/ .document-page ul { margin-bottom: 28px; padding: 0px; list-style: none; } .document-title { color: #fff; font-size: 16px; line-height: inherit; font-family: 'Bliss2-Bold';} .document-page .left-doc-content p span { font-size: 16px; line-height: inherit; font-family: 'Bliss2-Light'; color: rgba(9,9,9,0.7); } .document-page ul li a:hover { opacity: 0.7; } .tooltip-box { position: relative; } .tooltip-content { width: calc(100% + 2px); border-radius: 3px; border-top-left-radius: 0px; padding:5px; min-width: 160px; font-size: 12px; line-height: 18px; position: absolute; top: 100%; background: rgba(87, 97, 103, 0.8); color: #fff; z-index: 1; display: none;} .tooltip-content:before { content: ''; position: absolute; bottom: 100%; left: 0; border-right: 5px solid transparent; border-bottom: 5px solid rgba(87, 97, 103, 0.8);} /******* Documents style CSS Ends ******/ /******* Financial Institution style CSS Starts ******/ /*financial institution product & service content*/ .fi-title-content { margin-bottom: 30px; } .fi-sub-title { margin: 0px 0px 14px !important; display: flex; flex-direction: row-reverse; align-items: center; justify-content: flex-end; } .fi-sub-title h2 { padding-left: 10px; color: #576167; font-size: 20px; line-height: 26px; } .fi-sub-title img { width: 40px; } /*FI table content*/ .institution-table-content { padding-top: 40px; padding-bottom: 80px; } .institution-table-content h6 { margin-bottom: 10px; position: relative; padding: 13px 14px; background: #576167; font-size: 16px; line-height: 22px; font-family: 'Bliss2-Bold'; font-weight: normal;} .institution-table-content h6:before { content: ''; position: absolute; top: 0; right: 0; border-left: 20px solid transparent; border-right: 0px solid transparent; border-top: 25px solid #fff; border-bottom: 0px solid transparent; } .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { padding: 14px 0px; } .institution-table-content .table tr th { border:0px; font-size: 16px; line-height: 22px; font-family: 'Bliss2-Medium'; font-weight: normal; color: rgba(87, 97, 103, 0.64); } .institution-table-content .table tr td { border-top:0px; color:#090909 !important; border-bottom: 1px solid #E5E5E5; font-size: 16px; line-height: 20px; font-family: 'Bliss2-Light'; } .institution-table-content .table tr td a { color: #090909; } /******* Financial Institution style CSS Ends ******/ /******* News page style CSS Starts ******/ .latest-news-section { background: #F5F5F5; } .latest-news-section a, .all-news-event-section a:hover, .all-news-event-section a:focus { color: rgba(60, 60, 60, 0.7); text-decoration: none;} .latest-news-section .tab-content { padding: 0px; } .slick-slider div { transition: none; } .news-img { position: relative; display: block; background:no-repeat center / cover;} .news-img:before { content: ''; padding-top: 70%; position: relative; top: 0; left: 0; display: block; } .new-content-box .news-img p { min-width: 100px; position: absolute; top: 24px; left: 0; text-align: center; font-family: 'Bliss2'; font-size: 14px; line-height: 30px;} .news-text { margin: 8px 0px; color: #3C3C3C; font-size: 19px; line-height: 28px; font-family: 'Bliss2'; font-weight: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} .all-news-event-section .row { margin:0px -30px; } .all-news-event-section .col-sm-4 { padding:0px 30px; } .new-content-box { margin: 30px 0px; } .news-slider-section h4 { padding-bottom: 23px; } /*top tabs content*/ .top-content-images { width: 155px; position: relative; background: no-repeat center / cover; display: block;} .news-slide-img { width: 55%; position: relative; background: no-repeat center / cover;} .news-slide-content { width: calc(100% - 55%); padding: 20px 16px; background: #fff;} .top-content-images::before { content: ''; position: relative; padding-top: 70%; top: 0; left: 0; display: block; } .news-slide-img::before { content: ''; position: relative; padding-top: 105%; top: 0; left: 0; display: block; } .news-slides { display: flex; display: -webkit-flex; display: -moz-flex; } .top-content-desc { padding: 0px 20px; width: calc(100% - 155px); } .top-content-desc a { font-family: 'Bliss2'; color: #3C3C3C; font-size: 18px; line-height: 26px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .top-news-events-block a:hover { opacity: 0.8; } .top-content-desc p.date { margin-top: 6px; font-size: 14px; line-height: 20px; font-family: 'Bliss2-Light'; } .latest-news-section .tab-pane { margin:-25px 0px; } .top-news-events-block { margin: 25px 0px; background: #fff; display: flex; display: -webkit-flex; display: -moz-flex; align-items: center; justify-content: space-between; -webkit-justify-content: space-between; -moz-justify-content: space-between; } .news-slide-content h5 { margin-bottom: 16px; font-family: 'Bliss2'; font-weight: normal; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .news-paragraph { margin-bottom: 80px; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden;} /*news tabs section*/ .top-tabs-section { padding-bottom: 23px; display: flex; display: -webkit-flex; display: -moz-flex; align-items: center; justify-content: space-between; -webkit-justify-content: space-between; -moz-justify-content: space-between; } .top-tabs-section .nav-tabs { margin:0px -10px; border:none; } .top-tabs-section .nav-tabs>li { padding: 0px 10px; } .top-tabs-section .nav-tabs>li>a { font-size: 16px; line-height: 22px; text-transform: capitalize; font-family: 'Bliss2-Medium'; position: relative; background: transparent; color: rgba(87, 97, 103, 0.72);} .top-tabs-section .nav-tabs>li.active>a { color: #008269; } .top-tabs-section .nav-tabs>li>a, .top-tabs-section .nav-tabs>li>a:focus, .top-tabs-section .nav-tabs>li>a:hover { padding: 0px; border:none; background: none;} .top-tabs-section .nav-tabs>li>a:after { width: 90%; height: 1px; content:''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); background: #008269; display: none;} .top-tabs-section .nav-tabs>li>a:hover::after, .top-tabs-section .nav-tabs>li.active>a::after, .top-tabs-section .nav-tabs>li>a:focus::after { display: block; } .top-news-events-block { position: relative; } .top-news-events-block:before { content: ''; position: absolute; bottom: 0; right: 0; border-left: 20px solid transparent; border-right: 0px solid transparent; border-bottom: 20px solid #F5F5F5; border-top: 0px solid transparent;} /*news slider content*/ .news-slider-section .news-slider-content { margin-bottom: 0px !important; position: relative; } .news-slider-content .slick-prev { height: 12px; width: 37px; left: auto; right: 50px; bottom: -16px; transform: translate(0); top: auto; background: url('./images/left-slider-arrow.svg')no-repeat center center / 100% auto !important; z-index: 1;} .news-slider-content .slick-next { height: 12px; width: 37px; right: 0px; bottom: -16px; transform: translate(0); top: auto; background: url('./images/right-slider-arrow.svg')no-repeat center center / 100% auto !important; z-index: 1;} .news-slider-content .slick-prev:hover, .news-slider-content .slick-prev:focus, .news-slider-content .slick-next:hover, .news-slider-content .slick-next:focus { opacity: 0.6; } .news-slider-content .slick-prev:before, .news-slider-content .slick-next:before { color: #3C3C3C; content: '';} .news-slider-content .slick-dots { text-align: left; width: 70%; left: 0; bottom: -22px; line-height: 0px; height: auto; } .news-slider-content .slick-dots li { width: 40px; height: 4px; } .news-slider-content .slick-dots li button { padding: 0; width: 100%; height: 100%; } .news-slider-content .slick-dots li button:before { font-size: 0; line-height: 0; width: 40px; height: 4px; background: #D8D8D8; opacity: 1;} .news-slider-content .slick-dots li.slick-active button:before { background: #008269; opacity: 1;} /******* News page style CSS Ends ******/ /******* News inner page style CSS Starts ******/ /*post meta tag and button hidden*/ .single-post .entry-meta { display: none; } .single-post nav.post-navigation { display: none; } /*news inner page*/ .news-inner-top-content { padding-top: 80px; padding-bottom:80px;} .news-inner-content p.inner-page-tag { margin: 0px 0px 12px; width: 100px; text-align: center; font-family: 'Bliss2'; font-size: 14px; line-height: 30px;} .news-inner-content img { width: 100%; } .news-inner-content h3 { margin:0px 0px 20px; } /*sidebar content*/ .news-sidebar-content .tab-content { padding: 0px; } .news-sidebar-content .top-news-events-block:before { display: none; } .news-sidebar-content .top-news-events-block { align-items: flex-start; -webkit-align-items: flex-start; -moz-align-items: flex-start; } .news-sidebar-content .tab-content { margin: -25px 0px 0px; } .news-sidebar-content .top-content-images { width:130px; } .news-sidebar-content .top-content-images::before { padding-top: 75%; } .news-sidebar-content .top-content-desc { width: calc(100% - 130px); } .latest-news { padding-top: 30px; border-top:1px solid rgba(87, 97, 103, 0.24); } .news-inner-content p { margin: 0px 0px 22px; } .top-content-desc .latest-category { color: #008269; font-size: 14px; line-height: 20px; } /*news overview content*/ .news-overview-content h4, .news-prerequisite-content h4 { margin:32px 0px 16px; } .news-overview-content ul, .news-prerequisite-content ul { margin: 20px 0px 16px !important; padding-left: 30px;} .news-overview-content ul li, .news-prerequisite-content ul li { font-size: 16px; line-height: 30px; font-family: 'Bliss2-Light'; } .news-overview-img .vc_figure, .news-overview-img .vc_single_image-wrapper, .news-overview-img .vc_single_image-wrapper img { width: 100%; } .prerequisite-img .vc_single_image-wrapper { margin:10px 0px 30px; } .prerequisite-img .wpb_wrapper, .prerequisite-img .vc_single_image-wrapper { display: block !important; } .prerequisite-img img { width: 100%; } .load-more { margin-top: 30px; text-align: center; } .load-more-newsevents input { width: 200px; text-transform: capitalize !important; border-radius: 0px; padding: 10px !important; } /******* News inner page style CSS Ends ******/ /******* Career style CSS Starts ******/ .vacany-title > .wpb_column > .vc_column-inner > .wpb_wrapper { margin-bottom: 40px; display: flex; display: -webkit-flex; display: -moz-flex; align-items: center; -webkit-align-items: center; -moz-align-items: center; } .vacany-title h3 { margin:0px 0px 0px 26px; } .vacancy-block-section { padding: 30px; } .vacancy-block-section p { max-width: 650px; color: #fff;} .vacancy-green-block { margin-top: 25px; } .vacancy-green-block > .vc_column-inner > .wpb_wrapper { padding:40px; display: flex; display: -webkit-flex; display: -moz-flex; align-items: center; background: #008269; position: relative;} .vacancy-green-block > .vc_column-inner > .wpb_wrapper:before { content: ''; position: absolute; bottom: 0; right: 0; border-left: 40px solid transparent; border-right: 0px solid transparent; border-top:0px solid transparent; border-bottom: 40px solid #F5F5F5; } .vacancy-green-block p { margin-left: 30px; max-width: 700px; color: #fff; font-size: 16px; line-height: 30px; } .vacancy-green-block p a { color: #fff; font-family: 'Bliss2-Bold'; } .vacancy-content .vacancies-list ul li a, .vacancy-content .vacancies-list p a { color: #008269; text-decoration: underline; } .vacancy-content .vacancies-list ul li a:hover, .vacancy-content .vacancies-list p a:hover { text-decoration: none;} /******* Career style CSS Ends ******/ /******* Rates style CSS Starts ******/ .vc_row.wpb_row.rates-banner.common-bank-banner:after { display: none; } .check-rates-btn.green-btn { margin-top: 30px; } .check-rates-btn.green-btn a { padding: 13px 85px 13px 20px !important; color: #fff; border:1px solid #008269 !important; background: #008269;} .check-rates-btn.theme-btn.arrow-big-btn a:after { background-image: url('./images/right-arrow-icon.svg'); } .check-rates-btn.theme-btn.arrow-big-btn a:hover::after, .check-rates-btn.theme-btn.arrow-big-btn a:focus::after { background-image: url('./images/right-arrow-green-icon.svg'); } .rates-banner .common-width-content h1 { line-height: 50px; } /*exchange currency rates block*/ .common-flex { display: flex; display: -webkit-flex; display: -moz-flex; align-items: center; -webkit-align-items: center; -moz-align-items: center;} .spacing-flex { justify-content: space-between; -webkit-justify-content: space-between; -moz-justify-content: space-between; } .exchange-rate-main-section { background: #F3F3F3; } .exchange-rate-main-section h3 { margin:0px 0px 0px 30px; } .exchange-rate-main-section ul { padding: 0px; list-style: none; } .exchange-rate-listing { margin:-30px 0px;} .exchange-rate-listing > li { margin: 30px 0px; padding: 22px 16px; } .common-rate-spacing { padding-left: 56px; } .conversion-currency { color:#686868; font-size:22px; line-height:28px; font-family: 'Bliss2'; font-weight: normal; } .exchange-rate-listing ul { margin-top: 24px; } .exchange-rate-listing ul li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #979797; } .exchange-rate-listing ul li p { color: #090909; font-size: 20px; line-height: 30px; font-family: 'Bliss2-Light'; font-weight: normal; } .exchange-rate-listing ul li p.total-currency-value { font-family: 'Bliss2-Medium'; } .exchange-rate-listing ul li:last-child { margin:0px; padding: 0px; border:none; } .exchange-rate-heading { padding-bottom: 30px; } .exchange-rate-blocks { background: #fff; } .exchange-rate-title { margin-bottom: 8px; } .exchange-rate-listing h5 { margin: 0px 0px 0px 14px; font-weight: normal; } .total-currency-value { color: #090909; font-size: 20px; line-height: 30px; font-family: 'Bliss2-Medium'; } /*base rate block*/ .base-rates-title > .vc_column-inner > .wpb_wrapper { margin-bottom: 30px; display: flex; display: -webkit-flex; display: -moz-flex; align-items: center; } .base-rates-title h3 { margin:0px 0px 0px 26px; } .base-rates-block > .vc_column-inner > .wpb_wrapper { padding:40px 0px; background: #576167; position: relative;} .base-rates-block > .vc_column-inner > .wpb_wrapper:before { content: ''; position: absolute; bottom: 0; right: 0; border-left: 40px solid transparent; border-right: 0px solid transparent; border-top:0px solid transparent; border-bottom: 40px solid #fff; } .base-rates-block p { max-width: 650px; color: #fff; font-size: 16px; line-height: 30px; } .base-inner-block { padding:16px 0px 16px 24px; border-left:14px solid #008269; } /******* Rates style CSS Ends ******/ /******* Contact page style CSS Starts ******/ div.wpcf7-validation-errors, div.wpcf7-acceptance-missing, div.wpcf7-mail-sent-ng, div.wpcf7-aborted, div.wpcf7-mail-sent-ok,div.wpcf7-spam-blocked { margin: 10px 0px; font-size: 14px;} /*contact form section*/ .contact-spacing-section { padding: 50px 0px 0px; } .write-us-content p { margin:0px 0px 15px !important; } .contact-us-form { padding: 32px 0px 52px; } .common-form-block label { margin-bottom: 24px; width: 100%; color: #3C3C3C; font-size: 15px; line-height: 22px; font-family: 'Bliss2'; font-weight: normal;} .common-form-block input { padding: 9px 10px 6px !important; width: 100%; border-radius: 0px !important; color: #576167; font-size: 16px; line-height: inherit; font-family: "Bliss2-Light"; } .pay-method-options, .pay-method-options .checkbox-content { display: flex; display: -webkit-flex; display: -moz-flex; align-items: center; -webkit-align-items: center; -moz-align-items: center;} .pay-method-options .checkbox-content, .pay-method-options .contact-method { flex-grow: 1; } .pay-method-options .wpcf7-form-control.wpcf7-checkbox { margin:0px -40px; } .pay-method-options span.wpcf7-list-item { margin:0px 40px; } .preferred-pay-method { margin-bottom: 24px; } .preferred-pay-method label, .preferred-pay-method label input { margin:0px !important; width: auto; } .contact-us-form textarea { background: #F3F3F3; border: 1px solid rgba(87,97,103,0.24); border-radius: 0px; resize: none;} .contact-submit-btn .wpcf7-submit { width: 200px; padding: 12px !important; font-size: 16px; line-height: 20px; font-family: 'Bliss2-Bold'; background: #008269; border-radius: 0px; border-color: #008269; color: #fff; text-transform: capitalize; } .contact-submit-btn .wpcf7-submit:hover { opacity: 0.8; } /*jcf content*/ .pay-method-options .jcf-checkbox { margin:0px 10px 0px 0px; border: 1px solid #008269;} .checkbox-content .jcf-checkbox span { height: 6px; width: 10px; border-color: #008269 !important;} .jcf-focus, .jcf-select-drop .jcf-select-drop-content { border-color: #008269 !important; } .jcf-list .jcf-option { padding: 10px; color: #090909; font-size: 16px; line-height: 25px; font-family: 'Bliss2-Medium';} .jcf-list-box .jcf-selected, .jcf-select-drop .jcf-hover { background: #008269; color: #fff; } .jcf-select .jcf-select-opener { background: url('./images/jcf-dropdown-arrow.svg')no-repeat center / 14px auto; } .jcf-select .jcf-select-text { margin: 0 35px 0 10px; color: #090909; font-size: 16px; line-height: 45px; font-family: 'Bliss2-Medium'; font-weight: normal;} .jcf-select { width: 100%; height: 45px; border: 1px solid #E8E8E8;} /*contact detail block*/ .contact-detail-info > .vc_column-inner > .wpb_wrapper { margin-top: 0px; padding:40px 52px; background: #008269; position: relative; } .contact-detail-info > .vc_column-inner > .wpb_wrapper:before { content: ''; position: absolute; bottom: 0; left: 0; border-left: 0px solid transparent; border-right:50px solid transparent; border-top:0px solid transparent; border-bottom:50px solid #fff; } .contact-detail-info h5 { margin-bottom: 28px; color: #fff; font-family: 'Bliss2';} .contact-detail-info p { margin-bottom: 29px !important; color: rgba(255,255,255,0.7); font-size: 16px; line-height: 26px; font-family: 'Bliss2';} .contact-detail-info p b, .contact-detail-info p a { color: #fff; font-family: 'Bliss2-Bold'; } .contact-number { margin-bottom: 24px !important; padding: 0px; display: inline-block; list-style: none; background: #fff; } .contact-number li a { border:1px solid #fff; padding:10px 30px 10px 55px; position: relative; color: #008269; display: inline-block; font-size: 18px; line-height:26px; font-family: 'Bliss2-Medium'; } .contact-number li a:hover { background: #008269; color: #fff; text-decoration: none; } .contact-number li a:before { height: 32px; width: 32px; content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: 10px; background: url('./images/contact-info-box-icon.svg')no-repeat center / 100% auto; } /*contact our branch section*/ .contact-branch-heading-content { margin-bottom: 40px; } .contact-branch-heading-content h3 { margin:0px 0px 0px 32px; } .contact-branch-img { margin-bottom: 30px; position: relative; background: no-repeat center / cover; display: block;} .contact-branch-img:before { width: 100%; height: 100%; content: ''; position: absolute; top: 0; left: 0; display: block; background-image: linear-gradient(180deg, rgba(87,97,103,0.50) 0%, rgba(87, 97, 103, 0.7) 100%);} .branch-hover-info h6 { margin-bottom: 6px; font-size: 18px; } .branch-hover-info p { margin-bottom: 16px; max-width: 140px; color: #fff; font-size: 15px; line-height: 20px; font-family: 'Bliss2'; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;} .branch-hover-info ul { margin:0px; padding: 0px; list-style-type: none;} .branch-hover-info ul li { color: #fff; font-size: 15px; line-height: 20px; font-family: 'Bliss2'; } .branch-hover-info ul li img { margin-right: 5px; } .contact-branch-link { padding-bottom: 15px; text-align: right; } .contact-branch-img { margin-bottom: 30px !important; color: #fff; text-decoration: none !important; position: relative; background: no-repeat center / cover; display: flex; display: -webkit-flex; display: -moz-flex; justify-content: flex-end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; min-height: 200px; padding: 15px 15px 0px; flex-direction: column; -webkit-flex-direction: column; -moz-flex-direction: column; overflow: hidden;} .contact-branch-img h6 { margin-bottom: 15px; width: 100%; font-size: 16px; line-height: 24px; font-family: 'Bliss2-Bold'; color: #fff !important; z-index: 1; position: relative; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} .branch-hover-info { z-index: 1; transition:max-height 1.0s ease-out; max-height:0px; } .contact-branch-img:hover .branch-hover-info { max-height: 200px;} /******* Contact page style CSS Starts ******/ /******* Compliant Management style CSS Starts ******/ .compliant-management-form { padding: 30px; background: #fff; } .compliant-management-form h5 { margin:0px 0px 24px; color: #008269; font-family: 'Bliss2-Bold'; } .compliant-management-form .common-flex { margin: 0px -25px 24px; } .compliant-management-form input ::-webkit-input-placeholder { color: #576167; font-family: "Bliss2-Light"; } .compliant-management-form input ::-moz-placeholder { color: #576167; font-family: "Bliss2-Light"; } .compliant-management-form input :-ms-input-placeholder { color: #576167; font-family: "Bliss2-Light"; } .compliant-management-form input :-moz-placeholder { color: #576167; font-family: "Bliss2-Light"; } .left-content-block, .right-content-block { margin:0px 25px; flex-basis: 50%; } .right-content-block label:last-child { margin:0px; } .left-content-block { padding: 24px; background: #F3F3F3; } .personal-info-block { padding: 0px 22px 0px 0px; } .left-content-block p { margin-bottom: 24px; } .specific-info-block { padding: 0px 24px; } /*schedule meeting radio options*/ .schedule-meeting-option { margin-bottom: 40px; padding: 24px; background: #3C3C3C; position: relative;} .schedule-meeting-option:before { content: ''; position: absolute; right: 0; bottom: 0; border-right:0px solid transparent; border-left: 30px solid transparent; border-top: 0px solid transparent; border-bottom: 30px solid #fff;} .common-form-block .schedule-meeting-option label { margin-bottom:0px; width: auto; color: #fff;} .radio-btn-block, .radio-btn-content { display: flex; display: -webkit-flex; display: -moz-flex; align-items: center; } .radio-btn-block .radio-btn-content, .radio-btn-block .schedule-meeting { flex-grow: 1;} .wpcf7-form-control.wpcf7-radio { margin:0px -10px; } .radio-btn-content span.wpcf7-list-item { margin:0px 10px; } .schedule-meeting-option .jcf-radio { margin:0px 10px 0px 0px; background: #3C3C3C; border:2px solid rgba(255,255,255,0.4);} .jcf-radio.jcf-checked span { background: #fff; } .radio-btn-content .jcf-checked { border-color: #fff; } .radio-btn-content .jcf-focus { border: 2px solid #fff !important; } /*Specific info block content*/ .compliant-buttons { display: flex; display: -webkit-flex; display: -moz-flex; position: relative;} .compliant-buttons .btn { padding: 13px 30px !important; text-transform: capitalize; width: 164px; font-family: "Bliss2-Bold"; font-size: 16px; line-height: 22px; } .submit-btn { margin-right: 20px; position: relative; } .submit-btn:before { content: ''; z-index: 1; position: absolute; top: 0; right: 20px; border-left: 20px solid transparent; border-right: 0px solid transparent; border-top: 25px solid #fff; border-bottom: 0px solid transparent; } .compliant-buttons .submit-btn .btn { text-align: left; border:1px solid #3E3E3E; color: #fff; content: ''; background:#3E3E3E url('./images/right-arrow-icon.svg') no-repeat right 25px center / 37px auto; } .compliant-buttons .submit-btn .btn:hover, .compliant-buttons .submit-btn .btn:focus { opacity: 0.7; } .compliant-buttons .reset-btn .btn { color: #3C3C3C; background: #F3F3F3; border:1px solid #F3F3F3; } .compliant-buttons .reset-btn .btn:hover, .compliant-buttons .reset-btn .btn:focus { background: #3c3c3c; color: #F3F3F3;} .phone-contact { padding: 0px 20px; } .number-content { margin: 0px 25px; flex-basis: 50%; } /*file upload style*/ .file-upload-section > label { margin:0px !important; } .file-upload { padding: 34px; background: #008269; border-radius: 0px; position: relative; text-align: center;} .file-before label { margin-bottom: 12px; color: #fff; font-family: 'Bliss2'; font-size: 16px; line-height: 22px;} .file-upload .wpcf7-form-control-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; } .or-text { margin:0px 20px; color: #fff;} .select-file-btn a { padding: 14px 50px !important; background: #3E3E3E; color: #fff; } .file-upload .wpcf7-form-control-wrap .wpcf7-file { position: absolute; height: 100%; top: 0; } .drop-file-area { display: flex; display:-webkit-flex; display: -moz-flex; align-items: center; -webkit-align-items: center; -moz-align-items: center; justify-content: center; -webkit-justify-content: center; -moz-justify-content: center; } .required-text { font-family: 'Bliss2-Medium'; padding: 10px 30px; color: #fff; border:1px dashed #fff; border-radius: 1px;} .file-after p, .file-after p a { color: #fff; } /******* Compliant Management style CSS Ends ******/ /******* New Portal style CSS Starts ******/ .portal-banner-links li a { padding: 10px 14px; } .banner-banking-links.portal-banner-links li:first-child { margin-right: 24px;} .portal-title-content .wpb_column .vc_column-inner .wpb_wrapper { margin-bottom: 24px; display: flex; align-items: center; } .portal-title-content .aio-icon-img { margin-right: 30px } .portal-title-content h2 { font-weight: 400; } .new-feature-section .portal-desc p { margin-bottom:90px !important;} .common-portal-block { margin-bottom:150px; } .common-portal-block:last-child { margin-bottom: 50px;} .common-portal-block h3 { margin-bottom: 24px; } .common-portal-block p { margin-bottom: 24px !important; } .common-portal-block p:last-of-type { margin-bottom: 0px !important;} .common-portal-block ul,ol { margin-bottom: 24px; } .common-portal-block .vc_col-sm-6 .bank-banner-img.wpb_single_image .vc_figure, .common-portal-block .vc_col-sm-6 .wpb_single_image.bank-banner-img .vc_single_image-wrapper, .common-portal-block .vc_col-sm-6 .wpb_single_image.bank-banner-img .vc_single_image-wrapper img { width: 100%; } .portal-description-content { padding-left: 100px !important; } .portal-left-description-content { padding-right: 100px !important; } .new-feature-section .wpb_single_image.bank-banner-img .vc_single_image-wrapper:before { background-color:#576167;} .new-feature-section .bank-banner-img.wpb_single_image .vc_figure:after {border-left: 40px solid #576167; border-bottom: 0px solid #576167; } .common-portal-block p.mb-0 { margin-bottom:0px !important;} .mb-0 { margin-bottom:0px !important;} .feature-list { padding : 0; } .feature-list li { font-size: 16px;line-height: 26px;color: #576167;font-family: 'Bliss2-Light';list-style: none;position: relative;padding-left: 20px; } .feature-list li:before { content: ""; position: absolute; top: 10px; left: 0; width: 5px; height: 5px; border-radius: 50%; background-color: #008269; } /******* New Portal style CSS Ends ******/ /******* Footer style CSS Starts ******/ .footer-middle-content { padding-top: 50px; border-top: 1px solid #D8D8D8; display:flex; display: -webkit-flex; align-items :center; } .footer-logo-content { text-align: center; } .footer-logo-content img { max-height:100px; width :auto; display: inline-block; } /*top footer content*/ .footer-inner { padding-top: 100px; padding-bottom: 50px;} .widgettitle { position: relative; color: #148B74; font-size: 20px; line-height: 24px; font-family: 'Bliss2-Bold'; text-transform: none;} .widgettitle:after { height: 4px; width: 48px; border-left: 10px solid transparent; border-right: 0px solid transparent; border-top: 0px solid transparent; border-bottom: 4px solid #008269; display: block; background: #F3F3F3; content: ''; position: absolute; bottom: -8px; left: 0; } .footer-widget-area .widget_nav_menu ul li a { margin-bottom: 8px; padding: 0px; color: #5B5C5B !important; border:none; font-size: 16px; line-height: 28px; font-family: 'Bliss2-Light';} .footer-widget-area .widget_nav_menu ul li a:hover { text-decoration: none; } .footer-first-section p { max-width: 262px; font-size: 17px; color: #5B5C5B; } .footer-widget .widget_text .textwidget { max-width: 750px; } /*bottom footer content*/ .site-footer ul.footer-nav { margin: 0px; } .site-footer .nav>li>a { margin: 0px 15px; padding: 0; } #colophon { padding:14px 0px; } .footer-nav-links { line-height: 20px; float: right; text-align: right; } .copyright { margin-top: 0; float: left; text-align: left; } .copyright, .site-info .footer-nav li a { font-size: 16px; line-height: 20px; text-transform: none; font-family: 'Bliss2-Light'; } .footer-widget-area .widget { margin-bottom: 30px; } .site-info a, #footer-area a { display: inline-block; } #footer-area .footer-widget-area { padding:0px; } .footer-text-content p { font-size: 14px; line-height: 24px; } #footer-area a:hover, #footer-area a:focus, #footer-area ul li.current-menu-item a { color: #008269 !important; } #footer-area .site-info .footer-nav li a:hover, #footer-area .site-info .footer-nav li a:focus, #footer-area .footer-nav-links ul li.current-menu-item a { color: #fff !important; text-decoration: underline; } .scroll-to-top { background: #363636; background: rgba(100, 100, 100, 0.4); color: #FFF; bottom: 85px; cursor: pointer; display: none; position: fixed; right: 24px; z-index: 999; font-size: 16px; text-align: center; line-height: 40px; width: 40px; border-radius: 4px; -webkit-transition: background-color 0.3s linear; -moz-transition: background-color 0.3s linear; -o-transition: background-color 0.3s linear; transition: background-color 0.3s linear; } /*bottom footer content*/ /* PRESTIGE FOOTER CSS*/ .prestige #footer-area { background-color: var(--prestige-bg); } .prestige #colophon { background-color: var(--prestige-bg); border-top: 1px solid var(--prestige-bg-light);} .prestige .footer-first-section p { color: #F2F2F2;} .prestige .widgettitle { color: var(--prestige-color);} .prestige .widgettitle:after { background-color: transparent; border-bottom-color: var(--prestige-color);} .prestige .footer-widget-area .widget_nav_menu ul li a { color: #F2F2F2 !important;} .prestige #footer-area a:hover, .prestige #footer-area a:focus, .prestige #footer-area ul li.current-menu-item a { color: var(--prestige-color) !important; } .prestige .footer-middle-content { border-color: var(--prestige-bg-light);} .prestige .footer-text-content p { color:#F2F2F2;} .prestige .banner h1 { border-left-color: var(--prestige-color);} .prestige .green-btn a, .prestige .green-btn input { background-color: var(--prestige-color); border-color: var(--prestige-color); color: var(--prestige-text-color);} .prestige .green-btn a:hover, .prestige .green-btn input:hover { background-color: var(--prestige-bg) !important; border-color: var(--prestige-bg) !important; color: #fff !important;} .prestige .banner-banking-links li a { padding:14px 18px !important;} .prestige .white-btn a { color: var(--prestige-bg);} .prestige .white-btn a:hover { color: #fff !important;background: var(--prestige-bg) !important;} .prestige .vc_row.wpb_row.banner > .wpb_column.vc_column_container { padding-top: 30px;} .prestige p, .prestige li { color: var(--prestige-bg);} .prestige h3 { color: var(--prestige-bg);} .heading-line { position: relative; padding-top: 20px;} .heading-line:before { background-color: var(--prestige-color); width: 64px; height: 8px; content: ''; position: absolute; top: 0px; left: 50%; transform: translateX(-50%);} .intro-section p { margin: 0 0 20px 0;} .heading-line-left { border-left: 13px solid var(--prestige-color) !important; padding-left: 20px;} .key-features-section h3 { color: #fff; } .key-features-section::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(./images/key-features-pattern.svg) no-repeat left top; z-index: 0;} .prestige-download-doc-block { max-width: 595px;} .prestige-download-doc-block .document-inner-block.all-document { background-color: var(--prestige-color);} .prestige-download-doc-block .document-inner-block.all-document span { color: var(--prestige-bg);} .prestige-download-doc-block .all-document img { filter: invert(1);} .prestige-download-doc-block .right-doc-content { white-space: nowrap;} .document-section { padding-top: 100px;} .considerations-section { position: relative; } .considerations-section .vc_column-inner { padding: 75px;} .considerations-section .vc_column-inner .wpb_wrapper{ max-width: 500px; margin-left: auto;} .considerations-section::after { content: ''; position: absolute; top: 0; right: 0; border-left: 88px solid transparent; border-right: 0px solid transparent; border-top: 88px solid #fff; border-bottom: 0px solid transparent; z-index: 1;} .considerations-section .smile_icon_list .icon_list_item { background-color:rgba(0,0,0,0.6); padding: 24px !important;} .considerations-section .smile_icon_list li .icon_list_icon { width: 52px; height: 52px;} .considerations-section .smile_icon_list li .icon_description { padding-left: 16px !important; height: auto !important;} .considerations-section .smile_icon_list li .icon_description h5 { margin-bottom: 5px; font-size: 22px !important; line-height: 30px !important; font-weight: normal;} .considerations-section .smile_icon_list li .icon_description p { font-size: 18px; line-height: 26px;} .considerations-section h3 { color: #fff;} .key-features-slider { margin-left: -30px ; margin-top: 60px; margin-bottom: 55px !important;} .key-features-slider .aio-icon-header { display: block !important; } .key-features-slider .aio-icon-header .aio-icon-title { font-size: 22px; line-height: 34px; font-weight: bold; position: relative; padding: 10px 0 10px;} .key-features-slider .aio-icon-header .aio-icon-title:before { content: ''; position: absolute; bottom: 0; left: 0; width:60px; height: 2px; background: #fff;} .key-features-slider .aio-icon-description { color: #fff; font-size: 18px;} .key-features-slider .slick-slide { border-right: 1px solid var(--prestige-color); margin: 0 !important; padding: 30px 30px;} .key-features-slider .slick-slide:last-child { border-right: none;} .key-features-slider .slick-list { overflow: visible !important;} .key-features-slider.ult-carousel-wrapper button { top: auto; bottom: -130px; width: 58px !important; height: 50px !important;} .key-features-slider.ult-carousel-wrapper button:hover { background-color:rgb(135 131 130 / 19%);} .key-features-slider.ult-carousel-wrapper button:before { content: ''; position: absolute; top: -2px; left: -7px; width: 20px; height: 10px; border-bottom: 1px solid #878382; background-color: #1d1d1c; opacity: 1; display: block; transform: rotate(-45deg);} .key-features-slider.ult-carousel-wrapper button.slick-prev { left: 30px;} .key-features-slider.ult-carousel-wrapper button.slick-next { right: auto; left: 105px;} .key-features-slider.ult-carousel-wrapper button.slick-next:before { transform: rotate(45deg); left: auto; right: -7px;} .key-features-slider ul.slick-dots { bottom: -68px; padding-left: 210px; display: flex;} .key-features-slider ul.slick-dots li { flex: auto; background-color: rgba(255,255,255,0.08); opacity: 1; margin: 0; height: 4px; width: auto;} .key-features-slider ul.slick-dots li.slick-active { background-color: #DDC0A5;} .key-features-slider ul.slick-dots li button:before { opacity: 0;} .key-features-slider.ult-carousel-wrapper .slick-dots li i { display: none;} .prestige .vc_row.wpb_row.common-bank-banner { padding: 100px 0px 132px;} .prestige .vc_row.wpb_row.common-bank-banner::after { display: none;} .prestige .wpb_single_image.bank-banner-img .vc_figure, .prestige .wpb_single_image.bank-banner-img .vc_figure .vc_single_image-wrapper, .prestige .wpb_single_image.bank-banner-img .vc_single_image-wrapper img { width: 100%;} .prestige .wpb_single_image.bank-banner-img .vc_single_image-wrapper:before { background-color: var(--prestige-bg); } .prestige .bank-banner-img.wpb_single_image .vc_figure:after { border-left-color: var(--prestige-bg); border-bottom-color: var(--prestige-bg); } .prestige .bank-banner-img.wpb_single_image .vc_figure:before { content: ''; width: 46%; aspect-ratio: 1 / 0.29; position: absolute; display: block; bottom: 0; right: 0; z-index: 1; background: url(./images/hbl-transparent.svg) no-repeat center center / cover; } .prestige .common-width-content h1 { max-width: inherit; color: var(--prestige-bg); font-weight: bold;} .type-of-bonds-section { background-color: #F2F2F2;} .type-of-bonds-fund { background-color: #fff;} .types-bonds-card { margin-top: 25px;} .types-bonds-card .vc_column-inner > .wpb_wrapper { background-color: var(--prestige-bg); padding: 55px 30px; position: relative; min-height: 100%;} .types-bonds-card h6 { position: relative; padding-bottom: 10px; margin-bottom: 12px;} .types-bonds-card h6::after { height: 2px; width: 25%; content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); border-bottom: 1px solid #FFFFFF;} .types-bonds-card h6.no-title-line { padding: 0; margin: 0;} .types-bonds-card h6.no-title-line::after { display: none;} .types-bonds-card .align-icon { display: block;} .types-bonds-card p { color: #fff; text-align: center;} .types-bonds-card .vc_column-inner > .wpb_wrapper:after { content: ''; position: absolute; bottom: 0; left:0px; border-left: 56px solid #F2F2F2; border-right: 0px solid transparent; border-top: 56px solid transparent; border-bottom: 0px solid #F2F2F2;} .type-of-bonds-fund .types-bonds-card .vc_column-inner > .wpb_wrapper:after { border-left-color: #fff;} .key-features-card { margin: 40px 0 0 0; padding-block: 0 !important;} .key-features-card:nth-child(odd) { border-right: solid 1px rgba(135, 131, 130, 0.2);} .key-features-card:last-child { border-right: none;} .key-features-card h6 { position: relative; padding-top: 15px; padding-bottom: 10px; margin-bottom: 12px;} .key-features-card h6::after { height: 2px; width: 48px; content: ''; position: absolute; bottom: 0; left: 0; border-bottom: 2px solid #54504F;} .key-features-card p { color: #fff;} .quote-section { margin: 0; padding: 50px 75px; min-height: 400px;} .quote-section::after { content: ''; position: absolute; bottom: 0; right:0px; border-right: 80px solid #fff; border-top: 80px solid transparent; border-bottom: 0px solid #fff; display: block !important;} .quote-section p { color: #fff; font-size: 20px; line-height: 26px; text-align: center;} .quote-section .quote-box .vc_column-inner { position: relative; padding: 0px 70px; } .quote-section .quote-box .vc_column-inner:before { content: ''; position: absolute; top:-65px; left: 0; background: url(./images/quote-icon.svg) no-repeat center center; width: 72px; height: 72px; } .quote-section .quote-box .vc_column-inner:after { content: ''; position: absolute; bottom:-60px; right: 40px; background: url(./images/quote-icon.svg) no-repeat center center; width: 72px; height: 72px;transform: rotateY(180deg); } .prestige-wealth-team { padding: 0 !important; background: none;} .prestige-wealth-team .about-info-box { pointer-events: none;} .prestige-wealth-team .about-info-box:before { padding-top: 135%;} .prestige-wealth-team .about-info-box i { bottom: 90px; background-color: #F5DFD1; width: 47px; height: 40px; color: var(--prestige-bg); display: none;} .prestige-wealth-team .about-info-content { padding-block: 20px;} .prestige-wealth-team .about-info-content::after { content: ''; position: absolute; top: 0; left: 0; width: 10px; height: 100%; background:#DDC0A5; z-index: 1;} .prestige-wealth-team .about-info-content h6 { color: var(--prestige-bg);} .prestige-wealth-team .about-info-content span { color:var(--prestige-bg);} .prestige-wealth-team .about-inner-listing .modal-header img { max-height: 30px;} .prestige-wealth-team .about-inner-listing .modal-body { border-left-color: #DDC0A5; background:var(--prestige-bg);} .prestige-wealth-team .detail-text-content p { color: #fff; font-size: 16px;} .prestige-wealth-team .about-inner-listing .modal.fade.in { background: rgba(78,78,78,0.9);} .prestige-wealth-team .modal-header .close { color: #fff; text-shadow: none;} .prestige-wealth-team .popup-box-content .about-info-content { background: #fff; position: relative;padding: 10px 12px;margin-bottom: 16px;} .prestige-wealth-team .popup-box-content .about-info-content::after { display: none;} .prestige-wealth-team .popup-box-content .about-info-content h6 { color: var(--prestige-bg); font-size: 24px;} .prestige-wealth-team .popup-box-content .about-info-content span { font-size: 16px; color: var(--prestige-bg)} .prestige-wealth-team .popup-box-content .contact-info a { display: flex; align-items: center; gap: 10px; color: #fff; font-size: 16px; font-weight: bold; margin: 0 0 5px 0; text-decoration: none;} .prestige-wealth-team .popup-box-content img { height: auto; } .prestige-wealth-team .popup-box-content .contact-info a img { width: 20px; height: 20px;} .prestige-wealth-team .popup-box-content .contact-info a:hover { color: #DDC0A5;} .get-in-touch-block .vc_column-inner > .wpb_wrapper { border-left: solid 8px #fff; padding: 0 0 0 24px;} .get-in-touch-block .vc_column-inner > .wpb_wrapper h2 { margin-bottom: 10px !important;} .get-in-touch-block .white-btn a:hover, .get-in-touch-block .white-btn a:focus { background-color: #DDC0A5 !important; color: var(--prestige-bg) !important;} .get-in-touch-block .theme-btn.arrow-big-btn a:hover::after, .get-in-touch-block .theme-btn.arrow-big-btn a:focus::after { filter: invert(1);} /******* Footer style CSS Ends ******/ @media only screen and (min-width: 1200px) and (max-width: 1599px){ .vc_row.wpb_row.nearest-branch-section { padding:160px 0px; } .vc_row.wpb_row.work-with-us-section { padding: 120px 0px;} } @media only screen and (max-width: 1199px) { .site-content { padding-top: 50px; } .prestige .site-content { padding-top: 50px; } header.site-header { position: fixed; top: 0; transform: translateY(0%) !important; z-index: 10;} .navbar.navbar-default { padding: 10px 0px;} .site-navigation-inner { position: unset; float: none;} .top-header-menu { display: none; } .navbar-header { float: none; width: 100%;} .navbar-header button.mobile-menu-btn { height: 30px; background: transparent; float: right; margin: -2px 0 0 0px; padding: 4px 0px;} .mobile-menu-btn, .mobile-contact-links { display: block; } .navbar-default .mobile-menu-btn .icon-bar { margin-top: 4px; background: #008269; display: block; width: 22px; height: 2px; border-radius: 1px; transform-origin: center center; position: relative; transition-duration: 0.5s;} .navbar-default .toogle-header .icon-bar { background-color: #576167; } .toogle-header .icon-bar:first-child { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: 4px;} .toogle-header .icon-bar:nth-child(2) { opacity: 0; } .toogle-header .icon-bar:last-child { -webkit-transform: rotate(45deg); transform: rotate(45deg); top: -8px;} .navbar-default .navbar-collapse, .navbar-default .navbar-form { padding: 0; border:transparent; } .navbar-nav > li.prestige-menu .caret { display: inline-block; margin-left: 15px; border-top-width: 6px; border-right-width: 6px; border-left-width: 6px;} .navbar-nav > li.prestige-menu.open .caret { transform: rotate(180deg);} .prestige .navbar-default .navbar-nav > .open > a { color: var(--prestige-color) !important;} .prestige .navbar-nav > li.prestige-menu .caret { color: #fff !important;} .prestige .navbar-nav > li.prestige-menu.open .caret, .prestige .navbar-nav > li.prestige-menu.open:hover .caret { color: var(--prestige-color) !important;} .navbar-default .navbar-nav > li > a { padding: 8px 0px; display: inline-block; color: #576167; text-align: center; font-size: 22px; line-height: 26px;} .navbar-default .navbar-nav > li > a:hover::after, .navbar-default .navbar-nav > li > a:focus::after { display: none; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li.active > a, .navbar-default .navbar-nav > li:hover > a { color: #008269 !important; } .navbar-nav > li { margin:0px; display: block; text-align: center; width: 100%; padding: 0; float: left; } .navbar-default .navbar-nav > li > a:after { opacity: 0 !important; } .prestige .prestige-menu.current-menu-parent .dropdown-menu { display: none !important;} .navbar-default .navbar-nav > li.open > ul.dropdown-menu { display: flex !important; flex-direction: column; position: relative; margin: 0 20px; padding: 10px; width: auto; float: none; border-radius: 20px; overflow: hidden; border-top: 0;} .prestige .navbar-default .navbar-nav > li.open > ul.dropdown-menu { background: rgba(0,0,0,0.6);} .navbar-default .navbar-nav > li.open > ul.dropdown-menu li { background: none; padding: 0; width: 100%;} .navbar-default .navbar-nav .open .dropdown-menu > li > a { font-size: 16px; text-align: center; padding: 7px 0; background-color: transparent !important; border-radius: 20px; display: block; color: #fff; line-height: 26px;} .navbar-default .navbar-nav .open .dropdown-menu > li.current-menu-item > a { background-color: var(--prestige-bg-light) !important; color: var(--prestige-color);} .prestige .prestige-menu .dropdown-menu a:after { display: none;} .navbar-collapse.collapse { display: none !important; } .navbar-collapse.collapse.open { display: block !important; position: absolute; width: 100%; top: 100%; height: calc(100dvh - 50px) !important; z-index: 1; left: 0; background: #fff; } .menu-header-contact-menu-container ul { margin:0px; flex-wrap: wrap; padding: 10px 0px 20px; } .nav.navbar-nav { float: none; margin:0px 0px 0px; padding:20px 0; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3;flex-direction: column; -webkit-flex-direction: column; -moz-flex-direction: column; height: calc(100% - 163px); overflow: auto;} .menu-header-contact-menu-container ul li img { margin-bottom: 5px; } .navbar-nav > li.divider { padding-left: 0px; margin-left: 0px; } .navbar-nav > li.divider:before { display: none; } /*menu contact links*/ .menu-header-contact-menu-container ul li { width: calc(100% / 3 - 30px); justify-content:center; -webkit-justify-content:center; -moz-justify-content:center; position: relative; } .menu-header-contact-menu-container ul li.user-icon { margin:20px 0px 0px !important; width: 100%; display: block; text-align: center;} .menu-header-contact-menu-container ul li.user-icon a { padding: 8px 16px 8px 32px; display: inline-block; } .menu-header-contact-menu-container ul li a { margin:0px !important; padding-top: 25px; word-break: break-word; text-align: center; color: #5B5C5B; font-family: 'Bliss2'; } .menu-header-contact-menu-container ul li a:after { width: 14px; height: 20px; left:50%; transform: translateX(-50%); top: 0px; } .menu-header-contact-menu-container ul li.download-icon:after { content: ''; position: absolute; top: 0; right: -15px; background: #e3e3e3; width: 1px; height: 100%; display: block;} .menu-header-contact-menu-container ul li.download-icon:before { content: ''; position: absolute; top: 0; left: -15px; background: #e3e3e3; width: 1px; height: 100%; display: block;} .menu-header-contact-menu-container ul li.branch-icon a, .menu-header-contact-menu-container ul li.phone-icon a { max-width: 60px; word-break: break-word;} .menu-header-contact-menu-container ul li.download-icon a { max-width: 100px; word-break: break-word; } .menu-header-contact-menu-container ul li.user-icon a:after { width: 12px; height: 100%; } /* PRESTIGE RESPONSIVE */ .prestige .navbar-default .mobile-menu-btn .icon-bar { background-color: var(--prestige-color);} .prestige .navbar-collapse.collapse.open { background-color: var(--prestige-bg); } .prestige .nav.navbar-nav { border-color: var(--prestige-bg-light);} .prestige .menu-header-contact-menu-container ul li a { color: #F2F2F2;} .prestige .menu-header-contact-menu-container ul li.download-icon:before { background-color:var(--prestige-bg-light) ;} .prestige .menu-header-contact-menu-container ul li.download-icon:after { background-color:var(--prestige-bg-light) ;} .prestige .navbar-default .navbar-nav > li.prestige-menu { position: relative; /*background-color: var(--prestige-bg-light); */} .prestige .prestige-menu .dropdown-menu { position: relative; background-color: var(--prestige-bg-light); border-top: 1px solid #575757;} .prestige .navbar-default .navbar-nav > li > a:hover, .prestige .navbar-default .navbar-nav > li > a:focus, .prestige .navbar-default .navbar-nav > li.active > a, .prestige .navbar-default .navbar-nav > li:hover > a { color: var(--prestige-color) !important; } } @media only screen and (min-width: 992px) and (max-width: 1199px){ /*common style*/ h1 { font-size: 46px; line-height: 56px; } h2 { font-size: 38px; line-height: 48px; } h3 { margin: 0px 0px 12px; font-size: 30px; line-height: 38px; } h4 { font-size: 24px; line-height: 32px; } h5 { font-size: 20px; line-height: 26px; } h6 { font-size: 19px; line-height: 24px; } p { font-size: 17px; line-height: 26px; } /*common spacing style*/ .common-padding { padding: 60px 0px; } .vc_row.wpb_row.small-banner, .small-banner { height: 314px; } .small-banner .align-icon .aio-icon-img { font-size: 62px !important; } .small-banner .align-icon { margin-bottom: 12px; transform: scale(1);} .medium-banner-content h1 { margin-bottom: 10px;} .vc_row.wpb_row.medium-banner { min-height: 380px;} /*common button*/ .theme-btn a, .theme-btn input { padding: 12px 18px !important; font-size: 14px !important; line-height: 18px !important; } .white-traingle-shape:before { border-left-width: 30px; border-top-width: 30px; } /*common listing content*/ .common-listing-content h4 { margin:0px 0px 10px; } .common-listing-content p { margin: 0px 0px 22px; } .common-text-spacing-content p { margin: 0px 0px 15px; } .common-listing-content h6 { margin: 0px 0px 12px; } .common-listing-content ul { margin:0px 0px 20px !important; } .common-listing-content ul li, .common-listing-content ol li { margin: 0px 0px 8px; font-size: 15px; line-height: 18px; } /******* Header style CSS Starts ******/ .medium-banner-content .wpb_column .vc_column-inner .wpb_wrapper { padding: 0px 0px 10px 20px; border-left-width: 6px; } /* .menu-header-contact-menu-container ul, .sticky-contact-links .menu-header-contact-menu-container ul { margin: 0px -12px; } .menu-header-contact-menu-container ul li, .sticky-contact-links .menu-header-contact-menu-container ul li { margin: 0px 12px; } .menu-header-contact-menu-container ul li a { font-size: 14px;} */ #logo a { max-width: 220px; } /* .navbar-nav > li { margin-right: 26px;} */ /* .navbar-default .navbar-nav > li > a { font-size: 17px; line-height: 24px; } .navbar-default .navbar-nav > li > a:after { width: 42px; } */ .sticky-logo { max-width: 65px; } /******* Header style CSS Ends ******/ /******* Homepage style CSS Starts ******/ .vc_row.wpb_row.banner, .slider-img { height: 508px; } .banner-banking-links { margin-top: 24px;} .banner h1 { padding-left: 15px; border-left: 10px solid #008269; } .banner-banking-links li a img { max-width: 30px; } .banner-banking-links li a { padding: 6px 10px !important;} /*who we are section*/ .who-we-are-section p { margin-bottom: 22px !important; } .who-we-are-inner-box .wpb_column { padding: 46px 0px;} .aio-icon-img { transform: scale(0.9); } .theme-btn.arrow-big-btn a { padding: 14px 65px 14px 16px !important; } .theme-btn.arrow-big-btn a:after { width: 33px; right: 15px; } .who-we-are-section .theme-btn { margin-top: 26px; } .who-we-are-inner-box .ult-just-icon-wrapper { min-height: 65px; } /*rating & document section*/ .common-colored-box { padding: 60px 40px; } .common-colored-box > img { margin-bottom: 14px; max-width: 50px; } .common-colored-box h3 { margin-bottom: 14px; } .rating-block ul { margin:-6px -10px; } .rating-block ul li { margin: 6px 10px; min-height: 100px; flex-basis: calc(50% - 20px);} .rating-block ul li .rating-inner-block span { font-size: 18px; line-height: 22px; } .rating-block ul li:last-child p { font-size: 19px; line-height: 22px; } .rating-block ul li .rating-inner-block:before { width: 5px; } .document-inner-block { padding: 10px 12px; } .left-doc-content img { margin-right: 12px; max-width: 32px;} .left-doc-content p { font-size: 14px; line-height: 20px;} .right-doc-content span { font-size: 14px; line-height: 20px; } .right-doc-content img { max-width: 18px; } .document-inner-block.all-document img { max-width: 30px; } .download-doc-block ul li { margin-bottom: 14px; } .document-inner-block.all-document span { font-size: 14px; line-height: 18px; } /*near branch map section*/ .vc_row.wpb_row.nearest-branch-section { padding: 100px 0px;} .nearest-branch-section img { margin-bottom: 16px; } .nearest-branch-section p { margin-bottom: 20px !important;} /*work with us section*/ .vc_row.wpb_row.work-with-us-section { padding: 85px 0px; } .vc_row.wpb_row.work-with-us-section:before { width: calc(50% + 81px);} .work-with-us-section .work-content .vc_column-inner:before { width: 56px; height: 6px;} .vc_row.work-with-us-section h3 { margin-bottom: 12px; } .vc_row.work-with-us-section p { margin-bottom: 18px !important;} .work-with-us-section .work-content .vc_column-inner > .wpb_wrapper { max-width: 280px; } /******* Homepage style CSS Ends ******/ /******* Personal Bank style CSS Starts ******/ .bank-banner-img.wpb_single_image .vc_figure:after { border-left: 30px solid #008269; border-top: 30px solid transparent; } .wpb_single_image.bank-banner-img .vc_single_image-wrapper:before { bottom: -25px; left: -25px; } .bank-banner-img .vc_single_image-wrapper:after { bottom: -25px; left: -25px; border-top: 40px solid transparent; border-left: 40px solid #fff; } .common-width-content > .vc_column-inner > .wpb_wrapper { padding: 0px 30px; } .common-width-content h1 { margin-bottom: 18px; padding-left: 15px; border-left: 10px solid #008269; } .common-width-content h6, .common-width-content p { margin-bottom: 12px;} .vc_row.wpb_row.common-bank-banner { padding: 36px 0px 61px; } /*tabs content*/ .tab-box-main-content .tab-content { padding: 45px 0px 45px 25px; } .common-tab-section .nav li a img { transform: scale(0.9); } .nav.nav-tabs li a p { font-size: 14px; line-height: 18px;} .common-tab-section .nav li span { display: block; min-height: 56px; } .account-detail h4 { margin-bottom: 12px; } .account-detail p { margin-bottom: 14px; } .key-features p { font-size: 16px; line-height: 22px; } .tabs-img { margin-top: 20px;} /*download account form content*/ .account-form-link:before { border-top-width: 30px; } .account-form-link a { padding: 20px; font-size: 16px; line-height: 22px;} .account-terms-condition { padding: 2px;} /*get in touch section*/ .get-in-touch-section { padding-top: 90px; padding-bottom: 140px; } .get-in-touch-section .theme-btn a { padding: 14px 75px 14px 18px !important; font-size: 16px !important;} .left-white-border .wpb_column .vc_column-inner .wpb_wrapper:before { width: 6px; } .get-in-touch-section .theme-btn a:after { width: 31px;} /******* Personal Bank style CSS Ends ******/ /******* Security style CSS Starts ******/ .public-area-content { margin-bottom: 30px; } /******* Security style CSS Ends ******/ /******* Trade style CSS Starts ******/ .trade-inner-row p { margin-bottom: 20px !important; } .trade-read-more-content .theme-btn a { padding: 12px 75px 12px 15px !important;} /******* Trade style CSS Ends ******/ /******* Wealth style CSS Starts ******/ .form-content input { min-height: 40px; } .call-back-title h6 { margin-left: 16px; } .wealth-contact-form { width: 390px; padding: 26px;} .wealth-form-section h4 { margin-bottom: 14px;} .wealth-form-section p b { margin-bottom: 18px;font-size: 20px;} .wealth-form-section p { margin-bottom: 14px !important; } .wealth-contact-links ul li { margin-right: 14px;} .wealth-contact-links ul li a { font-size: 15px; } .wealth-contact-links ul li span { font-size: 15px; } .wealth-contact-links { padding-top: 28px;} .wealth-contact-title { margin: 0px 0px 15px; } .wealth-contact-links h6 { padding-left: 13px; border-left-width: 6px; } .form-content .arrow-big-btn { width: 144px; } .form-content .arrow-big-btn:before { border-left-width: 15px; border-top-width: 20px; } .form-content input[type="submit"] { padding: 10px 18px !important; font-size: 12px; background-size: 30px auto;} .wealth-form-section div.wpcf7-validation-errors, .wealth-form-section div.wpcf7-acceptance-missing, .wealth-form-section div.wpcf7-mail-sent-ng, .wealth-form-section div.wpcf7-aborted, .wealth-form-section div.wpcf7-mail-sent-ok, .wealth-form-section div.wpcf7-spam-blocked { width: 390px; } .wealth-form-section .wpcf7-response-output { width: 390px; } /******* Wealth style CSS Ends ******/ /******* Branch Finder style CSS Starts ******/ /*branch finder banner*/ .branch-finder-banner img { margin-bottom: 12px; max-width: 58px; } .branch-banner-content .form-group .location-btn { padding: 8px 28px; font-size: 16px; line-height: 20px; } .branch-banner-content .form-group input { padding: 10px 8px 8px 56px !important; } .branch-banner-content .form-group:before { width: 45px; } /*location map content*/ .location-left-content > ul > li.active:before { width: 10px; } .location-main-content { padding: 30px 0px 60px; } .location-left-content > ul { margin: -20px 0px; } .location-left-content ul li.location-list { padding: 20px; } .location-left-content { padding:20px 0px; max-height: 500px; } .location-content-box .location-content { margin-left: 15px; width: calc(100% - 147px);} .location-content-box .location-img { width: 132px; } .location-title-content li a { max-width: 200px; font-size: 16px; line-height: 22px; } .location-title-content li.location-update { font-size: 14px; line-height: 18px; } .branch-detail li.branch-detail-link a { padding-right: 40px;} .branch-detail li.branch-detail-link a:after { background-size: 29px auto; } .direction-link img { max-width: 16px; } .location-title-content, ul.branch-detail { margin-top: 22px;} ul.hidden-address-content { margin-top: 30px; padding-left: 12px; border-left-width: 6px; } /******* Branch Finder style CSS Ends ******/ /******* Branch details style CSS Starts ******/ .custom-scrollbar::-webkit-scrollbar { width: 8px;} /*common detail content*/ .common-detail-content h5 { margin-bottom: 22px; padding-left: 12px; border-left-width: 6px; } .common-detail-content ul { margin: 12px 0px 0px;} .common-detail-content ul li a { max-width: 305px; padding: 5px 8px; font-size: 15px; line-height: 22px; } .common-detail-content ul li img { max-width: 36px; } /*branch banner content*/ .branch-detail-banner .branch-banner-content { padding-top: 50px; } /*branch map content*/ .left-detail-content { padding: 16px; max-height: 500px; flex-basis: 38%;} .contact-details-content li { font-size: 15px; line-height: 24px; } .contact-details-content { margin: 0px 0px 22px; padding: 0px 0px 0px 12px; border-left-width: 6px;} .right-detail-content { flex-basis: 62%; } .contact-details-content li a { margin-left: 10px; } .left-detail-content h6 { margin: 0px 0px 12px; font-size: 16px; line-height: 20px; } .left-detail-content p { margin-bottom: 10px; } #googleMap, #branchMap { min-height: 500px;} .branch-inner-contact-detail .common-detail-content { padding: 35px 60px; } .branch-detail-contact-links.common-detail-content { padding: 35px 45px; } .branch-detail-contact-links ul { margin: -8px 0px; } .branch-detail-contact-links ul li { padding: 8px 0px; } .customer-service-content p { font-size: 17px; line-height: 22px;} /*get direction link*/ .get-direction { margin: 0px 0px 18px;} .get-direction li a { padding: 10px 32px 10px 18px; font-size: 15px; line-height: 18px; } .get-direction li a:before { border-left-width: 20px; border-top-width: 20px; } .get-direction li a img { max-width: 15px; } .additonal-service li { font-size: 15px; line-height: 26px;} /******* Branch details style CSS Ends ******/ /******* About style CSS Starts ******/ .about-inner-content > .wpb_column > .vc_column-inner > .wpb_wrapper { border-left-width: 6px; } /*about desscription content*/ .about-content-block p { margin: 0px 0px 18px; } .common-desc-content > .vc_column-inner > .wpb_wrapper { max-width: 420px; } /*about listing content*/ .about-listing-content { padding: 60px 0px 10px; } .about-listing-content.management-content { padding: 30px 0px 40px; } .about-listing-title { margin-bottom: 25px; } .about-listing-title img { margin-right:20px; max-width: 58px; } .about-info-content span { font-size: 13px; line-height: 18px; } .about-info-box i { width: 30px; height: 30px; bottom: 64px; font-size: 14px; } /*popup modal content*/ .modal-dialog { width: 940px;} .about-inner-listing .modal-header { padding: 10px 0px; } .about-inner-listing .modal-body { padding: 26px 18px; border-left-width: 8px; } .modal-header img { max-width: 220px; } .detail-text-content p { margin-bottom: 15px; font-size: 14px; line-height: 22px;} .detail-text-content { max-height: 305px; } .modal-header .close { font-size: 14px; } .popup-box-content img { height: 280px;} /*parent company content*/ .parent-company-content .wpb_single_image.bank-banner-img .vc_single_image-wrapper:before { right: -25px; } .parent-company-content .bank-banner-img.wpb_single_image .vc_figure:after { border-right-width: 30px; } .parent-company-content .bank-banner-img .vc_single_image-wrapper:after { right: -25px; border-right-width: 40px; } .parent-company-content .common-width-content .vc_single_image-wrapper { max-width: 220px; } /******* About style CSS Ends ******/ /******* Documents style CSS Starts ******/ .document-page ul { margin-bottom: 24px;} .document-title { font-size: 14px;} /******* Documents style CSS Ends ******/ /******* FAQ style CSS Starts ******/ .faq-inner-content.white-traingle-shape:before { border-left-width: 30px; border-top-width: 30px; } .faq-inner-content { padding: 35px; min-height: 480px;} .faq-inner-content h6 { margin-bottom: 18px;font-size: 20px;} .faq-tabs-content .nav-pills li { margin-bottom: 14px; } .faq-tabs-content .nav-pills li a { font-size: 16px; line-height: 22px;} .faq-tabs-content .tab-content h3 { font-size: 28px; line-height: 34px; } .faq-tabs-content .tab-content { padding: 0px 20px;} .faq-tabs-content .panel-title > a { padding: 9px 12px 12px; } .faq-tabs-content .panel-title > a span { font-size: 15px; line-height: 20px; } .faq-tabs-content .panel-group .panel+.panel { margin-top: 18px; } .faq-tabs-content .panel-group .panel-heading+.panel-collapse>.list-group, .faq-tabs-content .panel-group .panel-heading+.panel-collapse>.panel-body { padding: 12px 12px 5px; font-size: 15px; line-height: 20px; } .faq-tabs-content .panel-title > a:after { background-size: 14px auto; } /******* FAQ style CSS Ends ******/ /******* Financial Institution style CSS Starts ******/ /*financial institution product & service content*/ .fi-title-content { margin-bottom: 26px; } .fi-sub-title { margin: 0px 0px 12px !important; } .fi-sub-title h2 { font-size: 17px; line-height: 22px;} /*FI table content*/ .institution-table-content { padding-top: 30px; padding-bottom: 60px; } .institution-table-content h6 { padding: 13px; } .institution-table-content .table tr td { font-size: 13px; line-height: 20px; } .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { padding: 13px 0px; } .institution-table-content .table tr th { font-size: 15px; line-height: 22px;} /******* Financial Institution style CSS Ends ******/ /******* News & Events style CSS Ends ******/ /*news & events slider*/ .news-slide-content { padding: 18px 14px;} .news-slide-content h5 { margin-bottom: 8px;} .news-slider-section { margin-bottom: 30px; } /*news & events tab section*/ .top-tabs-section, .news-slider-section h4 { padding-bottom: 20px; } .top-content-images { width: 130px; } .top-content-desc { padding: 0px 10px; width: calc(100% - 120px); } .top-content-desc a { font-size: 16px; line-height: 22px; } .top-content-desc p.date { margin-top: 3px; font-size: 11px; line-height: 18px;} .latest-news-section .tab-pane { margin:-20px 0px; } .top-news-events-block { margin:20px 0px; } .news-paragraph { margin-bottom: 40px;} .new-content-box { margin: 10px 0px; } .new-content-box p { font-size: 12px; line-height: 18px; } .news-text { margin: 5px 0px; font-size: 14px; line-height: 20px; } /*news listing section*/ .all-news-event-section { padding:40px 0px 20px; } .all-news-event-section .row { margin: 0px -15px; } .all-news-event-section .col-sm-4 { padding: 0px 15px; } /******* News & Events style CSS Ends ******/ /******* News inner page style CSS Starts ******/ .news-inner-top-content { padding-top: 60px; padding-bottom:60px;} /*sidebar content*/ .news-sidebar-content .tab-content { margin: -20px 0px 0px; } .latest-news { padding-top: 24px; } .news-inner-content p { margin: 0px 0px 18px; } .latest-category { font-size: 14px; line-height: 20px; } /*news overview content*/ .news-overview-content h4, .news-prerequisite-content h4 { margin:24px 0px 12px; } .news-overview-content ul, .news-prerequisite-content ul { margin: 20px 0px 10px !important; } .prerequisite-content { margin-top: 30px; } .news-prerequisite-content .prerequisite-content ul { margin:14px 0px 0px !important; } .prerequisite-img .vc_single_image-wrapper { margin:10px 0px 24px; } .load-more-newsevents input { width: 180px; } .news-sidebar-content .top-content-images { width: 110px; } .news-sidebar-content .top-content-desc { width: calc(100% - 110px); } /******* News inner page style CSS Ends ******/ /******* Vacancy style CSS Starts ******/ .vacany-title > .wpb_column > .vc_column-inner > .wpb_wrapper { margin-bottom: 35px;} .vacany-title h3 { margin: 0px 0px 0px 20px; } .vacancy-content .aio-icon-img { transform: scale(1); } .vacancy-green-block { margin-top: 20px; } .vacancy-green-block p { max-width: 650px; font-size: 17px; line-height: 24px; } .vacancy-green-block > .vc_column-inner > .wpb_wrapper { padding:35px; } .vacancy-green-block .aio-icon-img { font-size: 78px !important; } /******* Vacancy style CSS Ends ******/ /******* Rates style CSS Starts ******/ .check-rates-btn.green-btn a { padding: 12px 75px 12px 18px !important;} /*exchange currency conversion*/ .exchange-rate-heading img { max-width: 54px; } .exchange-rate-main-section h3 { margin: 0px 0px 0px 24px; } .exchange-rate-heading { padding-bottom: 24px; } .exchange-rate-listing > li { margin: 24px 0px; padding: 18px 14px; } .exchange-rate-listing { margin: -24px 0px; } .conversion-currency { font-size: 20px; line-height: 26px; } .exchange-rate-listing ul { margin-top: 20px; } .exchange-rate-listing ul li { padding-bottom: 8px; margin-bottom: 8px; } .exchange-rate-listing ul li p { font-size: 17px; line-height: 22px; } .total-currency-value { font-size: 17px; line-height: 22px; } .exchange-rate-title img { max-width: 36px; } /*base rates block*/ .base-rates-title h3 { margin: 0px 0px 0px 20px; } .base-rates-title > .vc_column-inner > .wpb_wrapper { margin-bottom: 24px;} .base-rates-block > .vc_column-inner > .wpb_wrapper { padding: 32px 0px;} .base-inner-block { padding: 12px 0px 12px 20px; border-left-width: 12px;} .base-rates-block p { max-width: 580px; font-size: 14px; line-height: 26px;} /******* Rates style CSS Ends ******/ /******* Contact page style CSS Starts ******/ .contact-spacing-section { padding: 40px 0px 0px; } .contact-us-form { padding: 28px 0px 38px; } .common-form-block label { margin-bottom: 18px; font-size: 14px; line-height: 20px; } .common-form-block input { padding: 6px 10px 3px !important; font-size: 14px; } .contact-detail-info > .vc_column-inner > .wpb_wrapper { padding: 30px 38px; } .contact-detail-info h5 { margin-bottom: 22px; font-size: 17px; } .contact-number { margin-bottom: 18px !important; } .contact-detail-info p { margin-bottom: 20px !important; font-size: 15px; line-height: 24px;} .contact-number li a { padding: 8px 24px 8px 45px; font-size: 14px; line-height: 22px;} .contact-number li a:before { height: 28px; width: 28px;} .contact-detail-info > .vc_column-inner > .wpb_wrapper:before { border-right-width: 40px; border-bottom-width: 40px; } .contact-submit-btn .wpcf7-submit { padding: 10px !important; width: 180px; font-size: 13px; line-height: 20px; } .preferred-pay-method { margin-bottom: 18px; } /*our branch contact section*/ .contact-branch-heading-content { margin-bottom:24px; } .contact-branch-heading-content img { max-width: 52px; } .contact-branch-heading-content h3 { margin:0px 0px 0px 18px; } .contact-branch-img { padding: 12px 12px 0px; } .contact-branch-img h6 { margin-bottom: 12px; } .contact-branch-img a { padding-left: 20px; font-size: 15px; line-height: 22px; } .branch-hover-info p { margin-bottom: 12px;} .contact-branch-link { padding-bottom: 12px;} /******* Contact page style CSS Ends ******/ /******* Compliant Management style CSS Ends ******/ .compliant-management-form { padding: 24px;} .left-content-block { padding: 18px;} .left-content-block p { margin-bottom: 18px; } .compliant-management-form .common-flex { margin:0px -18px 18px; } .personal-info-block { padding: 0px 18px 0px 0px; } .left-content-block, .right-content-block, .number-content { margin: 0px 18px; } .schedule-meeting-option { margin-bottom: 30px; padding: 18px; } .compliant-management-form h5 { margin:0px 0px 18px; } .specific-info-block { padding: 0px 18px; } .compliant-buttons .btn { width: 144px; padding: 11px 18px !important;} .submit-btn { margin-right: 16px; } .compliant-buttons .submit-btn .btn { background-size: 30px auto; } /*jcf style*/ .jcf-select { height: 39px; } .jcf-select .jcf-select-text { line-height: 39px; } /*file upload style*/ .file-upload { padding: 28px;} .file-before label { margin-bottom: 10px; font-size: 15px; line-height: 20px;} .or-text { margin:0px 16px;} .select-file-btn a { padding: 12px 50px !important;} .required-text { padding: 10px 30px; } /******* Compliant Management style CSS Ends ******/ /******* New portal CSS Starts ******/ .portal-left-description-content { padding-right: 50px !important; } .portal-description-content { padding-left:50px !important; } /******* New portal CSS Starts ******/ /******* Footer style CSS Starts ******/ /*.footer inner content*/ .footer-inner { padding-top: 80px; padding-bottom: 40px; } .footer-widget .widget_text .textwidget { max-width: 650px; } #colophon { padding: 12px 0px; } .copyright, .site-info .footer-nav li a { font-size: 13px; line-height: 18px;} .footer-nav-links { line-height: 18px;} .footer-first-section a { max-width: 200px; } .widgettitle { margin-bottom: 20px; font-size: 16px; } /* */ .branch-detail-banner p {font-size: 18px;} /******* Footer style CSS Ends ******/ .considerations-section .vc_column-inner { padding: 40px; } .document-section { padding-top: 40px; } .prestige .vc_row.wpb_row.common-bank-banner { padding: 60px 0px 92px; } .types-bonds-card .vc_column-inner > .wpb_wrapper { padding: 35px 20px; } .quote-section { min-height: 340px;} .prestige-wealth-team .about-info-box i { bottom: 86px;} .prestige-wealth-team .detail-text-content { max-height: 400px;} } @media only screen and (min-width: 768px) and (max-width: 991px){ /*common style*/ h1 { font-size: 40px; line-height: 52px; } h2 { font-size: 34px; line-height: 45px; } h3 { margin: 0px 0px 12px; font-size: 22px; line-height: 30px; } h4 { font-size: 21px; line-height: 28px; } h5 { font-size: 18px; line-height: 24px; } h6 { font-size: 16px; line-height: 20px; } p { font-size: 15px; line-height: 20px; } /*common spacing style*/ .common-padding { padding: 40px 0px; } /*common banner style*/ .vc_row.wpb_row.small-banner, .small-banner { height: 255px; } .small-banner .align-icon .aio-icon-img { font-size: 54px !important; transform: scale(1);} .small-banner .align-icon { margin-bottom: 12px; } .vc_row.wpb_row.medium-banner { min-height: 300px;} .medium-banner-content .wpb_column .vc_column-inner .wpb_wrapper { padding: 0px 0px 8px 16px; border-left-width: 6px; } .medium-banner-content h1 { margin-bottom: 8px;} /*common button*/ .theme-btn a, .theme-btn input { padding: 10px !important; font-size: 14px !important; line-height: 18px !important; } /*common listing content*/ .common-listing-content h4 { margin:0px 0px 8px; } .common-listing-content p { margin: 0px 0px 18px; } .common-text-spacing-content p { margin: 0px 0px 14px; } .common-listing-content h6 { margin: 0px 0px 10px; } .common-listing-content ul { margin:0px 0px 16px !important; } .common-listing-content ul li, .common-listing-content ol li { margin: 0px 0px 8px; font-size: 15px; line-height: 20px; } /******* Header style CSS Starts ******/ .sticky-logo { max-width: 65px; } .widget .moving-text li { font-size: 14px; } #logo a { max-width: 180px; } .prestige #logo a { max-width: 240px; } /* .menu-header-contact-menu-container ul, .sticky-contact-links .menu-header-contact-menu-container ul { margin: 0px -5px;} .menu-header-contact-menu-container ul li, .sticky-contact-links .menu-header-contact-menu-container ul li { margin: 0px 5px;} */ /* .menu-header-contact-menu-container ul li a { margin: 0px 0px 0px 20px !important; font-size: 13px; line-height: 19px;} */ /* .menu-header-contact-menu-container ul li.user-icon a { padding: 6px 12px 6px 30px;} */ .widget .moving-text { padding: 8px 0px; } .navbar-default { padding: 10px 0px;} /* .site-navigation-inner { margin-bottom: 14px;} */ .menu-header-contact-menu-container ul li img { transform: scale(0.9); } /* .menu-header-contact-menu-container ul li a:after { width: 12px; left: -20px;} */ .menu-header-contact-menu-container ul li.user-icon a:after { left: 12px; width: 11px;} .menu-header-contact-menu-container ul li.download-icon a:after, .menu-header-contact-menu-container ul li.phone-icon a:after { width: 14px;} /******* Header style CSS Ends ******/ /******* Homepage style CSS Starts ******/ .vc_row.wpb_row.banner > .wpb_column.vc_column_container { padding-top: 120px; } .vc_row.wpb_row.banner, .slider-img { height: 468px; } .banner h1 { padding-left: 15px; border-left: 8px solid #008269; } .banner-banking-links { margin-top: 20px;} .banner-banking-links li a img { margin-right: 14px; max-width: 30px; } .banner-banking-links li a { padding: 6px 10px !important;} /*who we are section*/ .who-we-are-section p { margin-bottom: 20px !important; } .who-we-are-inner-box .wpb_column { padding: 26px 0px;} .aio-icon-img { transform: scale(0.7); } .theme-btn.arrow-big-btn a { padding: 12px 60px 12px 14px !important; } .theme-btn.arrow-big-btn a:after { width: 31px; right: 15px; } .who-we-are-section .theme-btn { margin-top: 24px; } .who-we-are-section .wpb_column:after { height: 100px;} .who-we-are-inner-box .ult-just-icon-wrapper { min-height: 65px; } .who-we-are-inner-box h6 { margin-bottom: 10px; padding-bottom: 8px;} /*rating & document section*/ .common-colored-box { padding:40px 25px; } .common-colored-box > img { margin-bottom: 13px; max-width: 40px; } .common-colored-box h3 { margin-bottom: 16px; } .rating-block ul { margin:-4px -8px; } .rating-block ul li { margin: 4px 8px; min-height: 95px; flex-basis: calc(50% - 16px);} .rating-block ul li .rating-inner-block span { margin-bottom: 6px; font-size: 16px; line-height: 24px; } .rating-block ul li:last-child p { font-size: 14px; line-height: 22px; } .document-inner-block { padding: 8px 10px; } .rating-block ul li .rating-inner-block:before { width: 4px; } .left-doc-content img { margin-right: 12px; max-width: 28px;} .left-doc-content p { font-size: 13px; line-height: 20px;} .right-doc-content span { font-size: 14px; line-height: 20px; } .right-doc-content img { max-width: 14px; } .document-inner-block.all-document { padding: 13px 10px;} .document-inner-block.all-document img { max-width: 30px; } .download-doc-block ul li { margin-bottom: 8px; } .document-inner-block:before { border-left: 10px solid transparent; border-top: 15px solid #fff; } .document-inner-block.all-document span { font-size: 14px; line-height: 20px; } /*near branch map section*/ .vc_row.wpb_row.nearest-branch-section { padding: 80px 0px;} .nearest-branch-section img { margin-bottom: 14px; } .nearest-branch-section p { margin-bottom: 20px !important;} .map-inner-content .aio-icon-img { transform: scale(1); font-size: 40px !important;} /*work with us section*/ .vc_row.wpb_row.work-with-us-section { padding: 60px 0px; } .vc_row.wpb_row.work-with-us-section:before { width: calc(50% + 63px);} .work-with-us-section .work-content .vc_column-inner:before { width: 56px; height: 6px;} .vc_row.work-with-us-section h3 { margin-bottom: 10px; } .vc_row.work-with-us-section p { margin-bottom: 16px !important;} .work-with-us-section .work-content .vc_column-inner > .wpb_wrapper { max-width: 230px;} .work-with-us-section .work-content .vc_column-inner > .wpb_wrapper:before { width: 46px; height: 4px; top: -14px;} /******* Homepage style CSS Ends ******/ /******* Personal Bank style CSS Starts ******/ .common-width-content > .vc_column-inner > .wpb_wrapper { padding: 0px 40px; } .bank-banner-img.wpb_single_image .vc_figure:after { border-left: 22px solid #008269; border-top: 22px solid transparent; } .wpb_single_image.bank-banner-img .vc_single_image-wrapper:before { bottom: -18px; left: -18px; } .bank-banner-img .vc_single_image-wrapper:after { bottom: -18px; left: -18px; border-top: 30px solid transparent; border-left: 30px solid #fff; } .common-width-content h1 { margin-bottom: 18px; padding-left: 15px; border-left: 8px solid #008269; } .common-width-content h6, .common-width-content p { margin-bottom: 12px;} .vc_row.wpb_row.common-bank-banner { padding: 36px 0px 61px; } /*tabs content*/ .common-tab-section .nav>li, .common-tab-section .nav>li.active, .common-tab-section .nav-tabs > li:hover, .common-tab-section .nav-tabs > li:focus { border-top-width: 4px; } .tab-box-main-content .tab-content { padding: 30px 0px 30px 15px; } .common-tab-section .nav-tabs > li > a { padding: 5px 10px 10px; } .common-tab-section .nav li a img { transform: scale(0.8); } .nav.nav-tabs li a p { font-size: 13px; line-height: 18px;} .common-tab-section .nav li span { display: block; min-height: 56px; } .account-detail h4 { margin-bottom: 12px; } .account-detail p { margin-bottom: 10px; } .account-detail { padding-bottom: 10px; } .key-features p { font-size: 16px; line-height: 22px; } .key-features ul li { margin-bottom: 6px; font-size: 12px; line-height: 18px; } .tabs-img { margin-top: 20px;} /*download account form content*/ .account-form-link:before { border-left-width:15px; border-top-width: 20px; } .account-form-link a { padding: 15px; font-size: 14px; line-height: 20px;} .account-terms-condition { padding: 0px;} .account-form-link span { margin-right: 10px; max-width: 15px; } .account-terms-condition a { font-size: 13px; line-height: 18px; } /*get in touch section*/ .get-in-touch-section { padding-top: 80px; padding-bottom: 110px; } .left-white-border .wpb_column .vc_column-inner .wpb_wrapper:before { width: 5px; } .get-in-touch-section .theme-btn a { padding: 12px 45px 12px 12px !important; font-size: 14px !important;} .get-in-touch-section .theme-btn a:after { width: 27px; right: 12px;} /******* Personal Bank style CSS Ends ******/ /******* Security style CSS Starts ******/ .public-area-content { margin-bottom: 20px; } .security-tips li { font-size: 12px; line-height: 20px; } /******* Security style CSS Ends ******/ /******* Trade style CSS Starts ******/ .trade-inner-row p { margin-bottom: 16px !important; } .trade-read-more-content .theme-btn a { padding: 10px 65px 10px 15px !important;} /******* Trade style CSS Ends ******/ /******* Wealth Finance style CSS Starts ******/ .form-content input { min-height: 30px; } .call-back-title h6 { margin-left: 12px; } .wealth-contact-form { width: 290px; padding: 16px;} .wealth-form-section h4 { margin-bottom: 12px;} .wealth-form-section p b { margin-bottom: 14px; font-size: 20px;} .wealth-form-section p { margin-bottom: 12px !important; } .wealth-contact-links ul { flex-direction: column; align-items: flex-start; -webkit-align-items: flex-start; } .wealth-contact-links ul li a { font-size: 14px; } .wealth-contact-links ul li span { font-size: 15px; } .wealth-contact-links { padding-top: 22px;} .wealth-contact-title { margin: 0px 0px 18px; } .wealth-contact-links h6 { padding-left: 10px; border-left-width: 4px; } .form-content .arrow-big-btn { width: 120px; } .form-content .arrow-big-btn:before { border-left-width: 15px; border-top-width: 20px; } .form-content input[type="submit"] { padding: 10px 14px !important; font-size: 14px !important; background-position: right 20px center; background-size: 26px auto; } .form-content label { margin-bottom: 8px; font-size: 13px; line-height: 18px;} .call-back-title { margin-bottom: 16px;} .wealth-form-section div.wpcf7-validation-errors, .wealth-form-section div.wpcf7-acceptance-missing, .wealth-form-section div.wpcf7-mail-sent-ng, .wealth-form-section div.wpcf7-aborted, .wealth-form-section div.wpcf7-mail-sent-ok, .wealth-form-section div.wpcf7-spam-blocked { width: 290px; } .wealth-form-section .wpcf7-response-output { width: 290px; } /******* Wealth Finance style CSS Ends ******/ /******* Branch Finder style CSS Starts ******/ /*no location found*/ .no-location p { font-size: 16px; line-height: 22px; } /*branch finder banner*/ .branch-finder-banner img { margin-bottom: 10px; max-width: 48px; } .branch-banner-content .form-group .location-btn { padding: 8px 28px; font-size: 16px; line-height: 22px; } .branch-banner-content .form-group input { padding: 8px 6px 6px 46px !important; } .branch-banner-content .form-group:before { width: 42px; } /*location map content*/ .location-left-content > ul > li.active:before { width: 8px; } .location-main-content { padding: 30px 0px 60px; } .location-left-content > ul { margin: -15px 0px; } .location-left-content ul li.location-list { padding: 15px; } .location-left-content { padding:15px 0px; max-height: 430px; flex-basis: 55%; } .location-right-content { flex-basis: 45%; } .location-content-box .location-content { margin-left: 10px; width: calc(100% - 120px);} .location-title-content li.location-update:after { width: 5px; height: 5px; left: 0px;} .branch-detail li a { font-size: 14px;} .location-content-box .location-img { width: 110px; } .location-title-content li a { max-width: 150px; font-size: 15px; line-height: 20px; } .location-title-content li.location-update { font-size: 14px; line-height: 20px; } .branch-detail li.direction-link a { padding-left: 20px;} .branch-detail li.branch-detail-link a { padding-right: 30px;} .branch-detail li.branch-detail-link a:after { background-size: 23px auto; } .branch-detail li.direction-link a:before { background-size: 14px auto; } .location-title-content, ul.branch-detail { margin-top: 20px;} ul.hidden-address-content { margin-top: 20px; padding-left: 12px;border-left-width: 5px; } .hidden-address-content li { font-size: 12px; line-height: 20px; } .hidden-address-content li a { margin-left: 8px; } /******* Branch Finder style CSS Ends ******/ /******* Branch details style CSS Starts ******/ .branch-detail-banner .branch-banner-content { padding-top: 40px; } .branch-detail-banner p { font-size: 14px; } .left-detail-content { padding: 12px; max-height: 430px; flex-basis: 38%;} .contact-details-content li { font-size: 14px; line-height: 22px; } .contact-details-content { margin: 0px 0px 18px; padding: 0px 0px 0px 10px; border-left-width: 4px;} .right-detail-content { flex-basis: 62%; } .contact-details-content li a { margin-left: 10px; font-size: 14px; line-height: 20px;} .left-detail-content h6 { margin: 0px 0px 10px; font-size: 14px; line-height: 20px; } #googleMap, #branchMap { min-height: 430px;} .branch-inner-contact-detail .common-detail-content { padding: 35px 50px; } .branch-detail-contact-links.common-detail-content { padding: 35px 30px; } .common-detail-content h5 { margin-bottom: 18px; padding-left: 10px; border-left-width: 4px; } .common-detail-content ul { margin: 10px 0px 0px;} .common-detail-content ul li a { max-width: 240px; padding: 5px 8px; font-size: 14px; line-height: 20px; } .branch-detail-contact-links ul { margin: -7px 0px; } .branch-detail-contact-links ul li { padding: 7px 0px; } .customer-service-content p { font-size: 13px; line-height: 18px;} .common-detail-content ul li img { margin-right: 10px; max-width: 32px; } .get-direction { margin: 0px 0px 18px;} .get-direction li a { padding: 8px 30px 8px 16px; font-size: 13px; line-height: 18px; } .get-direction li a:before { border-left-width: 15px; border-top-width: 15px; } .get-direction li a img { max-width: 15px; } .additonal-service li { font-size: 14px; line-height: 24px;} .custom-scrollbar::-webkit-scrollbar { width: 6px;} .branch-detail-inner-content .panel-title > a.collapsed:after { background-size: 14px auto; } .branch-detail-inner-content .panel-body p span { margin-right: 10px; } /******* Branch details style CSS Ends ******/ /******* About style CSS Starts ******/ .about-inner-content > .wpb_column > .vc_column-inner > .wpb_wrapper { border-left-width: 6px; } /*about desscription content*/ .about-content-block p { margin: 0px 0px 12px; } .common-desc-content > .vc_column-inner > .wpb_wrapper { max-width: 330px; } /*about listing content*/ .about-listing-content { padding: 40px 0px 0px; } .about-listing-content.management-content { padding: 20px 0px 20px; } .about-listing-title { margin-bottom: 25px; } .about-listing-title img { margin-right:15px; max-width: 48px; } .about-info-content span { font-size: 11px; line-height: 18px; } .about-info-content h6 { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .about-info-box i { width: 30px; height: 30px; bottom: 62px; font-size: 16px; } /*popup modal content*/ .modal-dialog { width: 710px;} .about-listing-content .modal-header { padding: 10px 0px; } .about-listing-content .modal-body { padding: 20px 14px; border-left-width: 6px;} .modal-header img { max-width: 180px; } .detail-text-content p { margin-bottom: 10px; font-size: 13px; line-height: 20px;} .detail-text-content { max-height: 220px; } .modal-header .close { font-size: 14px; } .popup-box-content img { height: 210px;} /*parent company content*/ .parent-company-content .wpb_single_image.bank-banner-img .vc_single_image-wrapper:before { right: -18px; } .parent-company-content .bank-banner-img.wpb_single_image .vc_figure:after { border-right-width: 22px; } .parent-company-content .bank-banner-img .vc_single_image-wrapper:after { right: -18px; border-right-width: 30px; } .parent-company-content .common-width-content .vc_single_image-wrapper { max-width: 180px; } .parent-company-content .common-width-content > .vc_column-inner > .wpb_wrapper { padding: 0px 60px; } .parent-company-content .theme-btn { margin-top: 20px; } /******* About style CSS Ends ******/ /******* Documents style CSS Starts ******/ .document-page ul { margin-bottom: 18px;} .document-title { font-size: 14px;} .document-page .left-doc-content p span { font-size: 12px;} /******* Documents style CSS Ends ******/ /******* FAQ style CSS Starts ******/ .faq-inner-content.white-traingle-shape:before { border-left-width: 20px; border-top-width: 20px;} .faq-inner-content { flex-basis: 30%; padding: 30px; min-height: 430px;} .faq-inner-content h6 { margin-bottom: 18px;font-size: 18px;} .faq-tabs-content .nav-pills li { margin-bottom: 14px; } .faq-tabs-content .nav-pills li a { font-size: 16px; line-height: 22px;} .faq-tabs-content .tab-content h3 { font-size: 22px; line-height: 28px; } .faq-tabs-content .tab-content { flex-basis: 70%; padding: 0px 20px;} .faq-tabs-content .panel-title > a { padding: 7px 10px 10px; } .faq-tabs-content .panel-title > a span { font-size: 15px; line-height: 20px; } .faq-tabs-content .panel-title > a i { font-size: 14px; } .faq-tabs-content .panel-group .panel+.panel { margin-top: 14px; } .faq-tabs-content .panel-group .panel-heading+.panel-collapse>.list-group, .faq-tabs-content .panel-group .panel-heading+.panel-collapse>.panel-body { padding: 10px 10px 5px; font-size: 14px; line-height: 20px; } .faq-tabs-content .panel-title > a:after { background-size: 12px auto; } /******* FAQ style CSS Ends ******/ /******* Financial Institution style CSS Starts ******/ /*financial institution product & service content*/ .fi-title-content { margin-bottom: 16px; } .fi-sub-title { margin: 0px 0px 10px !important; } .fi-sub-title h2 { font-size: 16px; line-height: 20px;} .fi-sub-title img { width: 30px; } /*FI table content*/ .institution-table-content { padding-top: 25px; padding-bottom: 40px; } .institution-table-content h6 { padding: 12px; font-size: 15px; line-height: 20px; } .institution-table-content .table tr td { font-size: 12px; line-height: 18px; } .institution-table-content .table tr td br { display: none; } .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { padding: 10px 0px; } .institution-table-content .table tr th { font-size: 14px; line-height: 20px;} /******* Financial Institution style CSS Ends ******/ /******* News & Events style CSS Ends ******/ /*news & events slider*/ .news-slide-content { padding: 14px 10px; } .news-slide-content h5 { margin-bottom: 8px;} .news-slider-section { margin-bottom: 30px; } /*news & events tab section*/ .top-tabs-section, .news-slider-section h4 { padding-bottom: 18px; } .top-content-images { width: 111px; } .top-content-desc { padding: 0px 10px; width: calc(100% - 111px); } .top-content-desc a { font-size: 14px; line-height: 19px; } .top-content-desc p.date { margin-top: 3px; font-size: 11px;} .latest-news-section .tab-pane { margin:-15px 0px; } .top-news-events-block { margin:15px 0px; } .news-paragraph { margin-bottom: 36px;} .new-content-box { margin: 10px 0px; } .new-content-box p { font-size: 12px; line-height: 18px; } .news-text { margin: 5px 0px; font-size: 14px; line-height: 20px; } /*news listing section*/ .all-news-event-section { padding:40px 0px 20px; } .all-news-event-section .row { margin: 0px -15px; } .all-news-event-section .col-sm-4 { padding: 0px 15px; } .top-news-events-block:before { border-bottom-width: 15px; border-left-width:15px; } /******* News & Events style CSS Ends ******/ /******* News inner page style CSS Starts ******/ .news-inner-top-content { padding-top: 40px; padding-bottom:40px; } /*sidebar content*/ .news-sidebar-content .tab-content { margin: -20px 0px 0px; } .latest-news { padding-top: 14px; } .news-inner-content p { margin: 0px 0px 16px; } .top-content-desc .latest-category { font-size: 12px; line-height: 18px; } .news-sidebar-content .top-content-images { width: 100px; } .news-sidebar-content .top-content-desc { width: calc(100% - 100px); } /*news overview content*/ .news-overview-content h4, .news-prerequisite-content h4 { margin:18px 0px 10px; } .news-overview-content ul, .news-prerequisite-content ul { margin: 20px 0px 10px !important; } .news-overview-content ul li, .news-prerequisite-content ul li { font-size: 13px; line-height: 23px; } .prerequisite-content { margin-top: 30px; } .news-prerequisite-content .prerequisite-content ul { margin:14px 0px 0px !important; } .prerequisite-img .vc_single_image-wrapper { margin:10px 0px 24px; } .load-more-newsevents input { padding: 8px !important; width: 160px; } /******* News inner page style CSS Ends ******/ /******* Vacancy style CSS Starts ******/ .vacany-title > .wpb_column > .vc_column-inner > .wpb_wrapper { margin-bottom: 20px;} .vacany-title h3 { margin: 0px 0px 0px 16px; } .vacancy-content .aio-icon-img { font-size: 40px !important; transform: scale(1); } .vacancy-green-block > .vc_column-inner > .wpb_wrapper:before { border-left-width: 30px; border-bottom-width: 30px; } .vacancy-green-block { margin-top: 20px; } .vacancy-green-block p { margin-left: 20px; max-width: 540px; font-size: 15px; line-height: 22px; } .vacancy-green-block > .vc_column-inner > .wpb_wrapper { padding:30px; } .vacancy-green-block .aio-icon-img { font-size: 68px !important; } /******* Vacancy style CSS Ends ******/ /******* Rates style CSS Starts ******/ .check-rates-btn.green-btn a { padding: 10px 65px 10px 16px !important;} /*exchange currency conversion*/ .exchange-rate-heading img { max-width: 48px; } .exchange-rate-main-section h3 { margin: 0px 0px 0px 18px; } .exchange-rate-heading { padding-bottom: 24px; } .exchange-rate-listing > li { margin: 18px 0px; padding: 18px 14px; } .exchange-rate-listing { margin: -18px 0px; } .common-rate-spacing { padding-left: 44px; } .conversion-currency { font-size: 18px; line-height: 22px; } .exchange-rate-listing ul { margin-top: 18px; } .exchange-rate-listing ul li { margin-bottom: 6px; padding-bottom: 6px; } .exchange-rate-listing ul li p { font-size: 16px; line-height: 22px; } .total-currency-value { font-size: 16px; line-height: 22px; } .exchange-rate-title { margin-bottom: 6px; } .exchange-rate-title img { max-width: 32px; } .exchange-rate-listing h5 { margin: 0px 0px 0px 12px;} /*base rates block*/ .base-rates-title h3 { margin: 0px 0px 0px 16px; } .base-rates-title > .vc_column-inner > .wpb_wrapper { margin-bottom: 20px;} .base-rates-block > .vc_column-inner > .wpb_wrapper { padding: 22px 0px;} .base-inner-block { padding: 10px 0px 10px 18px; border-left-width: 10px;} .base-rates-block p { max-width: 560px; font-size: 14px; line-height: 26px;} .base-rates-title .aio-icon-img { transform: scale(1); font-size: 38px !important; } /******* Rates style CSS Ends ******/ /******* Contact page style CSS Starts ******/ .contact-spacing-section { padding: 30px 0px 0px; } .contact-us-form { padding: 20px 0px 30px; } .common-form-block label { margin-bottom: 14px; font-size: 14px; line-height: 20px; } .common-form-block input { padding: 6px 8px 3px !important; font-size: 13px; line-height: 18px;} .contact-detail-info > .vc_column-inner > .wpb_wrapper { padding: 18px 26px; } .contact-detail-info h5 { margin-bottom: 16px; font-size: 16px;} .contact-detail-info h5 br { display: none; } .contact-number { margin-bottom: 16px !important; } .contact-detail-info p { margin-bottom: 14px !important; font-size: 13px; line-height: 20px;} .contact-number li a { padding: 6px 18px 4px 40px; font-size: 13px; line-height: 20px;} .contact-number li a:before { height: 22px; width: 22px;} .contact-detail-info > .vc_column-inner > .wpb_wrapper:before { border-right-width: 30px; border-bottom-width: 30px; } .contact-submit-btn .wpcf7-submit { padding: 8px !important; width: 140px; font-size: 14px; line-height: 20px; } .preferred-pay-method { margin-bottom: 14px; } #cookie-law-info-bar { font-size: 14px; } .cli_action_button { margin: 0px 10px !important; font-size: 12px !important; } /*jcf content*/ .jcf-select { height: 29px; } .jcf-select .jcf-select-text { font-size: 14px; line-height: 29px; } /*our branch contact section*/ .contact-branch-heading-content { margin-bottom:18px; } .contact-branch-heading-content img { max-width: 42px; } .contact-branch-heading-content h3 { margin:0px 0px 0px 16px; } .contact-branch-img { margin-bottom: 20px !important; } .contact-branch-img a { padding-left: 10px; font-size: 14px; line-height: 20px; } .contact-branch-img h6 { margin-bottom: 12px; } .branch-hover-info p { margin-bottom: 12px;} .contact-branch-link { padding-bottom: 12px;} /******* Contact page style CSS Ends ******/ /******* Compliant Management style CSS Ends ******/ .compliant-management-form { padding: 20px;} .left-content-block { padding: 14px;} .left-content-block p { margin-bottom: 14px; } .compliant-management-form .common-flex { margin:0px -14px 14px; } .personal-info-block { padding: 0px 14px 0px 0px; } .left-content-block, .right-content-block, .number-content { margin: 0px 14px; } .schedule-meeting-option { margin-bottom: 24px; padding: 14px; } .compliant-management-form h5 { margin:0px 0px 14px; } .specific-info-block { padding: 0px 14px; } .compliant-buttons .btn { width: 124px; padding: 10px 14px !important; font-size: 15px; line-height: 20px;} .submit-btn { margin-right: 12px; } .compliant-buttons .submit-btn .btn { background-position: right 21px center; background-size: 27px auto; } /*jcf style*/ .jcf-list .jcf-option { padding: 5px 10px; font-size: 14px; line-height: 20px; } /*file upload style*/ .file-before label { margin-bottom: 10px;} .file-upload { padding: 24px;} .select-file-btn a { padding: 10px 30px !important; } .required-text { padding: 7px 20px; } /******* Compliant Management style CSS Ends ******/ /******* New portal CSS Starts ******/ .portal-title-content .wpb_column .vc_column-inner .wpb_wrapper { margin-bottom: 18px;} .new-feature-section .portal-desc p { margin-bottom: 20px !important; } .portal-description-content { padding-top: 30px !important; padding-left: 0px !important;} .portal-left-description-content { padding-bottom: 30px !important; padding-right: 0px !important; } .common-portal-block { margin-bottom: 50px; } /******* New portal CSS Ends ******/ /******* Footer style CSS Starts ******/ /*.footer inner content*/ .footer-inner { padding-top: 60px; padding-bottom: 40px;} #colophon { padding: 12px 0px; } .copyright, .site-info .footer-nav li a { font-size: 15px; line-height: 18px;} .footer-nav-links { line-height: 18px;} .widgettitle { margin-bottom: 20px; font-size: 16px; line-height: 22px; } .footer-first-section p { font-size: 14px; } .footer-widget-area .widget_nav_menu ul li a { font-size: 14px; line-height: 20px; } .footer-first-section a { max-width: 150px; } .footer-widget-area .widget { margin-bottom: 25px; } .footer-widget .widget_text .textwidget { max-width: 450px; } .footer-text-content p { font-size: 15px; line-height: 22px; } .footer-middle-content { padding-top: 30px; } /******* Footer style CSS Ends ******/ .considerations-section .vc_column-inner { padding: 25px; } .considerations-section::after { border-left-width: 60px; border-top-width: 60px;} .prestige .vc_row.wpb_row.common-bank-banner { padding: 40px 0px 72px; } .types-bonds-card .vc_column-inner > .wpb_wrapper { padding: 25px 20px; } .quote-section { min-height: 340px;} .types-bonds-card .vc_column-inner > .wpb_wrapper:after { border-left-width: 46px; border-top-width: 46px;} .quote-section { padding: 50px 45px;} .quote-section .quote-box .vc_column-inner { padding: 0px 40px; } .quote-section .quote-box .vc_column-inner:before { background-size: cover; width: 62px; height: 62px;} .quote-section .quote-box .vc_column-inner:after { background-size: cover; width: 62px; height: 62px; right: 20px;} .quote-section { min-height: 310px; } .types-bonds-card .aio-icon-img { transform: scale(1); font-size: 60px !important;} .key-features-card .aio-icon-img { transform: scale(1); font-size: 60px !important;} .prestige-wealth-team .about-info-box i { bottom: 82px;} .prestige-wealth-team .detail-text-content { max-height: 400px;} } @media screen and (max-width:767px){ /*common style*/ .site-content { padding-top: 48px;} /* body.sticky { padding-top: 45px;} */ h1 { font-size: 28px; line-height: 36px; } h2 { font-size: 26px; line-height: 34px; } h3 { font-size: 24px; line-height: 36px; } h4 { font-size: 20px; line-height: 30px;} h5 { font-size: 16px; line-height: 23px;} h6 { font-size: 15px; line-height: 24px;} p { font-size: 16px; line-height: 22px; } /*common spacing style*/ .common-padding { padding: 40px 0px; } .white-traingle-shape:before { display: none !important; } /*common banner style*/ .vc_row.wpb_row.small-banner, .small-banner { height: 250px; } .small-banner .align-icon .aio-icon-img { font-size: 44px !important; transform: scale(1);} .small-banner .align-icon { margin-bottom: 8px; } .small-banner > .container { width: 100%; } .vc_row.wpb_row.medium-banner { min-height: 250px;} .medium-banner-content .wpb_column .vc_column-inner .wpb_wrapper { padding: 0px 0px 0px 10px; border-left-width: 6px; } .medium-banner-content h1 { margin-bottom: 6px;} /*common button style*/ .theme-btn a, .theme-btn input { padding: 8px 10px !important; font-family: 'Bliss2-Bold'; font-size: 14px !important; line-height: 22px !important;} /*common listing content*/ .common-listing-content h4 { margin:0px 0px 8px; } .common-listing-content p { margin: 0px 0px 18px; } .common-text-spacing-content p { margin: 0px 0px 14px; } .common-listing-content h6 { margin: 0px 0px 10px; } .common-listing-content ul { margin:0px 0px 16px !important; } .common-listing-content ul li, .common-listing-content ol li { margin: 0px 0px 8px; font-size: 15px; line-height: 18px; } /******* Header style CSS Starts ******/ /*sticky header content*/ .fixed-new-header { display: none; } .sticky#fixed-sticky-header { display: none;} header { position: fixed; top: 0; width: 100%; display: block; left: 0; z-index: 10;} header { transition: top 0.3s linear;} .widget .moving-text { padding: 5px 0px; } .sticky header { top: 0px;} /*mobile header style*/ .navbar-header { position: relative; } .navbar-default .navbar-nav > li > a:after { bottom: 4px; } .navbar-default { min-height: auto; } .navbar-default .navbar-toggle { display: none; } .navbar-default { padding: 10px 0px; } .prestige .navbar-nav > li.prestige-menu .caret, .prestige .navbar-nav > li.prestige-menu:hover .caret { color: #fff !important;} .navbar-nav .open .dropdown-menu { background-color: #008269; } .widget .moving-text li { font-size: 14px; } .site-navigation-inner { margin-bottom: 0; display: block; } .navbar-collapse.collapse.open { height: calc(100dvh - 48px) !important;} .header-links { margin:0px -15px; } .navbar-header button { margin:0px; padding: 4px 0px; } #logo a { max-width: 180px;} #logo a img { height: 100%; } .prestige #logo a { max-width: 240px; } /******* Header style CSS Ends ******/ /******* Homepage style CSS Starts ******/ /*banner content*/ .vc_row.wpb_row.banner, .slider-img { height: 436px; } .banner h1 { padding-left: 10px; border-left: 6px solid #008269; } .banner-banking-links { margin-top: 20px; flex-direction: column; -webkit-flex-direction: column; -moz-flex-direction: column; } .banner-banking-links li:first-child { margin:0px 0px 8px; } .banner-banking-links li a { padding: 6px 8px !important;} .banner-banking-links li a img { max-width: 24px;} .home-banner-slide:after { background-size: 140px auto; } /*who we are section*/ .aio-icon-img { transform: scale(0.7); } .who-we-are-inner-box .wpb_column { padding: 18px 0px;} .theme-btn.arrow-big-btn a { padding: 12px 60px 12px 14px !important; border: 1px solid #576167; } .theme-btn.arrow-big-btn a:after { width: 31px; right: 15px; } .who-we-are-section .theme-btn { margin-top: 26px; } .vc_row.who-we-are-section:before { display: none;} .who-we-are-section .wpb_column:after { width: 50%; left: 50%; transform: translateX(-50%); height: 1%; top: auto; bottom: 0; background: rgba(255,255,255,0.41);} .who-we-are-inner-box .ult-just-icon-wrapper { min-height: 65px; } .who-we-are-inner-box h6 { margin-bottom: 10px; padding-bottom: 8px;} .who-we-are-section p { margin-bottom: 22px !important; } .who-we-are-section .who-we-are-inner-box p { margin-bottom: 0px !important; } /*rating & document section*/ .rating-document-content { flex-direction: column; -webkit-flex-direction: column; -moz-flex-direction: column; } .common-colored-box { padding:40px 20px 34px; } .common-colored-box > img { margin-bottom: 13px; max-width: 50px; } .common-colored-box h3 { margin-bottom: 18px; } .rating-block ul { margin: -6px -10px; } .rating-block ul li { margin: 6px 10px; min-height: 90px; flex-basis: calc(50% - 20px);} .rating-block ul li .rating-inner-block span { margin-bottom: 4px; font-size: 15px; line-height: 22px;} .rating-block ul li:last-child p { font-size: 15px; line-height: 22px; } .document-inner-block { padding: 10px; } .rating-block ul li .rating-inner-block:before { width: 4px; } .left-doc-content img { margin-right: 10px; max-width: 30px;} .left-doc-content p { max-width: 110px; font-size: 14px; line-height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .right-doc-content span { font-size: 12px; line-height: 20px; } .right-doc-content img { margin-left: 4px; max-width: 12px; } .document-inner-block.all-document { padding: 16px 10px;} .document-inner-block.all-document img { max-width: 30px; } .download-doc-block ul li { margin-bottom: 10px; } .document-inner-block:before { border-left: 10px solid transparent; border-top: 15px solid #fff; } .document-inner-block.all-document span { font-size: 15px; line-height: 20px; } .rating-document-section:before { width: 100%; height: calc(50% + 10px); } /*near branch map section*/ .vc_row.wpb_row.nearest-branch-section.map-gif-block { padding-top: 30px; padding-bottom: 0px; background: none !important; background-color: #008269 !important; } .vc_row.wpb_row.nearest-branch-section:before { background-size: 150px auto; } .nearest-branch-section img { margin-bottom: 0px; } .nearest-branch-section p { margin-bottom: 20px !important;} .map-inner-content .aio-icon-img { transform: scale(1); font-size: 50px !important;} .map-block { height: 300px; padding: 0px !important;} .map-responsive-block .vc_column-inner { padding: 0px !important; } .map-inner-content { padding-top: 25px; } .map-responsive-bg-overlay { padding: 5px 0px; background-color: #018168; z-index: 15; margin-bottom: -5px;} /*work with us section*/ .vc_row.wpb_row.work-with-us-section { padding: 0px; background: none !important; background-color: #576167 !important; } .work-content { padding-top: 50px; } .vc_row.wpb_row.work-with-us-section:before { display: none; } .work-with-us-section .work-content .vc_column-inner:before { width: 56px; height: 6px;} .vc_row.work-with-us-section h3 { margin-bottom: 10px; } .vc_row.work-with-us-section p { margin-bottom: 16px !important;} .work-with-us-section .work-content .vc_column-inner > .wpb_wrapper { max-width: 100%;} .work-with-us-section .work-content .vc_column-inner > .wpb_wrapper:before { width: 46px; height: 4px; top: -14px;} .work-responsive-img .vc_column-inner { padding: 40px 0px 0px!important; } /******* Homepage style CSS Ends ******/ /******* Personal Bank style CSS Starts ******/ .common-width-content > .vc_column-inner > .wpb_wrapper { padding: 0px 15px; } .bank-banner-img { padding: 30px; } .bank-banner-img.wpb_single_image .vc_figure:after { border-left: 22px solid #008269; border-top: 22px solid transparent; } .wpb_single_image.bank-banner-img .vc_single_image-wrapper:before { bottom: -18px; left: -18px; } .bank-banner-img .vc_single_image-wrapper:after { bottom: -18px; left: -18px; border-top-width: 30px; border-left-width: 30px; } .common-width-content h1 { margin-bottom: 18px; padding-left: 15px; max-width: 100%; border-left: 8px solid #008269; } .common-width-content h6, .common-width-content p { margin-bottom: 12px;} .vc_row.wpb_row.common-bank-banner:after { background-size: 160px auto; } .vc_row.wpb_row.common-bank-banner { padding: 36px 0px 61px; } /*tabs content*/ .common-tab-section { padding: 30px 0px;} .tab-box-main-content { padding: 10px; } .tab-box-main-content .panel-group { margin-bottom: 0; } .tab-box-main-content .panel-heading { padding: 0px; border-color: #F5F5F5;} .tab-box-main-content .panel-heading .panel-title a { padding: 10px; border-top:5px solid #008269; display: flex; display:-webkit-flex; display:-moz-flex; align-items: center; -webkit-align-items:center; -moz-align-items:center; justify-content: center; -webkit-justify-content:center; -moz-justify-content:center;} .tab-box-main-content .panel-heading .panel-title a span { margin-right: 10px; max-width: 46px; } .tab-box-main-content .panel-heading .panel-title a.collapsed { color: #008269; border-color:transparent; } .tab-box-main-content .panel-default { border-color: transparent; box-shadow: none; } .tab-box-main-content .panel-body.js-tabcollapse-panel-body { border:none !important; } .tab-flex-content { flex-direction: column; -webkit-flex-direction: column; -moz-flex-direction: column; } .tabs-img { margin-top:0px; width: 240px; } .key-features ul li { font-size: 12px; line-height: 18px;} .key-features p { font-size: 14px; line-height: 18px; } .account-detail { padding-bottom: 0; } .account-detail p { margin-bottom: 12px !important;} .download-form-section { margin-top: 20px; flex-direction: column; -webkit-flex-direction: column; -moz-flex-direction: column; } .download-form-section .account-form-link, .account-terms-condition { width: 100%; } .account-terms-condition { padding: 5px;} .account-form-link a { padding: 15px 10px; font-size: 14px; line-height: 20px;} .account-form-link span { margin-right: 10px; max-width: 15px;} .account-terms-condition a { font-size: 14px; line-height: 20px; } .account-form-link:before { border-left-width: 15px; border-top-width: 25px; } /*get in touch section*/ .get-in-touch-section { padding-top: 60px; padding-bottom: 90px; } .left-white-border .wpb_column .vc_column-inner .wpb_wrapper { padding-left: 20px;} .left-white-border .wpb_column .vc_column-inner .wpb_wrapper:before { width: 5px; } .get-in-touch-section .theme-btn a { padding: 10px 40px 10px 10px !important; border:1px solid transparent; font-size: 14px !important;} .get-in-touch-section .theme-btn a:after { width: 23px; right: 10px;} /******* Personal Bank style CSS Ends ******/ /******* Security style CSS Starts ******/ .public-area-content { margin-bottom: 25px; } .security-tips li { font-size: 14px; line-height: 22px; } /******* Security style CSS Ends ******/ /******* Trade style CSS Starts ******/ .trade-inner-row p { margin-bottom: 16px !important; } .trade-read-more-content .theme-btn a { padding: 10px 65px 10px 15px !important; border: 1px solid #008269;} .trade-inner-row > .wpb_column > .vc_column-inner > .wpb_wrapper { max-width: 100%; } /******* Trade style CSS Ends ******/ /******* Wealth Finance style CSS Starts ******/ .wealth-form-section form { display: block;} .form-content input { min-height: 30px; } .call-back-title h6 { margin-left: 12px; } .wealth-contact-form { margin-top: 20px; border-top-width: 6px; width: 100%; padding: 16px;} .wealth-form-section h4 { margin-bottom: 12px;} .wealth-form-section p b { margin-bottom: 18px;font-size: 20px} .wealth-form-section p { margin-bottom: 12px !important; } .wealth-contact-links ul li a { font-size: 14px; } .wealth-contact-links ul li span { font-size: 13px; } .wealth-contact-links { padding-top: 22px;} .wealth-contact-title { margin: 0px 0px 18px; } .wealth-contact-links h6 { padding-left: 10px; border-left-width: 4px; } .form-content .arrow-big-btn { width: 120px; } .form-content .arrow-big-btn:before { border-left-width: 15px; border-top-width: 20px; } .form-content input[type="submit"] { padding: 10px 14px !important; font-size: 12px; background-position: right 20px center; background-size: 26px auto;} .form-content label { margin-bottom: 8px; font-size: 13px; line-height: 18px;} .call-back-title { margin-bottom: 16px;} .wealth-form-section div.wpcf7-validation-errors, .wealth-form-section div.wpcf7-acceptance-missing, .wealth-form-section div.wpcf7-mail-sent-ng, .wealth-form-section div.wpcf7-aborted, .wealth-form-section div.wpcf7-mail-sent-ok, .wealth-form-section div.wpcf7-spam-blocked { width: 100%; } .wealth-contact-links ul { display: block; } .wealth-form-section .wpcf7-response-output { width: 100%; } /******* Wealth Finance style CSS Ends ******/ /******* Branch Finder style CSS Starts ******/ /*no location found*/ .no-location p { font-size: 14px; line-height: 20px; } /*branch finder banner*/ .branch-finder-banner img { margin-bottom: 8px; max-width: 38px; } .branch-finder-banner h2 { margin-bottom: 14px;} .branch-banner-content .form-group .location-btn { padding: 8px 20px; font-size: 14px; line-height: 20px; } .branch-banner-content .form-group input { width: 100%; padding: 6px 4px 4px 46px !important; font-size: 11px; line-height: 18px;} .branch-banner-content .form-group:before { width: 36px; } /*location map content*/ .listing-text-content { display: flex; display: -webkit-flex; display: -moz-flex; align-items: center; -webkit-align-items: center; -moz-align-items: center; justify-content: space-between; -webkit-justify-content: space-between; -moz-justify-content: space-between;} .location-inner-content { flex-direction: column-reverse; position: relative;} .location-main-content { padding: 20px 0px; } .location-right-content { flex-basis: 100%; } .location-left-content > ul { margin: -10px 0px; } .location-left-content ul li.location-list { padding: 10px; } .location-content-box .location-img { width: 70px; } .location-content-box .location-content { margin-left:5px; width: calc(100% - 75px);} .location-title-content li a { max-width: 120px; font-size: 14px; line-height: 20px; } .location-title-content li.location-update:after { width: 6px; height: 6px; } .location-title-content li.location-update { font-size: 10px; line-height: 17px; } .listing-text-content { margin-bottom: 20px; } .location-main-content h5 { margin: 0px; font-size: 15px; line-height: 20px;} .branch-detail li.branch-detail-link a img { margin-left: 10px; max-width: 30px; } .branch-detail li a { font-size: 11px; line-height: 18px;} .branch-detail li.direction-link a { padding-left: 16px;} .location-content p { -webkit-line-clamp: 1; font-size: 11px; line-height: 18px;} .direction-link img { max-width: 16px; } .location-title-content, ul.branch-detail { margin-top: 8px;} ul.hidden-address-content { margin-top: 14px; padding-left: 5px; border-left-width: 3px;} .hidden-address-content li { font-size: 10px; line-height: 16px; } .hidden-address-content li:first-child { margin-bottom: 2px; } .hidden-address-content li a { margin-left: 1px;} .branch-detail li .branch-detail li.direction-link a { padding-left: 20px;} .branch-detail li.branch-detail-link a { padding-right: 24px;} .branch-detail li.branch-detail-link a:after { background-size: 23px auto; } .branch-detail li.direction-link a:before { background-size: 14px auto; } /*search content section*/ .branch-banner-content .form-group { width: 100%; } .listing-btn { font-size: 15px; line-height: 18px; font-family: "Bliss2-Bold"; display: inline-block; color: #008269 !important; text-decoration: underline !important;} .location-left-content { padding:10px 0px; max-height: 100%; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; display: none; height: 100%; background: #f6f6f6; } .location-left-content { display: none; } .branch-listing .location-left-content { display: block; } #googleMap { min-height: 75vh; } /******* Branch Finder style CSS Ends ******/ /******* Branch details style CSS Starts ******/ /*custom scrollbar*/ .location-main-content .custom-scrollbar::-webkit-scrollbar-track { background: #F5F5F5; } .custom-scrollbar::-webkit-scrollbar-track { background: #fff; } .custom-scrollbar::-webkit-scrollbar { width: 8px;} /*branch banner content*/ .branch-detail-banner .branch-banner-content { padding-top: 40px; } /*branch detail map content*/ .location-left-content > ul > li.active:before { width: 5px; } .branch-detail-inner-content { flex-direction: column-reverse; } .left-detail-content, .right-detail-content { flex-basis: 100%; } .left-detail-content { max-height: 320px; padding: 15px; } .left-detail-content h6 { margin: 0px 0px 12px; font-size: 16px; line-height: 22px; } .left-detail-content p { margin-bottom: 10px; } #branchMap { min-height: 320px;} .contact-details-content { margin: 0px 0px 26px; padding: 0px 0px 0px 12px; border-left-width: 6px;} .contact-details-content li { font-size: 17px; line-height: 24px;} .contact-details-content li a { margin-left: 12px; font-size: 15px; line-height: 24px;} .get-direction { margin: 0px 0px 18px;} .get-direction li a { padding: 10px 30px 10px 16px; font-size: 13px; line-height: 18px; } .get-direction li a:before { border-left-width: 15px; border-top-width: 15px; } .get-direction li a img { max-width: 15px; } .additonal-service li { font-size: 13px; line-height: 26px;} /*branch contact content*/ .branch-inner-contact-detail { flex-direction: column; -webkit-flex-direction: column; -moz-flex-direction: column; } .branch-inner-contact-detail .common-detail-content { flex-basis: 100%; padding: 35px 20px; } .branch-detail-contact-links ul { margin: -8px 0px; } .branch-detail-contact-links ul li { padding: 8px 0px; } .customer-service-content p { font-size: 13px; line-height: 20px; } .common-detail-content h5 { margin-bottom: 20px; padding-left: 12px; border-left-width: 6px; } .common-detail-content ul li img { margin-right: 10px; max-width: 32px; } .common-detail-content ul li a { max-width: 240px; padding: 5px 8px; font-size: 14px; line-height: 20px; } /******* Branch details style CSS Ends ******/ /******* About style CSS Starts ******/ .about-banner h1 { margin-bottom: 5px; } .about-content-block p { margin: 0px 0px 14px; } .modal-dialog { width: auto;} .detail-text-content { max-height: 200px; margin-top: 10px; } .about-inner-listing .modal-body { padding: 22px 14px; border-left-width: 8px; } .about-inner-listing .modal-header { padding: 10px 0px; } .modal-header img { max-width: 180px; } .modal-dialog { padding: 0px 10px; } .popup-box-content { display: flex; display: -webkit-flex; display: -moz-flex; align-items: center; -webkit-align-items: center; -moz-align-items: center;} .popup-box-content .about-info-content { margin-left: 10px; padding: 0px; background: transparent; position: relative;} .about-info-content h6 { margin-bottom: 3px;} .about-info-content { padding: 12px 16px; } .about-info-box { margin-bottom: 15px !important; } .modal-header .close { font-size: 16px; } .about-listing-content { padding: 50px 0px 15px; } .about-listing-title img { margin-right: 15px; max-width: 40px;} .about-listing-title { margin-bottom: 20px;} .about-listing-content.management-content { padding: 15px 0px 35px; } .parent-company-content .wpb_single_image.bank-banner-img .vc_single_image-wrapper:before { right: -18px; } .parent-company-content .bank-banner-img.wpb_single_image .vc_figure:after { border-right-width: 22px; } .parent-company-content .bank-banner-img .vc_single_image-wrapper:after { right: -18px; border-right-width: 30px; } .parent-company-content .bank-banner-img { padding: 0px 30px 30px 30px; } .parent-company-content .common-width-content > .vc_column-inner > .wpb_wrapper { margin-top: 30px; } .parent-company-content .common-width-content .vc_single_image-wrapper { margin-bottom: 20px; max-width: 200px; } .about-right-desc-content > .vc_column-inner > .wpb_wrapper { margin-top: 30px; margin-left: 0px !important; } .about-left-desc-content > .vc_column-inner > .wpb_wrapper { margin-right: 0px !important; } .common-desc-content > .vc_column-inner > .wpb_wrapper { max-width: 100%; } .popup-box-content img { width: 100px; height: 100px; object-fit: cover; } .about-info-content span { font-size: 12px; line-height: 18px; } .about-info-box i { bottom: 66px; } .detail-text-content p { margin-bottom: 15px; font-size: 14px; line-height: 20px;} /******* About style CSS Ends ******/ /******* Documents style CSS Starts ******/ .document-page ul { margin-bottom: 20px;} .document-title { font-size: 14px;} .document-page .left-doc-content p span { font-size: 12px;} .document-page .left-doc-content p { max-width: 140px; } .tooltip-box:hover .tooltip-content { display: block; } /******* Documents style CSS Ends ******/ /******* FAQ style CSS Starts ******/ .faq-tabs-content { flex-direction: column; -webkit-flex-direction: column; -moz-flex-direction: column;} .faq-tabs-content h3 { display: none;} .faq-tabs-content .panel-title a { padding: 5px; background: #008269; color: #fff;} .faq-tabs-content .panel-title > a:hover { color: #fff; } .faq-tabs-content .panel-title a.collapsed { border-color: transparent; background: transparent; color: #3C3C3C;} .faq-inner-content { min-height: auto; flex-basis: 100%; padding: 0px; background: transparent;} .faq-inner-content h6 { color: #008269; font-size: 17px;} .faq-inner-content .panel-title { font-size: 14px; } .faq-tabs-content .panel-group .panel-heading+.panel-collapse>.list-group, .faq-tabs-content .panel-group .panel-heading+.panel-collapse>.panel-body { padding: 10px; font-size: 14px; line-height: 22px;} .faq-tabs-content .panel-group .panel+.panel { margin-top: 0px; } .faq-tabs-content .panel-title > a span { overflow: hidden; text-overflow: ellipsis; max-width: 220px; white-space: nowrap; font-size: 14px; line-height: 20px; } .faq-tabs-content .js-tabcollapse-panel-body .panel-title > a { padding: 7px 10px 10px; } .js-tabcollapse-panel-body .panel-group { margin-bottom: 0px; } .faq-tabs-content .panel-title > a:after { background-size: 12px auto; background-image: url('./images/white-minus-icon.svg');} .faq-tabs-content .panel-default { border:1px solid #ddd; } .faq-tabs-content .js-tabcollapse-panel-body .panel-title a:after { background-image: url('./images/minus-icon.svg'); } /******* FAQ style CSS Ends ******/ /******* Financial Institution style CSS Starts ******/ /*financial institution product & service content*/ .fi-title-content { margin-bottom: 16px; } .fi-sub-title { margin: 0px 0px 10px !important; } .fi-sub-title h2 { font-size: 15px; line-height: 20px;} .fi-sub-title img { width: 30px; } /*FI table content*/ .institution-table-content { padding-top: 30px; padding-bottom: 40px; } .institution-table-content h6 { padding: 12px; font-size: 15px; line-height: 20px; } .institution-table-content .table tr td { font-size: 12px; line-height: 18px; } .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { padding: 8px; } .institution-table-content .table tr th { font-size: 14px; line-height: 20px;} /******* Financial Institution style CSS Ends ******/ /******* News & Events style CSS Ends ******/ /*news & events slider*/ .news-slides { flex-direction: column; -webkit-flex-direction: column; -moz-flex-direction: column;} .news-slide-img, .news-slide-content { width: 100%; } .news-slide-content { padding: 10px; } .news-slide-content h5 { margin-bottom: 8px;} .news-slide-img::before { padding-top: 70%; } .news-slider-section { margin-bottom: 50px; } .news-slider-content .slick-dots { bottom: -20px; } .news-slider-content .slick-prev, .news-slider-content .slick-next { bottom: -22px; } /*news & events tab section*/ .top-tabs-section, .news-slider-section h4 { padding-bottom: 18px; } .top-content-images { width: 120px; } .top-content-desc { padding: 0px 10px; width: calc(100% - 120px); } .top-content-desc a { font-size: 16px; line-height: 22px; } .top-content-desc p.date { margin-top: 3px; font-size: 11px;} .latest-news-section .tab-pane { margin:-15px 0px; } .top-news-events-block { margin:15px 0px; } .news-paragraph { margin-bottom: 26px;} .new-content-box { margin: 20px 0px; } .new-content-box p { font-size: 12px; line-height: 18px; } .news-text { margin: 5px 0px; font-size: 16px; line-height: 22px; } /*news listing section*/ .all-news-event-section { padding:40px 0px 20px; } .top-news-events-block:before { border-bottom-width: 15px; border-left-width:15px; } .news-slider-content .slick-dots li, .news-slider-content .slick-dots li button:before { width: 20px; } .all-news-event-section .row { margin: 0px -15px; } .all-news-event-section .col-sm-4 { padding: 0px 15px; } /******* News & Events style CSS Ends ******/ /******* News inner page style CSS Starts ******/ .news-inner-top-content { padding-top: 40px; padding-bottom:40px;} /*sidebar content*/ .news-sidebar-content { padding-top: 20px; } .news-sidebar-content .tab-content { margin: -20px 0px 0px; } .latest-news { padding-top: 14px; } .news-inner-content p { margin: 0px 0px 16px; } .latest-category { font-size: 13px; line-height: 18px; } .top-content-desc .latest-category { font-size: 13px; line-height: 18px; } .news-sidebar-content .top-content-images { width: 120px; } .news-sidebar-content .top-content-desc { width: calc(100% - 120px); } /*news overview content*/ .news-overview-content h4 { margin:18px 0px 10px; } .news-prerequisite-content h4 { margin:8px 0px 8px; } .news-overview-content ul, .news-prerequisite-content ul { margin: 20px 0px 10px !important; padding-left: 20px; } .news-overview-content ul li, .news-prerequisite-content ul li { font-size: 13px; line-height: 23px; } .prerequisite-content { margin-top: 30px; } .news-prerequisite-content .prerequisite-content ul { margin:14px 0px 0px !important; } .prerequisite-img .vc_single_image-wrapper { margin:10px 0px 20px; } .news-overview-img img { margin-bottom: 20px; } .load-more-newsevents input { width: 140px;} /******* News inner page style CSS Ends ******/ /******* Vacancy style CSS Starts ******/ .vacancy-green-block > .vc_column-inner > .wpb_wrapper { flex-direction: column; -webkit-flex-direction: column; -moz-flex-direction: column; } .vacany-title > .wpb_column > .vc_column-inner > .wpb_wrapper { margin-bottom: 25px;} .vacany-title h3 { margin: 0px 0px 0px 16px; } .vacancy-content .aio-icon-img { font-size: 40px !important; transform: scale(1); } .vacancy-green-block > .vc_column-inner > .wpb_wrapper:before { border-left-width: 25px; border-bottom-width: 25px; } .vacancy-green-block { margin-top: 20px; } .vacancy-green-block p { margin:20px 0px 0px; max-width: 100%; font-size: 14px; line-height: 24px; } .vacancy-green-block > .vc_column-inner > .wpb_wrapper { padding:30px; } .vacancy-green-block .aio-icon-img { font-size: 68px !important; } /******* Vacancy style CSS Ends ******/ /******* Rates style CSS Starts ******/ .vc_row.wpb_row.common-bank-banner.rates-banner { padding: 36px 0px; } .check-rates-btn.green-btn { margin-top: 22px; } .check-rates-btn.green-btn a { padding: 8px 65px 8px 16px !important;} /*exchange currency conversion*/ .exchange-rate-heading img { max-width: 48px; } .exchange-rate-main-section h3 { margin: 0px 0px 0px 18px; } .exchange-rate-heading { padding-bottom: 20px; } .exchange-rate-listing > li { padding: 14px 12px; margin: 16px 0px; } .exchange-rate-listing { margin: -16px 0px; } .common-rate-spacing { padding-left: 0px; } .conversion-currency { font-size: 16px; line-height: 20px; } .exchange-rate-listing ul { margin-top: 16px; } .exchange-rate-listing ul li { padding-bottom: 6px; margin-bottom: 6px; } .exchange-rate-listing ul li p { font-size: 15px; line-height: 18px; } .exchange-rate-listing ul li p.exchange-content-text { max-width: 170px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .total-currency-value { font-size: 15px; line-height: 18px; } .exchange-rate-title { margin-bottom: 6px; } .exchange-rate-title img { max-width: 32px; } .exchange-rate-listing h5 { margin: 0px 0px 0px 12px;} /*base rates block*/ .base-rates-title h3 { margin: 0px 0px 0px 16px; } .base-rates-title > .vc_column-inner > .wpb_wrapper { margin-bottom: 20px;} .base-rates-block > .vc_column-inner > .wpb_wrapper { padding: 20px 0px;} .base-inner-block { padding: 10px 14px 10px 14px; border-left-width: 8px;} .base-rates-block p { max-width: 350px; width: 100%; font-size: 12px; line-height: 20px;} .base-rates-title .aio-icon-img { transform: scale(1); font-size: 38px !important; } .base-rates-block > .vc_column-inner > .wpb_wrapper:before { border-left-width: 20px; border-bottom-width: 20px; } /******* Rates style CSS Ends ******/ /******* Contact page style CSS Starts ******/ .contact-spacing-section { padding: 30px 0px 0px; } .contact-us-form { padding: 20px 0px 30px; } .common-form-block label { margin-bottom: 14px; font-size: 14px; line-height: 20px; } .contact-detail-info > .vc_column-inner > .wpb_wrapper { margin: 0px 0px 10px; padding: 18px 26px; } .contact-detail-info h5 { margin-bottom: 16px; font-size: 18px;} .contact-detail-info h5 br { display: none; } .contact-number { margin-bottom: 16px !important; } .contact-detail-info p { margin-bottom: 14px !important;} .contact-number li a { padding: 8px 24px 8px 45px; font-size: 14px; line-height: 22px;} .contact-number li a:before { height: 28px; width: 28px;} .contact-detail-info > .vc_column-inner > .wpb_wrapper:before { border-right-width: 30px; border-bottom-width: 30px; } .contact-submit-btn .wpcf7-submit { padding: 8px !important; width: 140px; font-size: 14px; line-height: 22px; } .preferred-pay-method { margin-bottom: 14px; } .pay-method-options .wpcf7-form-control.wpcf7-checkbox { margin:0px -20px; } .pay-method-options span.wpcf7-list-item { margin: 0px 20px; } #cookie-law-info-bar { font-size: 13px; line-height: 20px; } .cli_action_button { margin:2px 5px !important; padding: 6px !important; font-size: 12px !important; line-height: 18px; } /*jcf content*/ .jcf-select { height: 28px; } .jcf-select .jcf-select-text { font-size: 14px; line-height: 28px; } .jcf-list .jcf-option { padding: 5px 10px; font-size: 14px; line-height: 22px; } /*our branch contact section*/ .contact-branch-heading-content { margin-bottom:18px; } .contact-branch-heading-content img { max-width: 42px; } .contact-branch-heading-content h3 { margin:0px 0px 0px 16px; } .contact-branch-img { margin-bottom: 20px !important; } .contact-branch-img a { padding-left: 20px; } .branch-hover-info { max-height: 200px; } .contact-branch-img h6 { margin-bottom: 12px;} .branch-hover-info p { margin-bottom: 12px;} .contact-branch-link { padding-bottom: 10px;} /******* Contact page style CSS Ends ******/ /******* Compliant Management style CSS Ends ******/ .compliant-management-form { padding: 20px;} .common-form-block input { padding: 6px 8px 3px !important; font-size: 13px; line-height: 18px; } .left-content-block { padding: 14px;} .left-content-block p { margin-bottom: 14px; } .compliant-management-form .common-flex { margin:0px; flex-direction: column; -webkit-flex-direction: column; -moz-flex-direction: column; } .personal-info-block { padding: 0px; } .left-content-block, .right-content-block { margin: 0px 0px 15px; flex-basis: 100%; width: 100%;} .number-content { margin:0px; } .schedule-meeting-option:before { border-left-width: 20px; border-bottom-width: 20px; } .phone-contact { padding: 0; } .schedule-meeting-option { margin-bottom: 24px; padding: 14px; } .compliant-management-form h5 { margin:0px 0px 14px; } .specific-info-block { padding: 0px; } .compliant-buttons .btn { width: 118px; padding: 6px 8px !important; font-size: 15px; line-height: 20px;} .submit-btn { margin-right: 12px; } .submit-btn:before { right: 0px; border-top-width: 15px; border-left-width: 10px; } .compliant-buttons .submit-btn .btn { background-position: right 16px center; background-size: 27px auto; display: block; } /*file upload style*/ .file-before label { margin-bottom: 10px;} .file-upload { padding: 24px;} .select-file-btn a { padding: 10px 30px !important; } .required-text { padding: 7px 20px; } .drop-file-area { flex-direction: column; -webkit-flex-direction: column; -moz-flex-direction: column; } .or-text { margin: 10px 0px;} /******* Compliant Management style CSS Ends ******/ /******* New portal CSS Starts ******/ .portal-title-content h2 { font-size: 24px; } .portal-title-content .wpb_column .vc_column-inner .wpb_wrapper { margin-bottom: 18px;} .new-feature-section .portal-desc p { margin-bottom: 20px !important; } .portal-title-content .aio-icon-img { margin-right: 10px; } .portal-description-content { padding-top: 30px !important; padding-left: 0px !important;} .portal-left-description-content { padding-top: 30px !important; padding-right: 0px !important; } .common-portal-block { margin-bottom: 30px;display: flex; flex-wrap: wrap; } .common-portal-block:nth-child(even) { flex-direction: column-reverse; } .common-portal-block p {margin-bottom: 14px; } .common-portal-block ul, ol{margin-bottom: 14px; } .feature-list li { font-size: 14px; line-height: 20px; } /******* New portal CSS Ends ******/ /******* Footer style CSS Starts ******/ .footer-inner { padding-top: 30px; padding-bottom: 30px; } .footer-middle-content { padding-top: 20px; display :block; } .footer-logo-content img { max-height:60px;} .footer-text-content p { font-size: 14px;} .footer-widget .widget_text .textwidget { max-width: 100%; } .footer-nav-links { margin-bottom: 15px; } .site-footer ul.footer-nav { display: flex; display:-webkit-flex; display:-moz-flex; flex-direction: column; -webkit-flex-direction: column; -moz-flex-direction: column; align-items: center; -webkit-align-items:center; -moz-align-items:center; } .site-footer ul.footer-nav li a { margin: 5px 0px; } .footer-nav-links { float: none; } .copyright { float: none; text-align: center; } .footer-widget-area .widget { margin-bottom: 20px; } .widgettitle { margin-bottom: 18px; font-size: 18px; line-height: 22px; } .footer-widget-area .widget_nav_menu ul li a { font-size: 14px; line-height: 20px; } .footer-first-section .widget_media_image { margin-bottom: 20px; } .footer-first-section p { max-width: 100%; font-size: 15px;} .footer-first-section a { width: 150px; } .copyright, .site-info .footer-nav li a { font-size: 15px; line-height: 20px; } .footer-logo-content { text-align: center; margin: 20px 0px; } .footer-logo-content:last-child { margin: 0px; } /******* Footer style CSS Ends ******/ .prestige .banner-banking-links .theme-btn a{ min-width:140px; text-align: center;} .considerations-section .vc_column-inner { padding: 15px; } .prestige-download-doc-block { padding: 40px 0px 34px;} .considerations-section::after { border-left-width: 50px; border-top-width: 50px;} .prestige .vc_row.wpb_row.common-bank-banner { padding: 40px 0px 40px; } .types-bonds-card .vc_column-inner > .wpb_wrapper { padding: 25px 20px; } .types-bonds-card .vc_column-inner > .wpb_wrapper:after { border-left-width: 26px; border-top-width: 26px;} .quote-section.vc_inner { padding: 50px 25px; min-height: 300px; background-position: left center !important;} .quote-section .quote-box .vc_column-inner { padding: 0px; } .quote-section .quote-box .vc_column-inner:before { background-size: cover; width:40px; height: 40px; top: -35px; left: -10px;} .quote-section .quote-box .vc_column-inner:after { background-size: cover; width: 40px; height: 40px; right: 0px; bottom: -37px;} .quote-section p { font-size: 16px; line-height: 24px; } .types-bonds-card .aio-icon-img { transform: scale(1); font-size: 48px !important;} .key-features-card .aio-icon-img { transform: scale(1); font-size: 48px !important;} .key-features-card:nth-child(odd) { border-right: 0; } .key-features-card { margin: 0;} .key-features-card .vc_column-inner > .wpb_wrapper { border-bottom: solid 1px rgba(135, 131, 130, 0.2); padding-block: 25px; text-align: center;} .key-features-card .vc_column-inner > .wpb_wrapper .ult-just-icon-wrapper .align-icon { justify-content: center;} .key-features-card .vc_column-inner > .wpb_wrapper h6 { text-align: center !important;} .key-features-card .vc_column-inner > .wpb_wrapper h6::after { left: 50%; transform: translateX(-50%); } .key-features-card:last-child .vc_column-inner > .wpb_wrapper { border-bottom: 0;} .quote-section::after { border-right-width: 40px; border-top-width: 40px;} .prestige-wealth-team .popup-box-content img { height: 100px;} .prestige-wealth-team .about-info-box i { bottom: 84px;} .prestige-wealth-team .popup-box-content {flex-wrap: wrap; align-items: stretch;} .prestige-wealth-team .popup-box-content .about-info-content { flex: 1; margin-bottom: 0; display: flex; flex-direction: column; justify-content: center;} .prestige-wealth-team .popup-box-content .contact-info { margin-top: 10px; width: 100%;} .prestige-wealth-team .detail-text-content { max-height: 160px;} } @media only screen and (min-width: 450px) and (max-width: 767px){ .about-inner-listing .modal-body { padding: 12px;} .detail-text-content { max-height: 70px; } .vacancy-green-block > .vc_column-inner > .wpb_wrapper { padding: 20px; flex-direction: row; -webkit-flex-direction: row; -moz-flex-direction: row; } .vacancy-green-block p { margin:0px 0px 0px 20px; font-size: 15px; line-height: 22px; } .left-doc-content p, .document-page .left-doc-content p { max-width: 300px;} }