/* CSS styles for csgl-services.php */
.banner-title{position:absolute;left:2%;bottom:3%;background: rgba(255, 255, 255, 1);padding:10px;}
.banner-title h1{font-family:Roboto,sans-serif;font-size:45px;font-weight:600;color:#0064b4;visibility:visible;animation-duration:2s;animation-name:slideInLeft}
.banner-title h2{font-family:Roboto,sans-serif;font-size:30px;font-weight:300;color:#0064b4;margin-top:-5px;visibility:visible;animation-duration:2s;animation-name:slideInLeft}
.nps-click-container p{margin:10px 0;font-size:18px}
.nps-click-container a{text-decoration:underline}
.btn-row{gap:20px}
#nps-center-section .center-heading-blue{margin:auto;width:fit-content;color:#fff;background-color:#0064b4;font-weight:500;padding:10px 40px;border-radius:7px 6px 0 0}
#nps-center-section .center-heading-blue h2{font-size:14px;text-transform:uppercase}
#nps-center-section .center-head-data-container{padding:10px;border-radius:20px;border:1px solid #0064b4;background-color:#fff}
.open-account-container{text-align:center;padding:10px}
.open-account-container a{margin:10px 0}
.open-account-container a.animated-btn{background-color:#65a14c;animation:animate-color 5s infinite}
@keyframes animate-color{from{background-color:#65a14c}
to{background-color:#0064b4}}
.tbl-head{height:60px}
.head-content{font-size:18px;color:#0064b4;margin-bottom:10px}
.square-list{list-style-image:url(../images/grn-square.gif)}
.accordion-content .accord-list-data{margin:5px 0;padding-left:5px}
.square-list p{margin:10px 0}
.blue-btn{color:#fff;background:url(../images/bg2.gif) center center repeat-x;border-color:#a7c9e3;padding:5px 42px;height:35px;margin:0}
.no-bg-btn{padding:5px 42px;text-decoration:underline;color:#0064b4}
.heading-green{font-size:20px;color:#65a14c;margin-bottom:10px}
.blue-txt{font-size:18px;color:#0064b4;margin:0}
.benifits .square-list li{margin:10px 0}
.benifits .square-list li p{margin:5px 0}
@media screen and (max-width:1280px){
.form-cont{padding:10px 16px}
}
@media screen and (max-width:1023px){
.banner-title h1{font-size:34px}
.banner-title h2{font-size:24px}
}
@media screen and (max-width:991px){
.tab-sub-list{padding-left:0;list-style-type:none}
#nps-center-section .center-heading-blue{width:100%;padding: 10px 15px;}
#nps-center-section .center-head-data-container{border-radius:0 0 20px 20px}
}
@media screen and (max-width:768px){
.banner-title {left:unset;}    
.btn-row{gap:5px}
.btn-row .online-btn{margin:5px 0}
#mf-accordionExample .accordion-content .text{font-size:14px}
.blue-txt,.mf-accordion-button{font-size:16px}
.benifits .square-list li p{font-size:14px}
.banner-title h1{font-size:28px}
.banner-title h2{font-size:20px}
#nps-center-section .center-heading-blue h2{font-size:14px}
#nps-center-section .center-head-data-container{font-size:14px;flex-direction:column}
}
@media screen and (max-width:540px){
.banner-title h1 {font-size: 20px;}    
.btn-row{flex-direction:column}
}