@font-face {
    font-family: 'dinpromedium';
    src: url('../fonts/dinpro-medium_13936-webfont.woff2') format('woff2'),
         url('../fonts/dinpro-medium_13936-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

:root{
    --cor1:#013db9; 
    --cor2:#01c324;
    --cor3:#e6e8ed;
    --cor4:#383838;
    --cor5:#061d4e; /*Main*/
    --cor6:#000c27;
    --cor7:#001440;
    --cor8:#f0f0f0;
    --fnt1:'Montserrat', sans-serif;
    --fnt2:'dinpromedium', sans-serif;
    --fntm1:'Anek Malayalam', sans-serif;

}

.mal1{font-family: var(--fntm1);}
/* font-family: 'Montserrat', sans-serif;
font-family: 'Source Sans Pro', sans-serif;

*/

.ani{ transition: all 0.5s ease-in-out;}
html{scroll-behavior: smooth;}
html, body{margin:0; padding:0; max-width: 100%; }

body{ font-family: var(--fnt1);  font-size: 15px;  color:var(--cor4);  background: #FFF; overflow-x: hidden!important; }
/* img, embed, object, video {max-width:100%;} */

h1{padding-bottom: 40px; margin-bottom: 20px; font-size: 36px;  font-weight: 700; text-transform: uppercase; display:inline-block; position: relative;}
h1:after{content: ""; position: absolute; bottom: 20px; left: 0; height: 5px; width: 30%; background: var(--cor2);}
h1.sml{ font-size: 40px;}

.heading h2 {display: inline-block;  font-size: 25px; font-weight: 700; padding-bottom: 20px; position: relative; text-align: center; display: table; margin: 0 auto; margin-bottom:40px}
.heading h2:before{content: ""; position: absolute; width: 50%; height: 21px; bottom: 0; left:25%;border-bottom: 5px solid var(--cor2);}
.heading h2.bno:before {border-bottom: 0}

.bno img{max-width: 200px; margin-top: 10px;}
.heading.lef h2 {display: inline-block;  font-size: 25px; font-weight: 700; padding-bottom: 20px; position: relative; text-align: left;   margin-bottom:40px}
.heading.lef h2:before{content: ""; position: absolute; width: 50%; height: 21px; bottom: 0; left:0%;border-bottom: 5px solid var(--cor2);}

a:hover {text-decoration: none;}
.bg1{background: var(--cor5) }
.bg2{ background: url(../images/cov1.png) no-repeat center top  #061d4e;  background-size: 100%; background-size:cover;}
.bg3{position: relative; background: #091224;}
.bg3:before {content:' ';display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.2;
    background: url(../images/cov2.jpg) no-repeat center center fixed;  background-size: 100%; background-size: cover;}

.bg4{background: var(--cor5);}
.bg5{background: var(--cor6);}
.bg6{background: rgba(255, 255, 255, 0.2);}
.bg7{background: var(--cor7);}
.bg8{position: relative; background: #091224; z-index: 0;}
.bg8:before {content:' ';display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.2;
    background: url(../images/cov2.jpg) no-repeat center center fixed;  background-size: 100%; background-size: cover; z-index: -1;}
.bg9{position: relative; background: #091224; z-index: 0;}
.bg9:before {content:' ';display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.2;
        background: url(../images/cov2.jpg) no-repeat center center fixed;  background-size: 100%; background-size: cover;  z-index: -1;}
.bg10{background: var(--cor8);}

.menu a{font-family: var(--fnt2); border-bottom: 4px solid var(--cor5) ; margin: 0 3px; font-size: 14px;}
.menu a:hover{border-bottom: 4px solid var(--cor2);}
.menu a.cbtn:hover{border-bottom:4px solid var(--cor5)} /*Contact border hide on mob view*/
.menu a.hbtn {background: var(--cor2); color: #FFF; border-radius: 30px; padding-left:30px; text-align: center;  }
.menu a.hbtn i{color: var(--cor3); font-size: 23px; padding-left:5px; line-height:0px; margin-top: -4px;  display:inline-block; vertical-align: middle;  }
.menu a.hbtn:hover{ color: #FFF!important; border-bottom: 4px solid white;}

.topContact{font-size: 13px;}
.topContact a{color: #FFF; transition: all 0.5s ease-in-out;}
.topContact img{background: var(--cor1); padding: 4px;border-radius: 50%; width: 22px;margin-right: 5px; transition: all 0.5s ease-in-out;}
.topContact a:hover{color:#8f93a4}
.topContact a:hover img{background: var(--cor2);}

.banner1, .banner2, .banner3, .banner4, .banner5 {position: relative; }
.banner1:before, .banner2:before, .banner3:before, .banner4:before, .banner5:before{ content:' '; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; 
    background: rgb(8,51,140);
background: radial-gradient(circle, rgba(8,51,140,0) 20%, rgba(8,51,140,1) 90%);
/*  background: rgb(8,51,140);
background: linear-gradient(90deg, rgba(8,51,140,1) 0%, rgba(8,51,140,0) 40%, rgba(8,51,140,0) 60%, rgba(8,51,140,1) 100%);*/}

.banner1{background: url(../img/banner1.jpg) no-repeat center center; background-size: 100%; background-size: cover;}
.banner2{background: url(../img/banner2.jpg) no-repeat center center; background-size: 100%; background-size: cover;}
.banner3{background: url(../img/banner3.jpg) no-repeat center center; background-size: 100%; background-size: cover;}
.banner4{background: url(../img/banner4.jpg) no-repeat center center; background-size: 100%; background-size: cover;}
.banner5{background: url(../img/banner5.jpg) no-repeat center center; background-size: 100%; background-size: cover;}

/* .banner1:before{  background: url(../images/banner1.jpg) no-repeat center center; background-size: 100%; background-size: cover;}
.banner2:before{  background: url(../images/banner2.jpg) no-repeat center center; background-size: 100%; background-size: cover;}
.banner3:before{  background: url(../images/banner3.jpg) no-repeat center center; background-size: 100%; background-size: cover;}
.banner4:before{  background: url(../images/banner4.jpg) no-repeat center center; background-size: 100%; background-size: cover;}
.banner5:before{  background: url(../images/banner5.jpg) no-repeat center center; background-size: 100%; background-size: cover;} */


/* .banner6{ background: url(../images/banner5.jpg) no-repeat center  #061d4e;  background-size: 100%; background-size:cover;} */
.navbar-dark .navbar-nav .nav-link {color: #FFF;}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link.active  {color: var(--cor2);}
/* .navbar-dark .navbar-nav .nav-link {color: rgba(255,255,255,1);}
.navbar-dark .navbar-nav .nav-link:hover {color: rgba(1,195,36,1);} */
/* .nav-item.megamenu {position:relative;}
.megamenu {position: absolute; width: 100%; } */

.dropdown-hover:hover>.dropdown-menu {display: inline-block; margin-top: -50px; padding-top:50px; background: none; border: 0px; }  
.dropdown-hover>.dropdown-toggle:active {pointer-events: none;    /*Without this, clicking will make it sticky*/}
.dropdown-menu > div{ border: 1px solid #DDD; border-top: 0; border-radius:5px; padding: 10px;background: #FFF;  }
.dropdown-menu .subMenu img{ max-width: 150px; margin-bottom: 5px; display: table; margin:0 auto;}
.dropdown-menu .subMenu a{font-size: 15px; border: none; color: var(--cor4);  transition: all 0.5s ease-in-out; }
.dropdown-menu .subMenu a:hover{color: #929292;}
.dropdown-menu .subMenu{text-align: left; padding: 6px 0;}
.dropdown-menu .subMenu span{ font-size: 23px; color:var(--cor2); padding:10px 0; line-height: 1px; padding-right: 10px; vertical-align: text-bottom;}


.abtMain img{border-radius: 10px;}
.abtMain .contAbt {margin-top:-100px}
.contAbt{background: var(--cor3); border-radius: 5px; padding: 20px; }

@media (min-width: 1200px) /*xl*/{
.abtMain{padding: 50px 0; position: unset;}
.abtMain .contAbt {margin-left:-200px}
.abtMain h1{position:absolute; right:0; top:-130px}
.contAbt{ padding: 30px; margin-bottom: 30px;}
}

.servicesCaro h3{font-size: 16px; border-top:0px solid var(--cor2); padding-top:15px; width:100%}
.servicesCaro h3 span{color: var(--cor1); font-size: 25px; display: block;font-weight: bold; line-height: 36px;}
.servicesCaro .btn1{margin-top: 10px;}
.servicesCaro .factCaro {display: flex; flex-direction:column-reverse;  padding: 30px;}
.servicesCaro .factCaro {text-align: center;}
 /* .servicesCaro .factCaro:nth-of-type(odd){flex-direction: column-reverse; background: #000;}  */
.servicesCaro .factCaro img{margin: 10px auto; max-width: 100%; border-radius: 10px; }


.services h3{font-size: 16px; border-top:0px solid var(--cor2); padding-top:15px; width:100%}
.services h3 span{color: var(--cor1); font-size: 28px; display: block;font-weight: bold;}
.services .btn1{margin-top: 20px;}
.services .fact{ display: flex; padding: 0 15px;}
.services .fact:first-child{padding:0 200px; }
.services .fact:nth-of-type(odd){flex-direction: column-reverse;}


.wrapper {min-height: 100vh; max-width: 100%; overflow-x: hidden; padding: 0px 0; z-index: -1000;}
.factsContainer { padding: 0em 2em;}
.factsContainer_sm {display: flex; width: 2500px; padding: 1em; padding-top:-150px}
.fact {display: flex; flex-direction: column; display: block; max-width: 300px; flex: 1; justify-content: space-between; margin: 1em; align-items: center; }
.fact img {margin: 1em; max-width: 100%; border-radius: 10px;}
.scrollgap{width: 100vw;height: 100px;} 

.logo img{max-width: 250px;}

.cont{line-height: 26px;}
.cont p{padding-bottom: 00px; }
.cont p:last-child{padding-bottom: 0px; }

.btn1{background: var(--cor3); color: #061d4e; font-size: 14px; border-radius: 30px; padding: 5px 30px; font-family: var(--fnt2); text-transform: uppercase;margin-top: 40px;}
.btn1:hover{background: var(--cor1); color: #FFF;}
.btn2{ background: var(--cor2); border-radius: 0; color: #FFF; font-weight: 700;  font-size: 26px; padding: 5px 30px; margin-top:5px ; }
.btn2:hover{background: #02991d; color: #FFF;}
.btn3{background: var(--cor1); color: #FFF; font-size: 14px; border-radius: 30px; padding: 5px 30px; font-family: var(--fnt2); text-transform: uppercase;}
.btn3:hover{background: var(--cor2); color: #FFF;}

/* .why{padding: 20px; }
.why span{text-align: center; width: 100%!important;}
.why span:first-child{color: var(--cor1); font-weight: 700; font-size: 35px; margin-bottom: 0px; display: block;}
.why span:last-child{font-size: 20px;display: block;}
.whyIcon{width: 75px; margin:0 auto; position: relative; z-index: 10;}
.whyIcon::after{position: absolute; content: ""; width: 200%; height: 30px; border-radius: 50%; background: #FFF; left: -35%; bottom: -5px; z-index: -2; box-shadow: 2px 7px 7px #d7d7d7; }
.whyIcon::before{position: absolute; content: ""; width: 100%;height: 10px; border-radius: 50%;background: rgb(227, 227, 227);left: 12%;bottom: 2px;z-index: -1;box-shadow: 0px 0px 15px rgb(183, 183, 183); } */


.whyMain{background: #FFF; border-radius: 10px; overflow: hidden; margin:1px; margin-bottom: 10px; border-left: 0px solid var(--cor5); }
.whyPic{margin-left: -15px;}
.whyAll div:nth-child(even) .whyMain{flex-direction: row-reverse; border-right: 0px solid var(--cor5); border-left: 0;}
.whyAll div:nth-child(even) .whyMain .whyPic{margin-right: -15px;}
.whyAll div:nth-child(even) .whyMain .whyCont{padding-left: 0;}

.whyCont{font-size: 20px; color: var(--cor4); text-align: center;}
.whyCont strong{color: var(--cor1);}


.contactFormIcon{margin-top: -103px; margin-bottom: 20px;}
.contactForm{color: white;}
.contactForm input{width: 100%; padding: 15px 0; margin-bottom: 20px;}
.contactForm textarea{width:calc(100%); margin-bottom: 20px; padding: 15px 0 0px 0; }
.contactForm input[type=text], .contactForm input[type=email], .contactForm input[type=tel], .contactForm textarea{background: none; border: 0; border-bottom: 1px solid #FFF; color:#FFF; opacity: 1; }
.contactForm input:focus, .contactForm textarea:focus { outline: none;}
.contactForm ::placeholder {color:#FFF ;opacity: .6;}
.contactForm h2{ margin: 0;}
.contactForm h2::before{display: none;}
.contactForm .cont{font-size: 14px; line-height: 20px;}
.contactForm .social i{color: #FFF;}
.contactForm .btn{border-radius: 50px; }

.testimonialsFrame{ padding: 100px 0 250px 0 ; position: relative; margin-top: 25px; }
.testimonialsFrame::after{ width: 340px; height: 340px; background: var(--cor3); content: ""; position: absolute; top:59px; left: 00px; right:0; margin: 0px auto;  z-index: -1; -webkit-transform: rotate(45deg); border-radius: 50px;}
.testimonials{ width: 140px; height: 140px; overflow: hidden;   -webkit-transform: rotate(-45deg); margin: -50px auto 50px auto; border-radius: 30px;  }
.testimonialsPic{ -webkit-transform: rotate(45deg);}
.testimonialsPic img{scale: 1.25;}
.testimonialsCont{  text-align: center; text-align:center;   left: 0; right: 0; margin: 0 auto;  padding:0px 50px ; font-size: 12px; }
.testimonialsbg{ width: 340px; height: 340px; margin: 0px auto 150px auto; left:27.8%;  border-radius: 40px;   transform: rotate(45deg);border:1px solid var(--cor3); position: relative;}
/* .testimonialsbg::after{  content: "";  margin:160px 0px 0px -160px;  border-radius: 40px; position: absolute;  z-index: -1; }  */
.testimonialsTitle{font-size: var(--fnt2); font-weight: bold; text-transform: uppercase; padding-top: 20px;}
.testimonialsTitle span{display: block; font-size: 14px;}

.arrowleft{width: 23px; height: 38px; margin-top: 100px; margin-left: 10px; display:block; background:url(../images/arrows.png) top left; transition: all 0.5s ease-in-out;}
.arrowleft:hover{background-position: bottom left}
.arrowright{width: 23px; height: 38px;margin-top: 38px; margin-left: 75px; display:block; background:url(../images/arrows.png) top right; transition: all 0.5s ease-in-out;}
.arrowright:hover{background-position: bottom right}

.newsMain{ position: relative; overflow: hidden; background-color: #000; border-radius: 10px;}
.newsMain img{width: 100%; transition: all 0.5s ease-in-out; border-radius: 10px; }
.news{position: absolute; bottom:0px; padding:30px; padding-right: 50px; }
.newsTitle{color: var(--cor2); font-size: 22px; font-weight: 700;}
.newsCont{color: white;}
.newsArrow{position: absolute; right:20px;  bottom:20px; }
.newsMain:hover img{scale: 1.1; z-index: 10; opacity: 0.5;}
.newsMain:hover .news{z-index: 11; }
.newsMain:hover .newsArrow img{scale:inherit; opacity: 1;}

.footer1{color: white; font-size: 13px; line-height: 22px;}
.footer1Title{font-size: 18px; font-weight: 700; border-bottom:1px solid var(--cor2) ; padding-bottom: 15px; margin-bottom: 15px; text-transform: uppercase;}
.footer1Menu a{display: block; padding-bottom: 10px; color: white; text-decoration: none;}
.footer1Menu a:hover{ text-decoration: underline;}

.wTime span{width:140px;  display: inline-block;}

.social i{background:var(--cor2); color:var(--cor5); text-align: center; font-size:15px; padding: 10px; margin-right: 5px; border-radius: 50%; width: 35px; height: 35px; transition: all 0.5s ease-in-out; margin-bottom: 10px;}
.social i:hover{-webkit-transform: rotate(360deg); scale:1.3 ;}

/* testimonials1 */
.testimonials1Main{background: white; border-radius: 20px; padding: 50px; box-shadow: 0px 0px 30px #dadada;  margin: 40px auto; max-width:900px; }
.testimonials1Pic{width: 200px; height: 200px; position: relative;}
.testimonials1Pic::after, .testimonials1Pic::before{position: absolute; content: ""; width: 100px; height: 100px; border-radius: 10px;background: var(--cor2); z-index: 5;}
.testimonials1Pic::after{ top:-10px; left: -10px; }
.testimonials1Pic::before{ bottom:-10px; right: -10px; }
.testimonials1Pic img{ position: relative; border-radius: 10px; z-index: 10;}
.testimonials1Cont{position: relative; margin-top: 40px; font-size: 14px;}
.testimonials1Cont::before, .testimonials1Cont::after{width: 58px; height: 36px; position: absolute; content: "";}
.testimonials1Cont::before{ top:-50px; left: -30px; background: url(../images/ql.png) no-repeat;}
.testimonials1Cont::after{ bottom: -40px; right: 0;background: url(../images/qr.png) no-repeat;}
.testimonials1Title{margin-top: 30px; color: #000;}
.testimonials1Title span{font-size: 20px; font-weight: 700; color: var(--cor2); font-family: var(--fnt2); display: block;}

.bannerSub{margin-bottom: -100px; margin-top: 50px; position: relative;}
.bannerSub img{border-radius:0 0 10px 10px;}
.bannerSubTitleMain{ bottom: 50px; left: -10px;}
.bannerSubTitle{position: relative; font-size: 14px;  background: var(--cor1); color: #FFF;  padding:20px; border-radius: 10px 10px 0 0;  }
.bannerSubTitle span{font-size: 20px; display: block; }

.deskV{display: none;}

.corpHl img{border-radius: 5px 5px 0 0; }
.corpHl h3{margin-bottom: 20px;}
.corpHl ul{margin: 0; padding: 0; list-style: none; margin-bottom: 20px; font-size: 18px;} 
.corpHl ul li{padding:3px 0; margin-left: 23px;}
.corpHl ul li::before{ position: absolute; content:"";  width: 10px; height: 10px; background: #01c324; margin-top: 7px; margin-left: -20px;   border-radius: 50%;}

.corpHl .row{background: #ececec;}
.corpHl .cont{padding: 20px;}

/*.interest table, .interest table th, .interest table td, .interest table thead, .interest table tbody{border: solid #333;}*/
.interest table td, .interest table th{padding:15px; border-width:0 1px 1px 0;}
.interest table{width: 100%; border-width:0;  }
.interest table thead, .interest table tbody {border-width:1px 0px 0px 1px;}
.interest tr {border:1px solid #e8e8e8;border-radius: 10px; }
.interest tr:hover{background: #f3f3f3;}
.interest td {vertical-align: top; }
.interest table th{ background: #013db9; color: #FFF; font-weight: normal; }
/* .interest td:nth-child(odd) {background: #f8f8f8;} */

.panel-title a{color: var(--cor4);background: #FFF; padding: 20px; font-size: 16px;  display: block; border-radius: 5px;}
.panel-body{ padding: 0px 0px 30px 5px;}


.investors{background: #FFF;}
.investors .nav-tabs {border: none; margin-bottom: 15px; display: block;}
.investors .nav-tabs li{position: relative;}
.investors .nav-tabs a.nav-link::before{position: absolute; content: ""; width: 15px;
    height: 16px; border-radius: 5px;  background: #FFF; outline: #c2c2c2 solid 1px; top: 12px; left: 0px;}
.investors .nav-tabs a.nav-link.active::before{border: 4px solid #FFF; background: #adadad; outline: #c2c2c2 solid 1px;}
.investors .nav-tabs .nav-link {color: #737373; border: none; padding: 8px 27px; font-size: 16px; text-transform: uppercase; font-family: var(--fnt2); }
.investors .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{ background: none; color: #005da4;}
.investors img{border-radius: 5px; margin-bottom: 20px; border: 1px solid #FFF; box-shadow: 0 8px 16px -2px #ccc;}

.investors .tab-content{margin-top: 0px;}


.investorsCont{ box-shadow: 0px 0 8px 0px #ececec; border-radius: 5px; padding: 20px; margin-bottom: 30px; height:calc(100% - 30px) ; transition: all 0.5s ease-in-out;}
.investorsCont:hover{box-shadow: 0px 0px 20px -5px #9bbec4; /*box-shadow: 0px 17px 22px -22px #9bbec4; background: #e9f3ff;*/}
.investorsCont, .investorsCont a{color: var(--cor4); font-size: 14px; display: block;}
.investorsCont span, .investorsCont a span{font-family:var(--fnt2) ; font-size: 18px; padding-right: 10px; }
.investorsCont ul{margin:0; padding: 0; list-style: none;}
.investorsCont ul li{display:inline-block; margin:10px 5px 0px 0px;}
.investList .investorsCont ul li{display:flex}
.investorsCont ul li a{background: #babafd; padding: 4px 8px; font-size: 12px; border-radius: 5px; transition: all 0.5s ease-in-out;}
.investorsCont ul li a:hover{background: #dcdcfe;}

.abtLeft{background: #d9d9d9; padding: 30px; border-radius: 0 0 10px 10px;font-size:40px;  margin: 10px; margin-top: 0px; font-weight: 700; }
.abtLeft span{color: var(--cor1);}
.abtLeftIcon{width: 50px; height: 50px; background:var(--cor1); border-radius: 50%; padding:0 10px; }
.abtLeftIcon img{width: 32px;margin-top: -15px;transition: all 0.5s ease-in-out;}
.abtLeftIcon:hover img{ transform: rotate(360deg);}
.abtCont{border:1px solid #c8c8c8; padding: 40px; border-radius: 10px; font-size: 14px; background: #FFF; margin: 20px; margin-top: -30px;}

.easystep h2{text-align: center; color: #FFF!important;  }
.easystep h2 span{  font-size: 80px; font-weight: 700;}
.easystepCont{background: #FFF; border-radius: 10px; padding: 40px; position: relative; height: 100%;}
.easystepCont::after{width: 100px; height: 100px;color: #FFF; font-size: 50px; font-weight: bold; text-align: center;   background: var(--cor6); top:0; right: 0; position: absolute; border:solid #dbdbfe;border-width: 0 0 10px 10px; border-radius: 60px 0px 60px 70px; padding-top: 5px;}
.easystepCont.one::after{content: "1";}
.easystepCont.two::after{content: "2"; }
.easystepCont.three::after{content: "3";}

.easystepContTitle{font-size: 20px; font-weight: 700; padding: 25px 0 10px 0;}

.valuesHead{display: table; margin: 0 auto;}
.valuesHead h1{text-align:center; color: #FFF;}
.valuesHead h1:after{left: 25%; width: 50%; }
.values{margin:40px 0;}
.values img{border-radius: 10px;}
.valuesCont{margin: -20px 0px 0px 0px; background: #FFF; border-radius: 10px; box-shadow: 0 0 15px 5px #0000001c; padding:40px ;}
.valuesCont h3{font-weight: 700; font-size: 28px; margin-bottom: 20px;}
.valuesContIcon{position: absolute;top: -50px;right: 30px;}

.team{background: var(--cor8); border-radius: 10px; padding: 30px; margin-top: 150px;}

.teamTitle{font-size: 18px;  position: relative; margin-bottom: 30px; }
.teamTitle span{font-size: 24px; font-weight: 700px; display: block; font-weight: bold;}
/* .teamTitle::after{position: absolute; content: ""; left: 0; bottom: -10px; background: var(--cor2); height: 5px; width: 50%;} */
.teamPic{background: #FFF;   padding: 15px; margin: 0px 0px 20px 0px; border-radius: 10px;}

.teamTitleSub{font-size: 16px;  position: relative; margin-top: 20px;}
.teamTitleSub span{font-size: 16px; font-weight: 700px; display: block; font-weight: bold;}

.teamSub{padding: 20px; box-shadow: 0 0 20px 10px #EEE; border-radius: 10px; margin-bottom: 30px;}
.teamSub .cont{font-size: 14px; line-height: 20px; padding-top: 14px; height: 70px; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.teamSub a{display: block; padding-top:20px; color: var(--cor1);}
.teamSub a img{width: 15px; height: 15px;  transition: all 0.3s ease-in-out;}
.teamSub a:hover{color: var(--cor4);}
.teamSub a:hover img{color: var(--cor4); rotate: -45deg;}

.teamSubPic{position: relative; z-index: 15; }
.teamSubPic img{border-radius: 10px; position: relative; z-index: 20; }
.teamSubPic::after{position: absolute; border-radius: 10px; content: ""; top: -5px; left: -5px; width: 150px; height: 150px; background: var(--cor1); z-index: 10;}
.teamSubPic::before{position: absolute; border-radius: 10px; content: ""; bottom: -5px; right: -5px; width: 150px; height: 150px; background: var(--cor2); z-index: 10;}

.modMain.team{background: #fff; border-radius: 10px; padding: 30px; margin-top: 15px;}
.modMain.team .teamPic{margin: -100px 0px 20px -20px;}

.card{border: 0px;  box-shadow: 0px 0 8px 0px #ececec; margin-bottom: 20px;}
.card:hover{background: #e9f3ff; box-shadow: 0px 17px 22px -22px #9bbec4;}

.card .investorsCont{box-shadow: none; margin-bottom: 0; padding-top: 0px;}
.card-body{padding: 0;}
.card-header{background: none; border-bottom:0; border-radius: 5px; padding: 0px; margin-bottom: 0px; height:calc(100% - 30px) ; font-family: var(--fnt2); font-size: 18px; color: var(--cor4); }
a.card-link {color: var(--cor4); display: block; padding: 20px;}
/*Disable accordion .collapse:not(.show) {display: block;} */

.newsSect{background: #FFF; box-shadow: 0px 0 8px 0px #ececec;  margin-bottom: 30px; border-radius: 10px; }
.newsSect img{border-radius: 5px 5px 0 0 ;}
.newsSect h2{font-size: 24px;}
.newsSect .cont{font-size: 14px;}
.newsSect.sub{ box-shadow:none;  margin-bottom: 0px;}
.modal-header{border: none;}

.career{/*box-shadow: 0px 0 8px 0px #ececec;*/ border: 1px solid #e6e6e6; border-radius: 10px; height: 100%; margin-bottom: 0px;  }
.careerHead{background: #e6e6e6; color: #111; padding: 20px;font-size: 18px; border-radius: 10px 10px 0 0; font-family: var(--fnt2);}
.careerHead span{font-size: 26px; display: block; font-weight: bold}
.careerHi{font-size: 18px; padding: 20px; font-family: var(--fnt2);}
.careerHi span{display:inline-block; width: 120px; }
.careerCont{font-size: 14px; padding: 20px; padding-top: 0;}
.careerCont span{color: #000000; display: block; padding-top: 10px; }

.contact{background: #FFF; border-radius: 10px; /*text-align: center;*/ padding: 20px; height: 100%;}

.contact a{color: var(--cor4); transition: all 0.5s ease-in-out;} 
.contact a:hover{color:#CCC}
.contact .icon{font-size: 50px; margin-bottom: 20px; color: var(--cor2);}
.contactTitle{font-size: 14px;}
.contactTitle span{display: block;font-size: 24px;font-weight: bold; }

.contactSub{font-size: 14px; border-left: 5px solid var(--cor2); padding-left: 20px; margin: 30px 0; }
.contactSub span{ display: block; font-weight: 700; font-size: 16px;margin-bottom: 10px;}

.contactEqry{/*background: var(--cor5);*/ border-radius: 10px;  /*color: #FFF;*/ padding: 20px 0; padding-top:70px; }
.contactEqry.qEqry{padding: 20px;}

.contactEqry input, .contactEqry textarea{width: 100%; padding: 15px;padding-left: 44px; margin-bottom: 20px; border-radius: 5px; border: 0;  transition: all 0.5s ease-in-out;}
.contactEqry.qEqry input, .contactEqry.qEqry textarea{width: 100%; padding: 10px; padding-left: 40px; margin-bottom: 15px; border-radius: 5px; border: 0;  transition: all 0.5s ease-in-out;}
.contactEqry input[type=file]{background: #FFF; cursor: pointer; padding-left: 130px;}

.contactEqry input:focus, .contactEqry textarea:focus{border: 0; outline: 0; box-shadow: 0 0 11px 0px #4ad4ff; }
.contactEqry input[type=submit]{background: var(--cor1); font-size: 18px; color: #FFF; width: 130px; padding: 10px; padding-bottom: 8px;border-radius: 35px;}
.contactEqry input[type=submit]:hover{background: #4632ff;}

.input-icon{ position: absolute; left: 15px; top: 17px; }
.contactEqry.qEqry .input-icon{ position: absolute; left: 25px; top: 13px;}
.fa.input-icon{font-size:18px; color: #6f6f6f;}
.input-wrapper{position: relative; }

.core{background:#fff; border-radius:10px; border-left:70px solid #ccc; padding:40px; height:100%; position:relative; padding-bottom: 0;}
.core h3{position:absolute; top:44px;left:0;margin-left:-78px;rotate:-90deg}
.core.ceH h3{left: -10px; top: 55px;}
.corePd{margin-top:100px}

.coreCont{padding: 20px 0;}
.corePic{width: 200px; height: 200px; border: 10px solid #CCC; border-radius: 50%; overflow: hidden; background: #FFF; margin: -160px 0px 25px -5px; border-radius: 50%;}
.corePic{}

.loanMain{background: var(--cor7); border-radius:10px; overflow: hidden; outline: 1px solid #e8e8e8;  margin: 5px;}
.loanSchems{background: var(--cor7); color: #FFF; text-align: center; padding: 20px; }
.loanSchems h4{font-size: 30px;}
.loanList{background: #f1f1f1; text-align: center; padding: 20px 0; height: 100%; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF; }

.loanList span{font-size:50px; display: block; font-weight: bold;}

.greivances{}
.greivances a{color: #383838;}
.greivances a:hover{color: #000;}
.greivances strong{display: block;}
.greivances strong::first-line{font-size: 18px;}
.greivancesList{position: relative; position: relative; padding-left: 40px; margin-top: 20px;}
.greivancesIcon{position: absolute; top: 0px; left: 0px;  }
.greivancesIcon i{color: #01c324; font-size: 18px; }

.hotline{padding:15px; font-size:26px; /*margin-top:30px;*/ background: var(--cor6);  border-radius: 10px;}
.hotline span{color:var(--cor2);font-size:22px;display:block;margin-bottom:10px}
.hotline i{background:#fff;color:var(--cor5);padding: 9px 0 0 2px;border-radius:50%;width:40px;height:40px; font-size:24px; text-align:center;vertical-align:middle}
.hotline a{color: #FFF; transition: all 0.5s ease-in-out;} .hotline a:hover{color: #FFFFFF8C;}

.galleryMain > div{margin-bottom: 30px;}
.gallery{padding: 20px;box-shadow: 0 0 20px 10px #EEE;border-radius: 10px;  font-size: 16px; height: 100%;}
.galleryPic{margin-bottom: 10px;}

.branchmain {
	/* display: table;
	margin: 0 auto;
    text-align: center; */ 
}

.branchmain select {
	word-wrap: normal;
	padding: 20px 20px;
	border: 1px solid #dfd3d3;
	border-radius: 5px;
	margin: 10px 20px;
    margin-left: 0px ;
	font-size: 16px;
	/* text-align: center; */
	width: 100%;
	/* background: #061d4e; */
    background: url(../images/down-arrow2.png) no-repeat right 15px center #061d4e;
    color: #FFF;
    -webkit-appearance: none;
    appearance:none;
    position: relative;
    z-index: 5;
}

.branchmain select option{height: 100px;}


.contactBranch {margin-top: 30px;   background: #f9f9f9;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #e6e6e6;
  }
.contactBranch span{display: block; font-weight: 700; font-size: 16px;margin-bottom: 10px;}
.contactBranch ul{margin: 0; padding: 0; list-style: none;}
.contactBranch li{padding: 5px 0 5px 40px; position: relative;}
.contactBranch li i {
	position: absolute;
	top: 4px;
	left: 0;
	color: #FFF;
	background: var(--cor2);
	padding: 5px;
	width: 25px;
	height: 25px;
	text-align: center;
	border-radius: 50%;
	font-size: 12px;
	padding-top: 6px;
}

.contactBranch iframe{height: 300px; outline: 1px solid #FFF; box-shadow: 0 0px 7px #d9d9d9; border-radius: 5px;}



@media (min-width: 576px) /*sm*/{
    /*.testimonials{ left: -130px;} */
    h2{font-size: 40px;}
    .testimonialsbg{left:37.3%;}
    .testimonialsCont{max-width:70%;  }
    .testimonialsFrame::after, .testimonialsbg{ width: 400px; height: 400px;}
    .logo img{max-width: 300px;}
}
@media (min-width: 768px) /*md*/{
    .testimonialsbg{left:35%;   }
    .testimonialsFrame::after, .testimonialsbg{ width: 500px; height: 500px;}
    .testimonialsCont{font-size: 16px;  }
    .testimonialsTitle{padding-top: 20px;}
    h1{font-size: 56px;}
    .dropdown-menu .subMenu span{display: block;font-size: 40px; padding-bottom: 25px; line-height: 7px; margin-top: 0px;}
    .dropdown-menu .subMenu{text-align: center;}
    .dropdown-menu > div{border-radius: 0 0 5px 5px; background-color: rgba(255, 255, 255, 1);-webkit-backdrop-filter: blur(5px);backdrop-filter: blur(5px);}
    .abtCont{margin-top: -100px;}
    .teamTitle{margin-bottom: 30px; }
    .bannerSubTitleMain{position: absolute; bottom: 50px; left: -10px;}
    .bannerSubTitle{padding: 20px; font-size: 16px; border-radius: 0 10px 10px 0; }
    .bannerSubTitle span{font-size: 30px; display: block; }
    .bannerSub img{border-radius: 10px;}
    .bannerSubTitle::after{border-top: 25px solid #222; border-left: 25px solid transparent; position: absolute; content:"" ; left: 0px; bottom: -25px;} 
    .abtLeft{ margin: 30px; margin-top: 0px; }
    .abtCont{ margin-top: -45px;}
    .deskV{display: block;}
    .mobV{display: none;}
    .factsContainer_sm { padding-top:150px}
    .corpHl img{border-radius: 5px 0 0 5px;}
    .corpHl ul li{ margin-left: 70px;}
    .investors .nav-tabs { width: 300px; float: left; position: sticky; top: 130px; }
    .newsSect img{border-radius: 5px 0 0 5px;}
    .contactEqry{ padding:70px 0 40px 0;}
    .loanMain{margin:0 -14px;}
    .loanList{ border-right: 1px solid #FFF; padding: 30px 0;} 
    .whyCont{font-size: 25px;}
    .whyMain{margin-bottom: 30px;}
    .core h3{ top:30px; left: 0px; margin-left: -125px; rotate:0deg}
    .core.ceH h3{left: 0px; top: 30px;}
    .core{border-left: 150px solid #CCC;  height: 100%; }
    .corePd{margin-top:0px}
    .tab-pane{min-height: 300px;}
    .menu a.cbtn:hover{border-bottom:4px solid var(--cor2)}
    .investors .tab-content{ width: calc(100% - 300px); float: right; display: block;} 
    .branchmain select {width: 275px;}
    .contact{padding: 40px;}
    
}

@media (min-width: 992px) /*lg*/{
    .testimonialsbg{left:26%;}
    .testimonialsCont{max-width: 50%; }
    .valuesCont{margin: 150px 0px 0px -200px;}
    .values.sec .valuesCont{margin: 150px -200px 0px -200px;}
}
@media (min-width: 1200px) /*xl*/{
    .testimonialsbg{left:21.8%;}
    .testimonialsCont{max-width: 45%;}
}
@media (min-width: 1400px)/*xxl*/ {
    .testimonialsCont{max-width: 40%;}
}



@media (max-width: 768px) {
    .interest table, .interest thead, .interest tbody, .interest th, .interest td, .interest tr {display: block;}
    .interest thead tr {position: absolute; top: -9999px; left: -9999px;}
    .interest tr {margin: 0 0 30px 0; }
    .interest tr:nth-child(odd) {background: #f8f8f8;} 
    .interest tr:hover{background:none;}
	.interest td { border: none; border-bottom: 1px solid #eee; position: relative;  padding-left: 55%!important;}
	.interest td:before {position: absolute; top: 15px; left: 15px; width: 45%; padding-right: 10px; white-space: nowrap; }
    .interest td:nth-of-type(1):before { content: "Scheme Name"; }
    .interest td:nth-of-type(2):before { content: "Loan Tenure"; }
    .interest td:nth-of-type(3):before { content: "MaximumLTV (%)"; }
    .interest td:nth-of-type(4):before { content: "Slab"; }
    .interest td:nth-of-type(5):before { content: "Rate of Interest (p.a.)"; }
    .interest td:nth-of-type(6):before { content: "Annualized Interest Rate"; }
    
}


.mq{width: 100%; height: 40px; font-size:x-large; background: rgb(255, 0, 0); text-align: center;}
.mq:after{ content:"xs"; position: absolute;}
 @media (min-width: 576px) {.mq{ background: rgb(255, 251, 0); }.mq:after{ content: "sm"; position: absolute;}}
 @media (min-width: 768px) {.mq{ background: rgb(9, 255, 0);}.mq:after{ content: "md"; position: absolute;}}
 @media (min-width: 992px) {.mq{ background: rgb(0, 255, 242); }.mq:after{ content: "lg"; position: absolute;}}
 @media (min-width: 1200px) {.mq{ background: rgb(0, 130, 252); }.mq:after{ content: "xl"; position: absolute;}}
 @media (min-width: 1400px) {.mq{ background: rgb(255, 0, 149); }.mq:after{ content: "xxl"; position: absolute;}}