body{font-family: "Roboto", sans-serif;}
.clb{clear:both;}
.padd-0{padding:0px !important;}
.top-10{ margin-top:10px;}
.top-15{ margin-top:15px;}
.top-20{ margin-top:20px;}
.top-30{ margin-top:30px;}
.bottom-10{margin-bottom:10px;}
.fl{float:left;}
.fr{float:right;}
.text-left{text-align:left!important;}
.text-center{text-align:center!important;}
.text-right{text-align:right!important;}
.pad-top-25{ padding-top:25px;}
.border-0{border:0px!important;}
.center-block{ margin:0 auto; float:none;}
.border-red{border:1px solid red!important;}
.border-blue{border:1px solid blue!important;}
.mar-botm-0{margin-bottom:0px;}
/*===============================================*/

 #navbar {transition: background-color 0.3s, padding 0.3s; background-color: transparent;}
 #navbar.scrolled {background-color: rgba(0, 0, 0, 0.9); padding: 5px 0;}

		
.navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0); }
.navbar-light .navbar-nav .nav-link:hover{color:#c0000d;}
.navbar-expand-lg .navbar-nav .nav-link { padding-right: 1rem;padding-left: 1rem;font-size: 16px;font-family: 'Gotham'; font-weight: normal;font-style: normal;}

.top-nav-section{padding:10px; background:#000;}
.navbar{padding-top:0.5rem;padding-bottom:0.5rem;}
.logo{height:55px;}
.bar{height:22px;}
/*.logo-container img{width:98px;}*/
.logo-txt{font-size: 20px;line-height: 16px;color:#4d4e4e; text-transform: uppercase;padding-left: 9px; font-family: 'DIN Pro';font-weight: bold;font-style: normal;}

.tel-container{/*width:18vw;*/padding-top: 18px;}
.title-font{font-family: 'Playfair Display', serif;}

.banner-section{padding:0px;margin-top: 0px;background:#000;}
/*.carousel-caption h5{font-family: 'DIN Pro'; font-weight: bold;font-style: normal; font-size:40px;}
.carousel-caption h2{font-family: 'DIN Pro'; font-weight: 900;font-style: normal; font-size:60px;}
.carousel-caption h3{font-size:40px; color:#006600;font-family: 'DIN Pro';font-weight: 500;font-style: normal;}
.carousel-caption p{font-size:18px; color:#272727; text-align:center;font-family: 'Gotham Book';font-weight: normal;font-style: normal;}

.carousel-caption-b {right: 10%;left: 10%;}
*/
section{padding-top:2rem;padding-bottom:1rem;}
.about-section{padding-top:2rem;padding-bottom:2rem;background-image:url('../images/about-bg.webp');background-position: center;  background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;}
.about-section h1{font-size:35px; color:#000; text-align:center; text-transform:uppercase;margin-bottom:35px;}
.about-section p{font-size:18px; color:#616161; font-weight:300; text-align:center;}

.vision-mission-bg{background:#3a7fba;padding-top:2rem;padding-bottom:2rem;}
.vision-mission-bg h1{font-size:35px; color:#FFF; text-align:center; font-weight:800; text-transform:uppercase;margin-bottom:35px;}
.vision-data{text-align:right;}
.vision-data img{margin-bottom:8px;}
.vision-data h2{font-size:28px; color:#FFF;letter-spacing:2px; text-transform:uppercase;margin-bottom:8px;}
.vision-data p{font-size:18px; color:#FFF; font-weight:300; text-align:right;}

.mission-data{text-align:left;}
.mission-data img{margin-bottom:8px;}
.mission-data h2{font-size:28px; color:#FFF; text-transform:uppercase;margin-bottom:8px;}
.mission-data p{font-size:18px; color:#FFF; font-weight:300; text-align:left;}

.ongoing-section{padding-top:2rem;padding-bottom:2rem;}
.ongoing-section h1{font-size:35px; color:#000; text-align:center;font-weight:800;text-transform:uppercase;margin-bottom:35px;}
.ongoing-section p{font-size:18px; color:#616161; font-weight:300; text-align:center;}
.icon-txt{text-align:center}
.icon-txt h3{font-size:18px; font-weight:500; color:#000; text-align:center;}
.icon-txt img{height: 90px;margin-bottom: 10px;}

.ongoing-proect-text{text-align:left;}
.ongoing-proect-text h3{font-size:28px; font-weight:800; color:#000;}
.ongoing-proect-text h4{font-size:20px; font-weight:500; color:#000;margin-bottom: 10px;}
.ongoing-proect-text p{font-size:18px; color:#000; font-weight:400; text-align:left;}

.footer{background:#3a7fba; padding-top:2rem; padding-bottom:0rem;}
.footer-logo{height:70px;}

.form-control {padding: 10px;color:#000; border-radius:0px; -webkit-appearance: auto; -moz-appearance: auto; appearance: auto;}
.form-selcted{padding:11.5px;height:46px; -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
.btn-submit{width:100%; background:#FFF;font-size:17px; text-transform:uppercase; font-weight:600; color:#000; padding:10px 32px; -webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;}
.btn-submit:hover{background:#000; color:#FFF;}

.footer-nav h2{font-family: "Roboto", sans-serif; font-size:20px; color:#FFF; font-weight:600; text-transform:uppercase;}
.footer-nav h3{font-family: "Roboto", sans-serif; font-size:18px; color:#FFF; font-weight:600; text-transform:uppercase;}
.footer-nav hr {height:4px;margin: 1rem 0;opacity: 10; background: rgb(255,255,255);background: linear-gradient(90deg, rgba(255,255,255,1) 60%, rgba(58,127,186,1) 100%); }
.footer-nav p{font-size:17px; color:#FFF; font-weight:300; text-align:left;}
.footer-nav p a{color:#FFF; text-decoration:none;}
.footer-nav p a:hover{color:#FFF;text-decoration:underline;}
.footer-nav ul{margin:0px; padding:0px;}
.footer-nav ul li{display:block;font-size:17px; color:#FFF; font-weight:300; text-align:left;margin-bottom: 4px;}
.footer-nav ul li a{color:#FFF; text-decoration:none;text-transform:uppercase;}
.footer-nav ul li a:hover{color:#FFF;text-decoration:underline;}

.pri-policy{padding-top:2rem;padding-bottom:2rem;background:#FFF;}
.pri-policy h1{font-size:32px; color:#000; text-align:center;letter-spacing:1px; text-transform:uppercase;margin-bottom:15px;}
.pri-policy h2{font-size:22px; color:#000; text-align:left;letter-spacing:1px; text-transform:uppercase;margin-bottom:15px;}
.pri-policy h3{font-size:19px; color:#000; text-align:left;letter-spacing:1px; text-transform:uppercase;margin-bottom:15px;}
.pri-policy p{font-size:18px; color:#616161; font-weight:300; text-align:left;}
.pri-policy ul{margin-bottom:25px;}
.pri-policy ul li{font-size:18px; color:#616161; font-weight:300; text-align:left; margin-bottom:10px;}
/*=======offcanvas =====*/
.off-bg{background:#3a7fba;}
.off-logo{height:50px;}
.off-nav ul{margin:0px; padding:0px;}
.off-nav ul li{list-style-type:none; font-size:17px;color:#FFF;font-weight:400; margin-bottom:15px; text-transform:capitalize;}
.off-nav ul li a{color:#FFF; text-decoration:none;}
.off-nav ul li a:hover{color:#FFF;text-decoration:underline;}
.nav-link:hover, .nav-link:focus{color:#FFF!important;}
.nav-link {padding-left:0px;}

.nav-link:hover{color:#FFF; text-decoration:none;}
.dropdown-item{color:#000!important; text-decoration:none;font-size:17px;}
.dropdown-item:hover{background:#136bb6; color:#FFF!important; text-decoration:none;}
.dropdown-menu li{margin-bottom:0px!important;}
/*=======EMI =====*/
.modal-dialog {max-width: 800px;}
.slider-value {font-size: 1.1rem;font-weight: bold;color: #007bff;}
.result-box {margin-top: 20px;padding: 15px; background-color: #e9ecef;border-radius: 5px;}
.chart-container {margin-top: 20px;position: relative;height: 300px;}

/*=======contact =====*/
.contact h4{font-size:28px; color:#000; text-align:center;text-transform:uppercase;margin-bottom:15px;}
.contact h5{font-size:20px; color:#000; text-align:left; text-transform:uppercase;margin-bottom:15px;}
.contact p{font-size:18px; color:#616161; font-weight:300; text-align:left;}
.contact a{color:#616161; font-size:18px; text-decoration:none;}
.contact a:hover{text-decoration:underline;}
.btn-submit-2{background:#3a7fba;font-size:17px; text-transform:uppercase; font-weight:600; color:#FFF; padding:10px 32px; -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
.btn-submit-2:hover{background:#000; color:#FFF;}

.contact-mob-text{text-align:center;}
.contact-mob-text h1{font-size:20px; color:#000; text-align:center;    margin-bottom: 5px;}
.contact-mob-text i{font-size: 71px;margin-bottom: 19px;color:#3a7fba;}
.contact-mob-text a{color:#616161; font-size:18px; text-decoration:none;}
.contact-mob-text  a:hover{text-decoration:underline;}
.contact-mob-text p{font-size:18px; color:#616161; font-weight:300; text-align:center;}
.bor-l-r{border-left:1px solid #ddd;border-right:1px solid #ddd;}
/*===========Career=======*/
.career-section{padding-top:2rem;padding-bottom:2rem;}
.career-section h1{font-size:35px; color:#000; text-align:center;font-weight:800;text-transform:uppercase;margin-bottom:15px;}
.career-section p{font-size:18px; color:#616161; font-weight:300; text-align:center;}
.career-section p a{color:#000; text-decoration:none; font-weight:400;}
.career-section p a:hover{text-decoration:underline;}
.opening-text{border-bottom:1px solid #ddd; margin-bottom:20px;}
.opening-text h2{font-size:20px; color:#000; text-align:left;text-transform:uppercase;margin-bottom:10px;}
.opening-text h4{font-size:18px; color:#616161; text-align:left;text-transform:uppercase;margin-bottom:10px;}
.opening-text a{color:#3a7fba; text-decoration:none; font-size:20px; text-align:right;display:block;}
.opening-text a:hover{color:#000;}
/*===========NRI=======*/
.nri-section{padding-top:2rem;padding-bottom:2rem;}
.nri-section h1{font-size:35px; color:#000; text-align:center;font-weight:800;text-transform:uppercase;margin-bottom:35px;}
.nri-section h1 span{text-transform:lowercase;}
.nri-section p{font-size:18px; color:#616161; font-weight:300; text-align:center;}
.nri-section-text{text-align:left;}
.nri-section-text h3{font-size:28px; font-weight:800; color:#000; margin-bottom: 25px;}
.nri-section-text h4{font-size:20px; font-weight:500; color:#000;margin-bottom: 10px;}
.nri-section-text p{font-size:18px; color:#000; font-weight:400; text-align:left;}

.accordion-button {font-size:20px;font-weight: 500;}
.accordion-body {font-size:18px; color:#000; font-weight:400; text-align:left;}

/*===========Thank You=======*/
.section-a-thank {padding-top:9rem;padding-bottom:20rem; margin-top:110px;background:#FFF;}
.section-a-thank h2{font-size: 40px;font-family: "Roboto", sans-serif; font-weight: 600; font-style: normal; color: #3b80bb; text-transform: uppercase;    line-height: 65px;    text-align: center;}
.section-a-thank h1{font-size:24px;color:#000; font-family: "Roboto", sans-serif;text-align:center; font-weight: normal;font-style: normal;}
.section-a-thank a{background:#397fb8;border:1px solid #397fb8; font-size:22px;margin-top:25px; display: inline-block; color:#FFF; text-decoration:none; padding:8px 20px;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.section-a-thank a:hover{background:#000; color:#FFF; border:1px solid #000;}

.copy{font-size:13px; color:#FFF; text-align:center;}
.social-m{text-align:center; margin-bottom:10px;}
.social-m img{margin-right:5px;height: 22px;}
.social-m a{text-decoration:none;}

/*===========Blog=======*/

.card-wrapper{position: relative;margin: 0 auto;overflow: hidden; cursor:pointer;}
.card-container{position: relative;width:100%; height:330px;}
.card-text{position: absolute;top: 92%;left:50%;transform:translate(-50%, -50%);color: white;text-align: left; z-index: 2;padding: 10px; width: 100%; pointer-events: none;}
.card-img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s ease; z-index: 1;}
.card-wrapper:hover .card-img{transform: scale(1.2);}

.blog-section{padding-top:2rem;padding-bottom:2rem;}
.blog-section h1{font-size:35px; color:#000; text-align:center;font-weight:800;text-transform:uppercase;margin-bottom:35px;}
.blog-section h1 span{text-transform:lowercase;}
.blog-section p{font-size:18px; color:#616161; font-weight:300; text-align:center;}
.blog-section h3{font-size:28px; font-weight:800; color:#000; margin-bottom: 25px; text-align:center;}
/*=============================*/

::-webkit-input-placeholder {color:#636363 !important; font-family: "Roboto", sans-serif;font-weight: normal;font-style: normal;}

:-ms-input-placeholder {color:#636363 !important; font-family: "Roboto", sans-serif;font-weight: normal;font-style: normal;}

::placeholder {color: #636363 !important;font-family: "Roboto", sans-serif;font-weight: normal;font-style: normal;}

/*=========================*/


.visi-desk{display:block;}
.visi-mob{display:none;}



/*============================================*/

@media (max-width:441px){ 

.visi-desk{display:none!important;}
.visi-mob{display:block!important;}
.navbar-light .navbar-toggler {color: #000; border-color: rgba(0, 0, 0, 0);}
.logo{height: 42px;}
.about-section {padding-top: 1rem; padding-bottom: 1rem;}
.about-section h1 {font-size: 25px;}
.about-section p {font-size: 16px; line-height: 27px;}
.vision-mission-bg h1 {font-size: 25px;}
.vision-data {text-align: center;}
.vision-data h2 {font-size: 22px;}
.vision-data p {font-size: 16px;text-align: center;}
.mission-data {text-align: center;}
.mission-data h2 {font-size: 22px;}
.mission-data p {font-size: 16px;text-align: center;}
.ongoing-section h1 {font-size: 25px;}
.mob-logo{height:68px;margin-bottom: 15px;}
.ongoing-section p {font-size: 16px;text-align: center;}
.ongoing-proect-text {text-align: center;}
.ongoing-proect-text h3 {font-size: 20px;}
.ongoing-proect-text h4 {font-size: 16px;}
.footer-logo { height: 50px;}
.footer-nav{margin-bottom:25px;}
.opening-text h4 {font-size: 15px;}
.opening-text h2 {font-size: 17px;}
.opening-text a {font-size:17px;}
.section-a-thank h2 {font-size: 28px;line-height: 33px;}
.section-a-thank h1 {font-size: 18px;}
.section-a-thank a {font-size: 18px;padding: 8px 14px;}
.section-a-thank {padding-top: 1rem;padding-bottom: 5rem;}
.career-section { padding-top: 2rem; padding-bottom: 0rem;}
.career-section h1 {font-size: 25px;}
.btn-submit {width: 50%;margin-top: 15px;margin-bottom: 15px;}
.mob-col-12{width:100%!important; display:block!important;flex: auto;}
.contact-mob-text i {font-size: 46px;}
.contact-mob-text { text-align: center;  margin-bottom: 25px;}
.bor-l-r {border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding-top: 16px;}
.social-m img {margin-right: 5px; height: 27px;}

.nri-section {padding-top: 2rem; padding-bottom: 0rem;}
.nri-section h1 {font-size: 25px;margin-bottom: 20px;text-align: left;}
.nri-section p {font-size: 16px; text-align: left;}
.nri-section-text h4 {font-size: 18px; text-align: left;margin-bottom: 6px;}
.nri-section-text h3 {font-size: 23px; text-align: left; margin-bottom: 15px;margin-top: 15px;}
.accordion-button {font-size: 18px;}
.accordion-body {font-size: 16px;}
.mob-mto-20{margin-bottom:20px;}

.blog-section h1{font-size: 25px;margin-bottom: 20px;text-align: left;}
.blog-section h3{font-size: 23px; text-align: left; margin-bottom: 15px;margin-top: 15px;}
.blog-section p{font-size: 16px; text-align: left;}

.card-wrapper:hover .card-img {transform: none;}
.card-text {top: 80%;}
.card-text h5{font-size:18px;}
}