html, body { font-size: 100%; font-family: 'Arimo', sans-serif;; background: #ffffff; margin: 0; }
p, ul li, ol li { margin: 0; font-size: 14px; }
h1, h2, h3, h4, h5, h6 { font-family: 'Cabin', sans-serif; margin: 0; font-weight: bold; }
ul, label { margin: 0; padding: 0; }
body a:hover { text-decoration: none; }
input[type="submit"], input[type="reset"], .w3layouts_mail_grid_left2 a, .w3agile_similar_post_left ul li a, .w3agile_similar_post_left h4 a, .w3l_categories ul li a, .agileits_recent_posts_gridr h4 a, .agileits_recent_posts_gridr ul li a, .w3agile_blog_left_grid_r ul li a, .w3ls_choose_us_right ul li a, .agileinfo_services_grid1 h4, .agileinfo_services_grid1_pos, .w3agile_footer_grid_left a, .agileinfo_footer_bot_right p a { transition: .5s ease-in; -webkit-transition: .5s ease-in; -moz-transition: .5s ease-in; -o-transition: .5s ease-in; -ms-transition: .5s ease-in; }
/*-- banner --*/
.banner { background-color: #17468a; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover; min-height: 730px; }
.banner1 { background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover; min-height: 160px; }
/*-- nav --*/
.navbar-default { background: none; border: none; }
.navbar { margin-bottom: 0; }
.navbar-collapse { padding: 0; }
.navbar-right { margin-right: 0; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #fff; background: none; }
.navbar-default .navbar-nav > li > a { font-weight: 500; /*letter-spacing: 1px;*/ font-size: 12px; }
.navbar-nav > li > a { margin: 0; padding: 0 1.5em; text-transform: uppercase; }
.navbar-default .navbar-nav > li > a:hover { color: #f68a1f; }
.navbar-default .navbar-nav > li > a:focus { color: #fff; outline: none; }
nav.navbar.navbar-default { background: none; padding: 2em 0 0 0; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color: #fff; background: none; }
.navbar-default .navbar-nav > li > a { color: #fff; }
.navbar-default .navbar-nav > .active.open > a:focus { background: #0a9dbd; color: #fff; }
.navbar-default .navbar-brand, .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #fff; }
.navbar-brand { height: 44px; padding: 0; font-size: 1.1em; text-transform: capitalize; letter-spacing: 3px; line-height: 35px; position: relative; }
/*--
.navbar-brand:after{
	content: '';
    background: url(../images/1.png) no-repeat 0px 0px;
    width: 40px;
    height: 94px;
    position: absolute;
    right: 2%;
    top: 0%;
    transform: rotate(35deg);
	-webkit-transform: rotate(35deg);
	-moz-transform: rotate(35deg);
	-o-transform: rotate(35deg);
	-ms-transform: rotate(35deg); 
}--*/
.navbar-brand span { color: #00ffbe; letter-spacing: 15px; }
.agile_short_dropdown { border-radius: 0; background: rgba(255, 255, 255, 0.09); text-align: center; padding: 0; border: none; right: 35px !important; }
.agile_short_dropdown li a { color: #ffffff; font-size: 13px; text-align: left; padding: 10px; border-bottom: 1px solid #f6891e; }
.agile_short_dropdown li:last-child a { border: 0px; }
.agile_short_dropdown > li > a:hover { color: #fff; text-decoration: none; background-color: rgb(245, 137, 30); }
/*-- nav-effect --*/
.menu__list { position: relative; margin: 0.8em 0 0;}
.menu__item { display: block; margin: 1em 0; }
.menu__link { font-size: 1.05em; font-weight: bold; display: block; padding: 1em; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
/* Iris */
.menu--iris .menu__item { margin: 0 0; }
.menu--iris .menu__link { position: relative; text-align: center; -webkit-transition: color 0.3s; transition: color 0.3s; }
.menu--iris .menu__link:hover, .menu--iris .menu__link:focus { color: #929292; }
.menu--iris .menu__item--current .menu__link, .menu__link:hover { color: #f68a1f; }
.menu--iris .menu__link::before, .menu--iris .menu__link::after { content: ''; position: absolute; width: 10px; height: 10px; opacity: 0; border: 2px solid #f68a1f; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transition-timing-function: cubic-bezier(0.17, 0.67, 0.05, 1.29); transition-timing-function: cubic-bezier(0.17, 0.67, 0.05, 1.29); }
.menu--iris .menu__link::before { top: 0; left: 5px; border-width: 2px 0 0 2px; -webkit-transform: translate3d(10px, 10px, 0); transform: translate3d(10px, 10px, 0); }
.menu--iris .menu__link::after { right: 5px; bottom: 0; border-width: 0 2px 2px 0; -webkit-transform: translate3d(-10px, -10px, 0); transform: translate3d(-10px, -10px, 0); }
.menu--iris .menu__item--current .menu__link::before, .menu--iris .menu__item--current .menu__link::after, .menu__link:hover::before, .menu__link:hover::after { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.menu--iris .active { color: #f68a1f !important; }
.menu--iris .active, .menu--iris .active:hover { color: #f68a1f; }
.menu--iris .active::before, .menu--iris .active::after { content: ''; position: absolute; width: 10px; height: 10px; opacity: 8; border: 2px solid #f68a1f; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transition-timing-function: cubic-bezier(0.17, 0.67, 0.05, 1.29); transition-timing-function: cubic-bezier(0.17, 0.67, 0.05, 1.29); }
.menu--iris .active::before { top: 0; left: 5px; border-width: 2px 0 0 2px; -webkit-transform: translate3d(10px, 10px, 0); transform: translate3d(10px, 10px, 0); }
.menu--iris .active::after { right: 5px; bottom: 0; border-width: 0 2px 2px 0; -webkit-transform: translate3d(-10px, -10px, 0); transform: translate3d(-10px, -10px, 0); }
.menu--iris .active::before, .menu--iris .active::after, .menu--iris .active:hover::after { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
/*[Sub]*/



.menu--iris .agile_short_dropdown .active::before, .menu--iris .agile_short_dropdown .active::after, .menu--iris .agile_short_dropdown .active:hover::after { opacity: 0; }
.menu--iris .agile_short_dropdown .active:hover { color: #FFFFFF !important; }
/*-- //nav-effect --*/
.agileits-contact-info { float: left; }
.agileits-contact-info ul li { display: inline-block; font-size: 14px; color: #fff; }
.agileits-contact-info ul li span { margin-right: 10px; color: #00f1ff; }
.agileits-contact-info ul li:nth-child(2) { margin-left: 25px; }
.agileits-contact-info ul li a { color: #fff; vertical-align: text-bottom; }
.agileits-contact-info ul li a:hover { color: #fff; }
.w3_agileits_social_media { float: right; }
.w3_agileits_social_media ul li { display: inline-block; font-weight: 600; margin: 0 1em; }
.w3_agileits_social_media ul li a { display: block; color: #fff; text-decoration: none; }
.agileinfo_share { margin-right: 1em !important; color: #fff; }
.w3_agileits_social_media ul li a.wthree_facebook:hover { color: #3b5998; }
.w3_agileits_social_media ul li a.wthree_twitter:hover { color: #1da1f2; }
.w3_agileits_social_media ul li a.wthree_dribbble:hover { color: #ea4c89; }
.w3_agileits_social_media ul li a.wthree_behance:hover { color: #1769ff; }
.w3l_banner_info { width: 90%; margin: 11em auto 0; text-align: center; }
.agile-header { padding: 20px 0; border-bottom: 1px solid #7b7b7d; }
.wthree_banner_info_grid h4 { color: #fff; font-size: 28px; text-transform: uppercase; text-decoration: line-through; letter-spacing: 2px; }
.wthree_banner_info_grid h3 { color: #fff; font-size: 36px; text-transform: uppercase; margin: 20px 0; letter-spacing: 2px; }
.wthree_banner_info_grid h5 { color: #fff; font-size: 32px; text-transform: uppercase; text-decoration: line-through; letter-spacing: 2px; }
/*-- //banner --*/
/*-- welcome --*/
.welcome { padding: 6em 0; }
.welcome-top { text-align: center; }
.welcome-top h4 { font-size: 22px; margin: 0.7em 0 0; color: #666; font-weight: 600; }
.welcome-top p { font-size: 14px; line-height: 28px; color: #777; margin: 1em auto; width: 70%; }
.charitys { margin-top: 3em; }
.chrt_grid { text-align: center; }
.chrt_grid .icon { width: 90px; height: 90px; border-radius: 50%; background: #fff; margin: 0 auto; text-align: center; position: relative; background-color: #807d6a; }
.chrt_grid .icon img { position: relative; z-index: 100; transition: all 0.3s ease 0s; }
.chrt_grid .icon:before { content: ''; width: 102%; height: 102%; border-radius: 50%; background: #f68a1f; position: absolute; top: -1px; left: -1px; z-index: 10; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); transition: all 0.3s ease 0s; }
.chrt_grid:hover .icon img { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); }
.chrt_grid:hover .icon:before { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.glyphicon-heart, .glyphicon-asterisk, .glyphicon-flag { color: #ffffff; font-size: 35px; }
.glyphicon-icon { position: relative; top: 26px; display: block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; text-align: center; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; z-index: 999; }
/*.chrty h3 {
    font-size: 22px;
    color: #000;
    letter-spacing: 2px;
    font-weight: 600;
    margin-top: 22px;
}
.chrty p {
    font-size: 14px;
    line-height: 28px;
    color: #777;
	padding-top: 16px;
}*/
.banner-grid1 h5 { font-size: 20px; line-height: 32px; font-weight: 600; color: #00f1ff; letter-spacing: 2px; }
.banner-grid1 p { font-size: 14px; line-height: 28px; color: #777; padding-top: 16px; }
.banner-grids { margin-top: 6em; }
/*-- //welcome --*/
/*--client--*/
.client { background: url(../images/client.jpg) center 0; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover; padding: 70px 0; text-align: center; }
.quotes img { width: 100%; border-radius: 50%; -webkit-border-radius: 50%; -mox-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; }
p.w3l { font-size: 14px; color: #fff; width: 70%; margin: 0 auto; line-height: 28px; }
.de_testi_by, .de_testi_by a { color: #2ad2c9; font-size: 0.9em; margin: 17px 0 0 0; }
.de_testi { margin: 0; border: none; padding: 3em 3em; background: rgba(0, 0, 0, 0.31); font-style: normal; line-height: 1.6em; font-weight: 400; text-align: left; color: #fff; font-size: 0.9em; }
.quotes { float: left; width: 15%; margin-top: 1em; }
.de_testi_by { float: right; width: 78%; }
.de_testi_by p { color: #fff; font-size: 1em; font-weight: 400; line-height: 2em; }
.customer-say { margin-top: 0em; }
/*-- what --*/
.what-left { float: left; width: 15%; text-align: center; }
.what-right { float: right; width: 83%; }
.what-grid1 h4, .what-grid h4 { font-size: 22px; color: #000; letter-spacing: 2px; font-weight: 600; }
.what-w3ls { padding: 6em 0; }
.what-grids { margin-top: 6em; }
.what-grid1 p, .what-grid p { font-size: 14px; color: #777; line-height: 28px; padding-top: 10px; }
.what-grid1 i { height: 60px; width: 60px; margin: 3px; font-size: 1.5em; border-radius: 50%; line-height: 60px; text-align: center; background: #00f1ff; color: #fff; }
.what-top1 { margin: 2em 0; }
.w3ls_head { font-size: 36px; color: #f6821f; margin-bottom: 20px; letter-spacing: 4px; text-align: center; }
.what-grid { padding-right: 130px; }
.what-agile-info { margin-top: 30px; border-left: 3px solid #00f1ff; padding: 0 0px 0 20px; }
p.w3agile { font-size: 14px; color: #777; width: 70%; margin: 0 auto; line-height: 28px; text-align: center; }
/*-- //what --*/
/*-- footer --*/
.footer {background-color: #17468a ;  background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover; padding: 5em 0; padding: 18px 0px; border-top: 5px solid #f68a1f; }
.footer h3 { color: #fff; font-size: 22px; text-transform: uppercase; margin-bottom: 20px; letter-spacing: 2px; }
.footer li, .footer li a { display: block; color: #c3c3c3; font-size: 14px; line-height: 28px; text-transform: capitalize; }
.footer li a:hover { color: #f68a1f; }
.newsletter { position: relative; width: 78%; }
.newsletter .email { padding: 5px 60px 5px 15px; border-radius: 3px; -Webkit-border-radius: 3px; -moz-border-radius: 3px; height: 40px; border: 1px solid #fff; width: 100%; text-align: left; }
.newsletter .email { background-color: #F4F4F4; border: none; }
.newsletter .submit { width: 40px; height: 40px; background-image: url('../images/subscribe.png'); background-repeat: no-repeat; background-position: center; position: absolute; background-color: #00f1ff; top: 0; right: 0; outline: none; border: none; }
/*-- //Newsletter --*/
.w3ls-social-icons i, .w3ls-social i { font-size: 15px; background: #fff; padding: 12px 14px; color: #212121; transition: 0.5s all; -webkit-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; -moz-transition: 0.5s all; }
.w3ls-social-icons i:hover, .w3ls-social i:hover { background: transparent; background: #00f1ff; color: #fff; transition: 0.5s all; -webkit-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; -moz-transition: 0.5s all; }
.footer-w3-agile { margin: 60px 0 0; }
.footer-agile span { color: #000; font-size: 20px; margin-bottom: 20px; background: #fff; padding: 10px; border-radius: 50%; }
.footer-agile p { color: #fff; font-size: 14px; line-height: 28px; margin: 0; }
.footer-agile { margin-top: 40px; }
.copy-right-agile { margin-top: 20px; }
.copy-right-agile p { font-size: 12px; color: #c3c3c3; margin: 0; }
.copy-right-agile p a { text-decoration: none; color: #00f1ff; }
.copy-right-agile p a:hover { text-decoration: none; color: #fff; }
.footer-w3-1 { padding: 0; }
.footer-w3l-1 { padding: 0; }
/*-- //footer --*/
/*-- to-top --*/
#toTop { display: none; text-decoration: none; position: fixed; bottom: 20px; right: 2%; overflow: hidden; z-index: 9999; width: 32px; height: 28px; border: none; text-indent: 100%; background: url(../images/move-top.png) no-repeat -3px 3px; }
#toTopHover { width: 32px; height: 28px; display: block; overflow: hidden; float: right; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); }
/*-- //to-top --*/
/*-- icons --*/
.codes a { color: #999; }
.icon-box { padding: 8px 15px; background: rgba(149, 149, 149, 0.18); margin: 1em 0 1em 0; border: 5px solid #ffffff; text-align: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 13px; transition: 0.5s all; -webkit-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; -moz-transition: 0.5s all; cursor: pointer; }
.icon-box:hover { background: #000; transition: 0.5s all; -webkit-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; -moz-transition: 0.5s all; }
.icon-box:hover i.fa { color: #fff !important; }
.icon-box:hover a.agile-icon { color: #fff !important; }
.codes .bs-glyphicons li { float: left; width: 12.5%; height: 115px; padding: 10px; line-height: 1.4; text-align: center; font-size: 12px; list-style-type: none; }
.codes .bs-glyphicons .glyphicon { margin-top: 5px; margin-bottom: 10px; font-size: 24px; }
.codes .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #777; }
.codes .bs-glyphicons .glyphicon-class { display: block; text-align: center; word-wrap: break-word; }
h3.icon-subheading { font-size: 28px; color: #212121 !important; margin: 30px 0 15px; font-weight: 600; letter-spacing: 2px; }
h3.agileits-icons-title { text-align: center; font-size: 33px; color: #222222; font-weight: 600; letter-spacing: 2px; }
.icons a { color: #999; }
.icon-box i { margin-right: 10px !important; font-size: 20px !important; color: #282a2b !important; }
.bs-glyphicons li { float: left; width: 18%; height: 115px; padding: 10px; line-height: 1.4; text-align: center; font-size: 12px; list-style-type: none; background: rgba(149, 149, 149, 0.18); margin: 1%; }
.bs-glyphicons .glyphicon { margin-top: 5px; margin-bottom: 10px; font-size: 24px; color: #282a2b; }
.glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #777; }
.bs-glyphicons .glyphicon-class { display: block; text-align: center; word-wrap: break-word; }
.box-design { 
  background-color: white; 
  padding: 20px; 
  margin: 0 35px; 
  border-radius: 15px; 
  color: #282a2b; 
  font-size: 17px;
  box-shadow: 0 0 5px 3px rgb(224 224 224 / 50%);
  text-align: center; 
  word-wrap: break-word;
  min-height: 319px;
  overflow: hidden;
}
.flex-design { background-color: white; padding: 10px; margin: 0 35px; color: #282a2b; font-size: 17px; cursor: pointer; text-align: center; word-wrap: break-word;
}
.box-design-image { border-radius: 15px; box-shadow: 0 0 5px 3px rgb(224 224 224 / 50%);text-align: center;padding: 10px;}
.box-design:hover {color: #f6891e; }
.sourcepartner-imgs.cashe-logo{ border-radius: 15px; box-shadow: 0 0 5px 3px rgb(224 224 224 / 50%); text-align: center; padding: 25px; width: 160px;}
.sourcepartner-imgs {
  max-width: 100%;
  height: 100%;
  margin-bottom: 15px;
}
.small-text { font-size: 9px;}
.with-text { padding: 5px;}
.without-text { padding: 20px;}
.table-layout-partners .small-text {
  font-size: 12px;
}
.flex-container {
  display: flex;
  flex-direction: row;
  gap: 20px;
}
.flex-item {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  box-shadow: 0 0 5px 3px rgb(224 224 224 / 50%);
}
.styleClass {
  align-items: flex-start;
}
.info-section {
  margin:0;
  word-wrap: break-word;
  font-size: 15px;
}
@media (max-width:991px) {
h3.agileits-icons-title { font-size: 28px; }
h3.icon-subheading { font-size: 22px; }
.sourcepartner-imgs.cashe-logo { width: 150px; padding: 20px;}
.box-design {
  margin:0;
}
.flex-container {
  flex-direction: column;
}
}

@media (max-width:768px) {
h3.agileits-icons-title { font-size: 28px; }
h3.icon-subheading { font-size: 25px; }
.row { margin-right: 0; margin-left: 0; }
.icon-box { margin: 0; }
.with-text {
  padding: 10px;
}
}

@media (max-width: 640px) {
.icon-box { float: left; width: 50%; }
}

@media (max-width: 480px) {
.bs-glyphicons li { width: 31%; }
.sourcepartner-imgs.cashe-logo { width: 200px; padding: 30px;}
}

@media (max-width: 414px) {
h3.agileits-icons-title { font-size: 23px; }
h3.icon-subheading { font-size: 18px; }
.bs-glyphicons li { width: 31.33%; }
}

@media (max-width: 384px) {
.icon-box { float: none; width: 100%; }
}
/*-- //icons --*/
.w3_wthree_agileits_icons.main-grid-border { padding: 5em 0; }
/*--Typography--*/
.well { font-weight: 300; font-size: 14px; }
.list-group-item { font-weight: 300; font-size: 14px; }
li.list-group-item1 { font-size: 14px; font-weight: 300; }
.typo p { margin: 0; font-size: 14px; font-weight: 300; }
.show-grid [class^=col-] { background: #fff; text-align: center; margin-bottom: 10px; line-height: 2em; border: 10px solid #f0f0f0; }
.show-grid [class*="col-"]:hover { background: #e0e0e0; }
.grid_3 { margin-bottom: 2em; }
.xs h3, h3.m_1 { color: #000; font-size: 1.7em; font-weight: 300; margin-bottom: 1em; }
.grid_3 p { color: #999; font-size: 0.85em; margin-bottom: 1em; font-weight: 300; }
.grid_4 { background: none; margin-top: 50px; }
.label { font-weight: 300 !important; border-radius: 4px; }
.grid_5 { background: none; padding: 2em 0; }
.grid_5 h3, .grid_5 h2, .grid_5 h1, .grid_5 h4, .grid_5 h5, h3.hdg, h3.bars { margin-bottom: 1em; color: #212121; font-weight: 600; font-size: 30px; letter-spacing: 2px; }
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { border-top: none !important; }
.tab-content > .active { display: block; visibility: visible; }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 0; }
.badge-primary { background-color: #03a9f4; }
.badge-success { background-color: #8bc34a; }
.badge-warning { background-color: #ffc107; }
.badge-danger { background-color: #e51c23; }
.grid_3 p { line-height: 2em; color: #888; font-size: 0.9em; margin-bottom: 1em; font-weight: 300; }
.bs-docs-example { margin: 1em 0; }
section#tables p { margin-top: 1em; }
.tab-container .tab-content { border-radius: 0 2px 2px 2px; border: 1px solid #e0e0e0; padding: 16px; background-color: #ffffff; }
.table td, .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: 15px!important; }
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { font-size: 0.9em; color: #999; border-top: none !important; }
.tab-content > .active { display: block; visibility: visible; }
.label { font-weight: 300 !important; }
.label { padding: 4px 6px; border: none; text-shadow: none; }
.alert { font-size: 0.85em; }
h1.t-button, h2.t-button, h3.t-button, h4.t-button, h5.t-button { line-height: 2em; margin-top: 0.5em; margin-bottom: 0.5em; }
li.list-group-item1 { line-height: 2.5em; }
.input-group { margin-bottom: 20px; }
.in-gp-tl { padding: 0; }
.in-gp-tb { padding-right: 0; }
.list-group { margin-bottom: 48px; }
ol { margin-bottom: 44px; }
h2.typoh2 { margin: 0 0 10px; }

@media (max-width:768px) {
.grid_5 { padding: 0 0 1em; }
.grid_3 { margin-bottom: 0em; }
}

@media (max-width:640px) {
h1, .h1, h2, .h2, h3, .h3 { margin-top: 0px; margin-bottom: 0px; }
.grid_5 h3, .grid_5 h2, .grid_5 h1, .grid_5 h4, .grid_5 h5, h3.hdg, h3.bars { margin-bottom: .5em; }
.progress { height: 10px; margin-bottom: 10px; }
ol.breadcrumb li, .grid_3 p, ul.list-group li, li.list-group-item1 { font-size: 14px; }
.breadcrumb { margin-bottom: 25px; }
.well { font-size: 14px; margin-bottom: 10px; }
h2.typoh2 { font-size: 1.5em; }
.label { font-size: 60%; }
.in-gp-tl { padding: 0 1em; }
.in-gp-tb { padding-right: 1em; }
}

@media (max-width:480px) {
.grid_5 h3, .grid_5 h2, .grid_5 h1, .grid_5 h4, .grid_5 h5, h3.hdg, h3.bars { font-size: 1.2em; }
.table h1 { font-size: 26px; }
.table h2 { font-size: 23px; }
.table h3 { font-size: 20px; }
.label { font-size: 53%; }
.alert, p { font-size: 14px; }
.pagination { margin: 20px 0 0px; }
.grid_3.grid_4.w3layouts { margin-top: 25px; }
}

@media (max-width: 320px) {
.grid_4 { margin-top: 18px; }
h3.title { font-size: 1.6em; }
.alert, p, ol.breadcrumb li, .grid_3 p, .well, ul.list-group li, li.list-group-item1, a.list-group-item { font-size: 13px; }
.alert { padding: 10px; margin-bottom: 10px; }
ul.pagination li a { font-size: 14px; padding: 5px 11px; }
.list-group { margin-bottom: 10px; }
.well { padding: 10px; }
.nav > li > a { font-size: 14px; }
table.table.table-striped, .table-bordered, .bs-docs-example { display: none; }
}
/*-- //typography --*/
.typo { padding: 5em 0; }
/*-- portfolio --*/
.view { width: 275px; height: 200px; margin: 5px; float: left; border: 5px solid #F1F0F0; overflow: hidden; position: relative; text-align: center; -webkit-box-shadow: 1px 1px 2px #e6e6e6; -moz-box-shadow: 1px 1px 2px #e6e6e6; box-shadow: 1px 1px 2px #e6e6e6; cursor: default; background: #fff; }
.view .mask, .view .content { width: 275px; height: 200px; position: absolute; overflow: hidden; top: 0; left: 0; }
.view img { display: block; position: relative; }
.view h2 { text-transform: uppercase; color: #fff; text-align: center; position: relative; font-size: 17px; padding: 10px; background: #212121; margin: 20px 0 0 0; }
.view p { font-style: normal; font-size: 14px; position: relative; color: #fff; padding: 15px 10px 15px; text-align: center; }
.view a.info { display: inline-block; text-decoration: none; padding: 7px 14px; background: #000; color: #fff; text-transform: uppercase; -webkit-box-shadow: 0 0 1px #000; -moz-box-shadow: 0 0 1px #000; box-shadow: 0 0 1px #000; }
.view a.info:hover { -webkit-box-shadow: 0 0 5px #000; -moz-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000; }
.view-seventh img { -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
.view-seventh .mask { background-color: rgb(6, 201, 212); -webkit-transform: rotate(0deg) scale(1); -moz-transform: rotate(0deg) scale(1); -o-transform: rotate(0deg) scale(1); -ms-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.view-seventh h2 { -webkit-transform: translateY(-200px); -moz-transform: translateY(-200px); -o-transform: translateY(-200px); -ms-transform: translateY(-200px); transform: translateY(-200px); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.view-seventh p { -webkit-transform: translateY(-200px); -moz-transform: translateY(-200px); -o-transform: translateY(-200px); -ms-transform: translateY(-200px); transform: translateY(-200px); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.view-seventh a.info { -webkit-transform: translateY(-200px); -moz-transform: translateY(-200px); -o-transform: translateY(-200px); -ms-transform: translateY(-200px); transform: translateY(-200px); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.view-seventh:hover img { -webkit-transform: rotate(720deg) scale(0); -moz-transform: rotate(720deg) scale(0); -o-transform: rotate(720deg) scale(0); -ms-transform: rotate(720deg) scale(0); transform: rotate(720deg) scale(0); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; }
.view-seventh:hover .mask { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transform: translateY(0px) rotate(0deg); -moz-transform: translateY(0px) rotate(0deg); -o-transform: translateY(0px) rotate(0deg); -ms-transform: translateY(0px) rotate(0deg); transform: translateY(0px) rotate(0deg); -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; -ms-transition-delay: 0.4s; transition-delay: 0.4s; }
.view-seventh:hover h2 { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition-delay: 0.7s; -moz-transition-delay: 0.7s; -o-transition-delay: 0.7s; -ms-transition-delay: 0.7s; transition-delay: 0.7s; }
.view-seventh:hover p { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -o-transition-delay: 0.6s; -ms-transition-delay: 0.6s; transition-delay: 0.6s; }
.view-seventh:hover a.info { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; -ms-transition-delay: 0.5s; transition-delay: 0.5s; }
.main:nth-child(3) { margin: 3em 0 0; }
/*-- //portfolio --*/
.portfolio { padding: 5em 0; }
.portfolio-agile { margin-top: 5em; }
/*--contact--*/
.contact-right-w3-agile form { margin-top: 12px; color: #777; }
.contact-right-w3-agile input[type="text"] { 
  background: transparent; 
  /*border: 2px solid #212121;*/
   padding: 8px 22px; 
   outline: none; 
   -webkit-transition: 0.5s all;
    -o-transition: 0.5s all; 
    -moz-transition: 0.5s all; 
    -ms-transition: 0.5s all; 
    transition: 0.5s all;
     /*margin: 6px 0; */
    }
.contact-right-w3-agile input[type="text"]:hover { border-color: #00f1ff; -webkit-transition: 0.5s all; -o-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; transition: 0.5s all; }
/*.contact-right-w3-agile input[type="text"]:nth-child(1) { margin-right: 8px; }*/
.contact-right-w3-agile textarea { background: none;  padding: 10px 23px; margin-top: 6px; outline: none; resize: none; width: 100%; height: 100px; -webkit-transition: 0.5s all; -o-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; transition: 0.5s all; }
.contact-right-w3-agile textarea:hover { border-color: #00f1ff; -webkit-transition: 0.5s all; -o-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; transition: 0.5s all; }
.contact-right-w3-agile form input[type="submit"] {
  color: #fff;
  font-size: 17px;
  padding: 8px 9px;
  margin-top: 30px;
  width: 15%;
  background: #f6821f;
  border: unset !important;
  outline: none;
  -webkit-transition: 0.5s all;
  -o-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
  transition: 0.5s all;
}
.contact-right-w3-agile form input[type="submit"]:hover { color: #fff; background: #f6821f; border: 2px solid #00f1ff; -webkit-transition: 0.5s all; -o-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; transition: 0.5s all; }
.contact-right-w3-agile label { 
   /*width: 30px;  
  height: 4px; */
  /*background: #62A0EC; 
  display: block;*/
   margin: 0px 20x 15px 0px; 
  }
.contact { padding: 5em 0; }
/*.contact-right-w3-agile { 
  margin-top: 5em;
 }*/
.map iframe { width: 100%; border: none; min-height: 400px; }
/*--contact--*/
/*-- services --*/
.agileits_w3layouts_service_grid { width: 150px; height: 150px; background: #34b3f5; border-radius: 100px; text-align: center; margin: 0 auto; box-shadow: 0px 4px 5px #2285b9; }
.agile_services_grid:hover .agileits_w3layouts_service_grid { background: #00f1ff; box-shadow: 0px 4px 5px #00f1ff; }
.w3_agileits_service_grid { border: 4px double #fff; border-radius: 100px; width: 130px; height: 130px; margin: 0 auto; }
.agile_services_grid:hover .w3_agileits_service_grid { border: 4px double #212121; }
.agileits_w3layouts_service_grid i { font-size: 2em; color: #212121; line-height: 3.4em; }
.agile_services_grid:hover .agileits_w3layouts_service_grid i { color: #fff; }
.agileits_w3layouts_service_grid span { width: 5px; height: 5px; background: #00f1ff; display: block; margin: 0 auto; border-radius: 25px; }
.agile_services_grid:hover .agileits_w3layouts_service_grid span { background: #212121; }
.agile_services_grid { text-align: center; }
.agile_services_grid h4 { font-size: 22px; color: #212121; letter-spacing: 2px; margin: 1.5em 0 1em; text-transform: capitalize; line-height: 1.5em; }
.agile_services_grid p { color: #999; line-height: 2em; margin-bottom: 2.5em; }
.wthree_more a { padding: 8px 35px; border: 3px double #999; color: #212121; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; font-size: 14px; text-decoration: none; }
.wthree_more a:focus { outline: none; }
.wthree_more a:hover { border-color: #00f1ff; }
.services { padding: 5em 0; }
p.w3layouts_para { text-align: center; width: 41%; margin: 0 auto; font-size: 14px; line-height: 28px; }
.agile_banner_bottom_grids { margin-top: 5em; }
/*-- //services --*/
/*-- services-bottom --*/
.services-bottom { background: url(../images/client.jpg) no-repeat 0px 0px; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover; background-attachment: fixed; padding: 6em 0; }
.services-bottom h3 { text-align: center; font-size: 2em; text-transform: capitalize; line-height: 1.5em; color: #fff; }
.services-bottom h3 i { color: #00f1ff; padding-right: 1em; }
/*-- //services-bottom --*/
/*-- choose --*/
.choose { padding: 5em 0; }
.w3ls_choose_left_grid { width: 80px; height: 80px; background: #f5f5f5; border-radius: 100px; text-align: center; border: 3px double #999; }
.w3ls_choose_left_grid i { font-size: 1.5em; color: #212121; line-height: 3em; }
.agileits_choose_right h4 { font-size: 22PX; color: #212121; letter-spacing: 2px; margin-bottom: 1em; text-transform: capitalize; }
.agileits_choose_right p { color: #999; line-height: 2em; }
.w3l_choose_right_grid, .agileinfo_choose_right { padding: 0; }
.agileits_choose_right { padding-left: 0; }
.w3_choose_right_grid_main { margin-top: 2em; }
/* Rectangle Out */
.hvr-rectangle-out { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; background: #e1e1e1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.hvr-rectangle-out:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #00f1ff; -webkit-transform: scale(0); transform: scale(0); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; border-radius: 100px; }
.hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active { color: white; }
.hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before, .w3_choose_right_grid_main:hover .hvr-rectangle-out:before { -webkit-transform: scale(1); transform: scale(1); }
/*-- //choose --*/
/*-- team --*/
.w3ls_team_grid1 { position: relative; }
.w3ls_team_grid1_pos { position: absolute; right: 0%; bottom: -5%; background: none; }
.w3ls_team_grid1_pos ul li:nth-child(2), .w3ls_team_grid1_pos ul li:nth-child(3) { opacity: 0; }
.w3ls_team_grid:hover .w3ls_team_grid1_pos ul li:nth-child(2), .w3ls_team_grid:hover .w3ls_team_grid1_pos ul li:nth-child(3) { opacity: 1; }
.w3ls_team_grid { text-align: center; position: relative; overflow: hidden; }
.w3ls_team_grid h4 { margin: 2em 0 0.3em; color: #212121; text-transform: uppercase; font-size: 1.1em; }
.w3ls_team_grid p { color: #13b3bb; }
/* Circle */
.hover15 figure { position: relative; }
.hover15 figure::before { position: absolute; top: 50%; left: 50%; z-index: 2; display: block; content: ''; width: 0; height: 0; background: rgba(255,255,255,.2); border-radius: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; }
.hover15 figure:hover::before, .w3ls_team_grid:hover .hover15 figure::before, .banner-bottom-icons:hover .hover15 figure::before, .w3_featured_services_grid:hover .hover15 figure::before { -webkit-animation: circle .75s; animation: circle .75s; }
@-webkit-keyframes circle {
 0% {
 opacity: 1;
}
 40% {
 opacity: 1;
}
 100% {
 width: 200%;
 height: 200%;
 opacity: 0;
}
}
@keyframes circle {
 0% {
 opacity: 1;
}
 40% {
 opacity: 1;
}
 100% {
 width: 200%;
 height: 200%;
 opacity: 0;
}
}
/*-- social-icons --*/
ul.social-icons li { display: inline-block; }
.icon { display: inline-block; vertical-align: top; overflow: hidden; margin: 0; width: 30px; height: 30px; font-family: FontAwesome; font-size: 1em; color: #fff; text-align: center; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -o-border-radius: 25px; -ms-border-radius: 25px; }
.icon-border { position: relative; }
.icon-border::before, .icon-border::after { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -o-border-radius: 25px; -ms-border-radius: 25px; line-height: 2.2em; }
.icon-border::before { z-index: 1; -webkit-transition: box-shadow 0.3s; transition: box-shadow 0.3s; }
.icon-border::after { z-index: 2; }
/* facebook */
.icon-border.facebook::before { box-shadow: inset 0 0 0 48px #00f1ff; }
.icon-border.facebook:hover::before { box-shadow: inset 0 0 0 2px #3b5998; }
.icon-border.facebook::after { content: "\f09a"; }
.icon-border.facebook:hover::after { color: #3b5998; }
/* twitter */
.icon-border.twitter::before { box-shadow: inset 0 0 0 48px #00f1ff; }
.icon-border.twitter:hover::before { box-shadow: inset 0 0 0 2px #1da1f2; }
.icon-border.twitter::after { content: "\f099"; }
.icon-border.twitter:hover::after { color: #1da1f2; }
/* instagram */
.icon-border.instagram::before { box-shadow: inset 0 0 0 48px #00f1ff; }
.icon-border.instagram:hover::before { box-shadow: inset 0 0 0 2px #833ab4; }
.icon-border.instagram::after { content: "\f16d"; }
.icon-border.instagram:hover::after { color: #833ab4; }
/* pinterest */
.icon-border.pinterest::before { box-shadow: inset 0 0 0 48px #00f1ff; }
.icon-border.pinterest:hover::before { box-shadow: inset 0 0 0 2px #bd081c; }
.icon-border.pinterest::after { content: "\f231"; }
.icon-border.pinterest:hover::after { color: #bd081c; }
/*-- //social-icons --*/
.team { padding: 5em 0; }
.w3_services_grids { margin-top: 5em; }
/*-- //team --*/
/*-- courses --*/
.wthree_banner1_info { margin: 8em 0 0; text-align: right; }
.wthree_banner1_info h3 { font-size: 2em; color: #fff; }
.wthree_banner1_info h3 span { color: #ec9114; }
.agileinfo_courses_flipster { width: 70%; margin: 0 auto; }
.w3ls_courses_left { padding: 0 3em 0 0; }
.w3ls_courses_left_grid h3 { font-size: 22px; color: #212121; text-transform: capitalize; letter-spacing: 2px; }
.w3ls_courses_left_grid h3 i { color: #00f1ff; padding-right: 1em; }
.w3ls_courses_left_grid p { margin: 1em 0 0; color: #999; line-height: 2em; }
.w3ls_courses_left_grid { padding-top: 2em; }
.w3ls_courses_right p { margin-bottom: 2em !important; }
.agileits_courses_right img { margin: 0 auto; }
.courses { padding: 5em 0; }
/*-- //courses --*/
.agileits_w3layouts_team_grids.w3ls_courses_grids { margin-top: 5em; }
/*New*/
.BhanixLogo { position: absolute; z-index: 1; padding-top: 10px; }
.CASHeLogo img { width: 135px; height: auto; }
.banMob { display: none !important; }
.banDownUl { background-color:#c3c3c3; position: absolute; width: 100%; bottom: 0px; z-index: 2; display: flex;justify-content: space-between;align-items: flex-start;}
.banDownUl li { display: inline-block; padding: 30px 0; width: 24%; border-right: solid 1px rgba(0, 0, 0, 0.15); text-align: center; }
.banDownUl li:last-child { border: 0px; }
.banDownUl li img { margin-left: 0px; margin-right: 0px;height: 60px;width: 45%;}
.banDownUl li p { margin-top: 10px; line-height: 14px; color: #000; font-size: 12px; }
.highlightsBg { background-color: #FF0E12; background: url(../images/highlightsBg.jpg) no-repeat 0px 2%; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover; min-height: 310px; padding: 70px 0; }
.highlightsBg h2 { color: #FFFFFF; margin-bottom: 50px; font-size: 25px; }
.highlightsBg .icon { width: 110px; height: 110px; border-radius: 50%; background: #fff; margin: 0 auto; text-align: center; position: relative; background: none; border: 2px solid #FFFFFF; }
.highlightsBg .glyphicon-icon { font-size: 22px; top: 35px; }
.highlightsBg span { font-size: 24px; margin-top: 36px; display: inline-block; font-weight: bolder; font-family: 'Arimo', sans-serif; }
.highlightsBg p { color: #fff200; margin-top: 15px; font-size: 14px; }
.why-our-customers .rowMar { margin-top: 21px; }
.CASHei5List img { display: inline-block; background: #aaaaaa; border-radius: 100%; padding: 7px; }
.CASHei5List p { display: inline-block; }
.CASHei5But { background-color: #f6891e; padding: 15px 30px; border-radius: 5px; color: #FFFFFF; font-size: 13px; cursor: pointer; }
.CASHei5ButAlign { margin-left: 11%; }
.CASHei5But:hover { background-color: #dd7814; color: #FFFFFF;text-decoration: none; }
.downloadNowPop { background-color: rgba(254, 122, 33, 0.18); }
.downloadNowPop .modal-dialog { width: 410px; margin: 130px auto; border-radius: 20px; }
.downloadNowPop .close { color: #000000 !important; opacity: inherit; border: 0; position: absolute; right: 10px; top: 10px; }
.testimonials .de_testi { height: 200px; }
.testimonials .owl-controls { margin: 0em 1em 0 0 !important; }
.testimonials .owl-page span { width: 10px !important; height: 10px !important; background: #f6821f !important; }
.testimonials .de_testi p { text-align: justify; }
.testimonials .de_testi span { color: #000000 !important; text-align: right; display: block; position: absolute; width: 100%; left: -25px; bottom: 5px; }
.inSection { margin-top: 50px; margin-bottom: 50px; }
.inSection h2 { font-size: 25px; color: #f6821f; margin-bottom: 20px; font-family: 'Gilroy-Bold'; }
.inSection p { margin: 10px 0; }
.magmtTeam {margin: 10px 0 50px 0; }
.magmtTeam h4 { font-size: 14px; color: #f6821f; margin: 5px 0 0 0; }
.magmtTeam p { margin: 0; color: #8f8f8f; }
.magmtTeam .more { font-size: 20px; font-weight: bold; display: block; color: #f6821f; cursor: pointer; font-size: 26px; height: 32px; position: absolute; width: 90%; bottom: 0; }
.magmtTeam figure img { border: 1px solid #f6821f; border-radius: 100%; padding: 2px; }
.linkedin_logo { margin: auto;}
/*.magmtTeam .col-md-2 { width: 20%; }*/
.magmtTeam .w3ls_team_grid { margin-top: 20px;max-height: 350px; padding-bottom:50px; }
/*.magmtTeam .col-md-offset-2 { margin-left: 20%; }*/
.magmtTeamPop { background-color: rgba(254, 122, 33, 0.18); }
.magmtTeamPop .modal-dialog { width: 60%; margin: 100px auto; }
.magmtTeamPop .container { width: 100%; margin-top: 20px; margin-bottom: 20px; }
.magmtTeamPop img { border-radius: 50%; border: 2px solid #f6821f; padding: 5px;justify-self: center; }
.magmtTeamPop h2 { font-size: 25px; color: #f6821f; }
.magmtTeamPop h3 { font-size: 18px; color: #8f8f8f; margin-bottom: 20px; }
.magmtTeamPop p { margin-bottom: 5px; }
.proCasheLeft { border: 1px solid #f5f5f5; border-radius: 10px; box-shadow: 2px 3px 8px 0px #eee; padding: 25px; }
.proCasheLeftList { margin: 0px; list-style: none; }
.proCasheLeftList li { font-size: 22px; border-bottom: 1px solid #ececec; padding: 20px 0; }
.proCasheLeftList li:last-child { border: 0px; }
.proCasheLeftList li span { font-size: 14px; display: block; color: #999; }
.proCasheRight ul { margin-left: 20px; }
.mediaList .mediaList01 { width: 80%; height: auto; border: 1px solid #DDDDDD; padding: 15px; }
.mediaList .mediaList02 { width: 10%; height: auto; border: 1px solid #DDDDDD; }
.mediaList img { vertical-align: baseline; margin-bottom: 20px; }
.pdfResponsiveBox { width: 800px; height: 700px; border: 1px solid #d1d1d1; }
.pdfResponsiveBox:before { content: ""; width: 70px; height: 70px; position: relative; background-color: #FFFFFF !important; border: 0px solid red; float: right; margin-bottom: -90px; margin-right: 0; margin-top: 0; opacity: 0; }
/*iframe:before {
    content: "bar";
    position: absolute;
    top: 0;
    right: 0;
}*/
/*carousel*/
.carousel-fa de .carousel-inner .item { opacity: 0; transition-property: opacity; overflow: hidden; }
.item.active img { transition: transform 5000ms linear 0s;/* This should be based on your carousel setting. For bs, it should be 5second*//*transform: scale(1.05, 1.05);*/ }
.carousel-fade .carousel-inner .active { opacity: 1; }
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; }
.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; }
.carousel-caption {width: 100%; left: 0; z-index: 0; }
.carousel-caption h2 { font-size: 35px; line-height: 50px; font-weight: bold; text-shadow: none; }
.carousel-control.left, .carousel-control.right { background: none !important; background-image: none !important; }
.carousel-fade .carousel-control { z-index: 2; padding-top: 21%; }
.image-link {
  margin: 0 auto;
}
.image-container {
  text-align: center;
}
/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-fade .carousel-inner > .item.next, .carousel-fade .carousel-inner > .item.active.right { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.carousel-fade .carousel-inner > .item.prev, .carousel-fade .carousel-inner > .item.active.left { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.carousel-fade .carousel-inner > .item.next.left, .carousel-fade .carousel-inner > .item.prev.right, .carousel-fade .carousel-inner > .item.active { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
/*accordion*/
.panel-group .panel { border-radius: 0; box-shadow: none; border-color: #EEEEEE; }
.panel-default > .panel-heading { padding: 0; border-radius: 0; color: #FFFFFF; background-color: #337ab7; border-color: #EEEEEE; }
.panel-title { font-size: 14px; }
.panel-title > a { display: block; padding: 15px; text-decoration: none; }
.more-less { float: right; color: #FFFFFF; }
.panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #EEEEEE; }

/*-----start-responsive-design------*/
@media(max-width:1342px) {
.banDownUl { text-align: center; z-index: 0; bottom: 220px;}
.banDownUl li { padding: 14px 0; vertical-align: top; }
.banDownUl li img { display: block; margin: 0 auto; }
.banDownUl li p { text-align: center; line-height: 14px; margin-top: 7px; }
}

@media(max-width:1343px) {
  .banDownUl { text-align: center; z-index: 0; bottom: 8px;}
  .banDownUl li { padding: 14px 0; vertical-align: top; }
  .banDownUl li img { display: block; margin: 0 auto; }
  .banDownUl li p { text-align: center; line-height: 14px; margin-top: 7px; }
  }

@media (max-width:1440px) {
}

@media (max-width:1366px) {
.banner { min-height: 610px; }
}

@media (max-width:1280px) {
}

@media (max-width:1080px) {
.navbar-nav > li > a { padding: 0 1em; }
.contact-right-w3-agile input[type="text"] { width: 49.3%; }
.view { width: 303px; height: 200px; }
.view .mask, .view .content { width: 303px; height: 200px; }
.footer { background-size: inherit; -webkit-background-size: inherit; -moz-background-size: inherit; -o-background-size: inherit; -ms-background-size: inherit; background-position: 0 50%; }
.magmtTeam .w3ls_team_grid { margin-top: 0px; height: 260px; }
}

@media (max-width:1024px) {
.CASHeLogo img { width: 100px; }
.carousel-caption { top: 34%; }
.carousel-caption h2 { font-size: 23px; line-height: 30px; }
}

@media (max-width:991px) {
p.w3layouts_para { width: 67%; }
.contact-right-w3-agile input[type="text"] { width: 49.1%; }
.contact { padding: 3em 0; }
.contact-right-w3-agile { margin-top: 3em; }
.footer-agileits-w3layouts { float: left; width: 25%; }
.footer-w3-agileits { float: left; width: 25%; }
.footer-wthree { float: left; width: 25%; }
.footer-agileits { float: left; width: 25%; }
.footer h3 { font-size: 21px; }
.footer { padding: 3em 0; }
.footer-w3-1 { float: left; width: 50%; }
.footer-w3l-1 { float: left; width: 50%; }
.w3l-footer-top { float: left; width: 70%; }
.w3ls-social-icons { float: left; width: 30%; }
.navbar-nav > li > a { padding: 0 0.7em; }
.menu--iris .menu__item { margin: 0 0.2em; }
.menu__link { font-size: 0.9em; }
.wthree_banner_info_grid h3 { font-size: 27px; }
.wthree_banner_info_grid h5 { font-size: 24px; }
.wthree_banner_info_grid h4 { font-size: 24px; }
.banner { min-height: 540px; }
.welcome-top p { width: 100%; }
.chrt_grid { margin-bottom: 2em; }
.banner-grid1 { margin-bottom: 2em; }
p.w3l { width: 100%; }
.customer-grid { margin-bottom: 2em; }
p.w3agile { width: 100%; }
.what-grid { padding-right: 0; margin-bottom: 2em; }
p.w3layouts_para { width: 100%; }
.w3ls_courses_left { padding: 0 0em 0 0; }
.agileits_courses_right { padding: 0; margin-top: 26px; }
.agileits_courses_right img { width: 100%; }
.w3ls_team_grid { float: left; width: 25%; margin-bottom: 30px; }
.magmtTeam .w3ls_team_grid { height: 270px; }
.view { width: 230px; height: 200px; }
.view .mask, .view .content { width: 230px; height: 200px; }
.w3l_choose_right_grid { float: left; width: 50%; }
.w3l_choose_right_grid, .agileinfo_choose_right { padding: 0; margin-top: 20px; }
.why-our-customers .row { margin: 5px 0; }
.banner1 { background-position: 0 0 !important; }
.magmtTeamPop h3, .magmtTeamPop h2 { text-align: center; }
}

@media (max-width:800px) {
.banner { min-height: 435px; }
.pdfResponsiveBox, .pdfResponsive { width: 100% !important; height: 50vh !important; }
}

@media (max-width:768px) {
.w3l_banner_info { margin: 7em auto 0; }
.welcome { padding: 3em 0; }
.banner-grids { margin-top: 2em; }
.client { padding: 3em 0; }
.customer-say { margin-top: 3em; }
.what-w3ls { padding: 3em 0; }
.what-grids { margin-top: 3em; }
.courses { padding: 3em 0; }
.agileits_w3layouts_team_grids.w3ls_courses_grids { margin-top: 2em; }
.team { padding: 3em 0 1em; }
.w3_services_grids { margin-top: 3em; }
.portfolio-agile { margin-top: 3em; }
.portfolio { padding: 3em 0; }
.services { padding: 3em 0; }
.agile_banner_bottom_grids { margin-top: 3em; }
.services-bottom h3 { font-size: 1.8em; }
.choose { padding: 3em 0; }
.highlightsBg p { margin-bottom: 20px; }
.w3ls_team_grid { float: left; width: 50%; margin-left: 25%; margin-right: 25%; }
.magmtTeam .w3ls_team_grid { height: auto; }
.magmtTeam .more { position: inherit; width: auto; }
.magmtTeamPop .modal-dialog { width: 80%; margin: 100px auto; }

}

@media (max-width:767px) {
.navbar-default .navbar-toggle { border-color: #fff; }
.navbar-default .navbar-toggle .icon-bar { background-color: #fff; }
.navbar-toggle { margin: 0em 0 0; z-index: 1; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: transparent; }
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border: none; position: absolute; width: 112%; background: #17468a; z-index: 0; top: 0; left: -15px; right: 0; padding: 110px 0 0; height: 100vh; }
.link-effect-3 a { margin: 0; }
.navbar-right { margin-left: 0; }
.navbar-nav > li > a { padding: 20px 0 0; text-align: center; font-size: 13px; }
.link-effect-3 a::before { width: 10%; top: 29px; left: 34%; }
.navbar-nav { width: 80%; margin: 0 auto; }
.menu--iris .menu__link::before { top: 12px; left: 25px; }
.menu--iris .menu__link::after { right: 25px; bottom: 0px; }
.agile_short_dropdown li a { text-align: center; }
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #00f1ff ! important; }
.navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #fff ! important; }
.CASHeLogo { bottom: 0 !important; }
.banDownUl { position: inherit;flex-direction: column;width: 100%;gap: 15px; }
.BhanixLogo { padding-top: 10px; width: 130px; }
.CASHei5ButAlign { margin-left: -12% !important; }
.magmtTeamPop .modal-dialog { width: 80%; margin: 100px auto; }

}

@media (max-width: 736px) {
.banner1 { min-height: 230px; }
.view { width: 219px; height: 200px; }
.view .mask, .view .content { width: 219px; height: 200px; }
}

@media (max-width: 667px) {
.contact-right-w3-agile input[type="text"] { }
.w3l-footer-top { width: 66%; }
.w3ls-social-icons { width: 34%; }
.footer h3 { font-size: 18px; }
.view { width: 196px; height: 200px; }
.view .mask, .view .content { width: 196px; height: 200px; }
.banDownUl li { width: 100%; margin: 5px 0; padding: 0 0; }
}

@media (max-width: 640px) {
.contact-right-w3-agile input[type="text"]:nth-child(1) { margin-right: 0; margin-bottom: 24px; }
.contact-right-w3-agile input[type="text"] { width: 100%; }
.w3l-footer-top { width: 65%; }
.w3ls-social-icons { width: 35%; }
.footer-w3-agile { margin: 40px 0 0; }
.wthree_banner_info_grid h3 { font-size: 22px; }
.wthree_banner_info_grid h4 { font-size: 20px; }
.wthree_banner_info_grid h5 { font-size: 20px; }
.w3ls_head { font-size: 30px; }
.chrty h3 { font-size: 20px; }
.banner-grid1 h5 { font-size: 17px; line-height: 28px; }
.de_testi { padding: 2em 2em; }
.what-grid1 h4, .what-grid h4 { font-size: 20px; }
.view { width: 286px; height: 200px; }
.view .mask, .view .content { width: 286px; height: 200px; }
.w3l_choose_right_grid { float: left; width: 70%; }
.carousel-caption { top: 46%; }
.carousel-caption h2 { font-size: 16px; line-height: 24px; }
}

@media (max-width: 600px) {
p.w3layouts_para { width: 80%; }
.footer-agileits { width: 50%; margin-bottom: 20px; }
.footer-wthree { width: 50%; margin-bottom: 20px; }
.footer-w3-agileits { width: 50%; }
.footer-agileits-w3layouts { width: 50%; }
.w3ls-social-icons { width: 100%; margin-top: 28px; }
.w3l-footer-top { width: 100%; }
.view { width: 266px; height: 200px; }
.view .mask, .view .content { width: 266px; height: 200px; }
.w3l_choose_right_grid { width: 81%; }
.services-bottom h3 { font-size: 1.5em; }
}

@media (max-width: 568px) {
.view { width: 250px; height: 200px; }
.view .mask, .view .content { width: 250px; height: 200px; }
.CASHei5List img, .CASHei5List p { display: block; text-align: center; margin: 0 auto; }
.banDis { display: none !important; }
.banMob { display: block !important; }
.CASHei5ButAlign { margin-left: 0% !important; }
}

@media (max-width: 480px) {
.what-grid1 p, .what-grid p { font-size: 13px; line-height: 26px; }
.what-grid1 h4, .what-grid h4 { font-size: 19px; }
.what-w3ls { padding: 3em 0 1em; }
.de_testi_by p { font-size: 13px; }
p.w3agile { font-size: 13px; }
p.w3l { font-size: 13px; }
.banner-grid1 p { font-size: 13px; }
.chrty p { font-size: 13px; }
.welcome-top p { font-size: 13px; }
.wthree_banner_info_grid h3 { font-size: 17px; }
.wthree_banner_info_grid h4 { font-size: 17px; }
.wthree_banner_info_grid h5 { font-size: 17px; }
.w3l_banner_info { margin: 5em auto 0; }
.w3_agileits_social_media ul li { margin: 0 0.3em; }
.agileits-contact-info ul li:nth-child(2) { margin-left: 7px; }
.agile-header { padding: 14px 0; }
.banner { min-height: 370px; }
nav.navbar.navbar-default { padding: 1em 0 0 0; }
.w3ls_courses_left_grid h3 { font-size: 18px; letter-spacing: 1px; }
.w3ls_team_grid h4 { font-size: 1em; }
.alert, p { font-size: 13px; }
p.w3layouts_para { font-size: 13px; }
.view { width: 206px; height: 200px; }
.view .mask, .view .content { width: 206px; height: 200px; }
.w3l_choose_right_grid { width: 100%; }
.contact-right-w3-agile form input[type="submit"] { width: 31%; }
.testimonials .de_testi { height: 250px; }
.testimonials .de_testi p { line-height: 1.3em; }
.downloadNowPop .modal-dialog { width: 90%; }
}

@media (max-width: 414px) {
.text-right { text-align: center; }
.agileits-contact-info { width: 100%; }
.agileits-contact-info ul li:nth-child(2) { margin-left: 85px; }
.w3_agileits_social_media { margin-top: 10px; }
.wthree_banner_info_grid h3 { font-size: 14px; }
.wthree_banner_info_grid h4 { font-size: 13px; }
.banner { min-height: 350px; }
.wthree_banner_info_grid h5 { font-size: 13px; }
.quotes { float: none; width: 100%; padding: 0 5em; }
.de_testi_by { float: none; width: 100%; text-align: center; }
.what-grid1 i { height: 42px; width: 42px; line-height: 45px; }
.copy-right-agile p { font-size: 13px; }
.footer li, .footer li a { font-size: 13px; }
.footer-agile p { font-size: 13px; }
p.w3layouts_para { width: 100%; }
.view { width: 173px; height: 200px; }
.view .mask, .view .content { width: 173px; height: 200px; }
.services-bottom h3 { font-size: 1.3em; }
.agileits_choose_right h4 { font-size: 18PX; letter-spacing: 1px; margin-bottom: 0.5em; }
.carousel-caption { top: 42%; }
.carousel-caption h2 { font-size: 14px; line-height: 19px; }
}

@media (max-width: 384px) {
.wthree_banner_info_grid h3 { line-height: 20px; margin: 12px 0; }
.agileits-contact-info ul li:nth-child(2) { margin-left: 62px; }
.view p { font-size: 13px; }
.view { width: 158px; height: 200px; }
.view .mask, .view .content { width: 158px; height: 200px; }
}

@media (max-width: 375px) {
.agileits-contact-info ul li:nth-child(2) { margin-left: 55px; }
.view { width: 154px; height: 200px; }
.view .mask, .view .content { width: 154px; height: 200px; }
}

@media (max-width: 320px) {
.agileits-contact-info ul li:nth-child(2) { margin-left: 19px; }
.agileits-contact-info ul li { font-size: 13px; }
.welcome { padding: 2em 0; }
.w3ls_head { font-size: 26px; }
.charitys { margin-top: 2em; }
.chrt_grid { margin-bottom: 2em; padding: 0; }
.banner-grid1 { padding: 0; }
.banner-grids { margin-top: 0em; }
.banner-grid { padding: 0; }
.client { padding: 2em 0; }
.customer-say { margin-top: 2em; }
.quotes { padding: 0 1em; }
.what-grid1 { padding: 0; }
.what-grid1 h4, .what-grid h4 { font-size: 17px; }
.what-grid1 i { height: 37px; width: 37px; line-height: 37px; font-size: 1.2em; }
.what-grid { padding: 0; }
.footer-agileits { width: 100%; padding: 0; }
.footer-wthree { width: 100%; padding: 0; }
.footer-w3-agileits { width: 100%; padding: 0; margin-bottom: 20px; }
.footer-agileits-w3layouts { width: 100%; padding: 0; }
.w3l-footer-top { width: 100%; padding: 0; }
.footer-w3-agile { margin: 26px 0 0; }
.w3ls-social-icons { width: 100%; padding: 0; }
.copy-right-agile { margin-top: 26px; text-align: center; }
.footer { padding: 2em 0; }
.copy-right-agile p { line-height: 24px; }
.newsletter { width: 100%; }
.banner1 { min-height: 200px; }
.courses { padding: 2em 0; }
.agileits_w3layouts_team_grids.w3ls_courses_grids { margin-top: 0em; }
.w3ls_courses_left_grid h3 { font-size: 16px; }
.w3ls_team_grid { width: 100%; margin-left: 0; margin-right: 0; }
.w3ls_team_grid { padding: 0; }
.w3_services_grids { margin-top: 2em; }
.navbar-brand { font-size: 0.9em; }
.portfolio { padding: 2em 0; }
.view { width: 263px; height: 200px; }
.view .mask, .view .content { width: 263px; height: 200px; }
.portfolio-agile { margin-top: 2em; }
.services { padding: 2em 0; }
.agile_banner_bottom_grids { margin-top: 2em; }
.agile_services_grid { text-align: center; padding: 0; }
.choose { padding: 2em 0; }
.agileinfo_choose_left { padding: 0; }
.agileits_choose_right h4 { font-size: 16PX; margin-bottom: 0.5em; }
.w3ls_choose_left_grid i { font-size: 1.5em; line-height: 2.5em; }
.w3ls_choose_left_grid { width: 70px; height: 70px; }
.agileits_choose_right { padding: 0; }
.agileits_choose_left { padding-left: 0; }
.contact { padding: 2em 0; }
.map iframe { min-height: 250px; }
}
.table-hover tr, .table-hover td{border:1px solid #000;}
@media (max-width: 768px){
    .desktop-policies{display: none;}
    .mobile-policies{display: block!important;}
}
@media (max-width: 2100px){
    .mobile-policies{display: none;}
}
.table-hover td:hover { background: #ebebeb;}
.nav li.active:after { content: "";position: relative;bottom: -13px;left: 29%;border: 15px solid transparent;border-top-color: #337ab7;}
.mb-20{margin:20px 0px;}
.fancy-collapse-panel .panel-default > .panel-heading {
padding: 0;

}
.fancy-collapse-panel .panel-heading a {
padding: 12px 35px 12px 15px;
display: inline-block;
width: 100%;
color: #ffffff;
position: relative;
text-decoration: none;
}
.fancy-collapse-panel .panel-heading a:after {
font-family: "FontAwesome";
content: "\f147";
position: absolute;
right: 20px;
font-size: 20px;
font-weight: 400;
top: 50%;
line-height: 1;
margin-top: -10px;
}

.fancy-collapse-panel .panel-heading a.collapsed:after {
content: "\f196";
}
.tablink {
    background-color: #555;
    color: white;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    font-size: 17px;
    width: 33%;
  }
  
  .tablink:hover, .credit-product-tabs:hover {
    background-color: #777;
  }
  
  /* Style the tab content (and add height:100% for full page content) */
  .tabcontent {
    color: #000;
    display: none;
    padding: 100px 20px;
    height: 100%;
  }
  @media (max-width: 640px) {
    .tablink {
        padding: 14px 3px;
        font-size: 15px;
      }
  }
  @media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    .tablink {
        padding: 14px 3px;
        font-size: 10px;
      }
  }

  .credit-product-tabs {
    background-color: #555;
    color: white;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    font-size: 15px;
    width: 25%;
  }
  
  .table-layout-partners {
    font-family: Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
  }
  
  .table-layout-partners td, .table-layout-partners th {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: center;
    font-size: 12px;
  }
  
  .table-layout-partners tr:nth-child(odd){background-color: #f2f2f2;}
    
  .table-layout-partners th {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #f6821f;
    color: white;
  }

  .table-layout-partners ul {
    text-align: left;
    display:inline-block;
  }

  .partnerscontent {
    color: #000;
    display: none;
    padding: 100px 20px;
    height: 100%;
  }

  .not-mobileview {
    display: block;
  }
  .cpSuiteLi {
    font-size: 12px;
  }
  @media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
  .table-layout-partners td, .table-layout-partners th {
    padding: 2px;
    text-align: center;
    font-size: 5px;
  }
  .table-layout-partners .small-text {
    font-size: 5px;
}
  .table-layout-partners ul li{
    font-size: 4px;
    margin-left:20%;
  }
  .not-mobileview {
    display: none;
  }

  /* .table-layout-partners ul li span {
    position: relative;
    left: -5px;
  } */
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1180px) {
    .table-layout-partners td, .table-layout-partners th {
      padding: 10px;
      text-align: center;
      font-size: 10px;
    }
    .table-layout-partners .small-text {
      font-size: 10px;
  }
    .table-layout-partners ul li{
      font-size: 10px;
      margin-left:9px;
    }
    .not-mobileview {
      display: none;
    }

    .table-layout-partners ul li span {
      position: relative;
      left: -5px;
    }
}

/* Sandhya Modified CSS  */

.form-control {
   display: unset !important; 
   
 }
 .label-sec label {
  float: right;
}
.submit {
  text-align: center;
}

.label-sec {
  padding: unset !important;
}
.input-sec {
  margin-bottom: 10px;
}

label.error {
  color: red;
  font-weight: 400 !important;
  margin-bottom: 6px;
}


/* Sandhya Modified CSS  */

.form-control {
  display: unset !important; 
  
}
.label-sec label {
 float: right;
}
.form-group.submit {
 text-align:center;
}

.label-sec {
 padding: unset !important;
}
.input-sec {
 margin-bottom: 10px;
}

label.error {
 color: red;
 font-weight: 500 !important;
 margin-bottom: 6px;
 font-size: 14px;
 margin-top: 9px;
}

.contact-page-section {
 margin-top: 70px;
 margin-bottom: 70px;
}
input#captcha_code {
 margin-bottom: 10px;
}

#form_error_and_scuccess{
 color:red;
 font-size: 14px;
}
.captcha_image {
 margin: 30px 0 10px 0;
}
#form_error_and_scuccess1{
 color:red;
 font-size: 14px;
}

/* CSR Policy CSS */

.csr-subtitle {
  font-size: inherit;
  font-weight: 600;
  color: rgb(16, 16, 16);
  text-transform: uppercase;
}

.csr-text {
  font-size: 14px;
  line-height: 1.6;
  text-align: left;
  font-weight: 400;
  color: rgb(127, 127, 127);
  margin-bottom: 25px !important;
}
.csr-heading {
  font-size: 25px;
  color: #f6821f;
}
.csr-list{
  position: relative;
}
.csr-diamond li::before {
  content: " ";
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  background: #f6821f;
  position: absolute;
  left: 8px;  
  margin-top: 11px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.csr-diamond li{
  list-style: none; 
  color: rgb(127, 127, 127);
  font-size: 14px;
  line-height: 2;
  font-weight: 500;
}
ul.csr-diamond {
  padding-left: 30px;
}
.csr-planlist li{  
  color: rgb(127, 127, 127);
  font-size: 14px;
  line-height: 2;
  font-weight: 500;
}
.csr-committee-list li {
  color: rgb(127, 127, 127);
  font-size: 14px;
  line-height: 2;
  font-weight: 500;
}
ul.csr-committee-list {
  padding-left: 30px;
}
.csr-impl li{
  color: rgb(127, 127, 127);
  font-size: 14px;
  line-height: 2;
  font-weight: 500;
}

.csr-hero-banner{
  background-image: url(../images/csr-hero-banner-image.png);   
  background-position: -30% 82%;
  height: calc(400/15*1rem);  
}
.heroPictureCardBox {
  opacity: .9;
  border-radius: 4px; 
  margin-top: calc(187px + 3rem);
  padding: 2rem;
}

.heroPictureCardBoxTitle {
  background: #f6821f;
  opacity: .9;
  border-radius: 4px;
   box-shadow: 0 25px 100px 0 rgba(0,0,0,.15);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-height: calc(280/16*1rem);
  margin-top: calc(-69px + 3rem);
  width: auto !important;
  padding: 2rem;
  margin-bottom: 30px;
}
.heroPictureCardBoxTitle h1 {
  font-weight: 500;
  font-size: 2.5rem;
  line-height: 48px;
  color: #15011d;
  letter-spacing: .12px;
  text-transform: uppercase;
  text-align: left;
  color: #fff;
}

.welcome-col-sec h2 {
  margin-bottom: 20px;
}
.welcome-col-sec p {
  font-size: 1rem;
  margin-bottom: 10px;
}
.container.welcome-sec {
  margin-bottom: 30px;

}
.vision-sec-col p {
  font-size: 1rem;
  margin-bottom: 10px;
}
.vision-mission-sec img {
  max-width: 100%;
  height: auto;
}
.vision-sec-col h2 {
  margin-bottom: 20px;
}
.container.vision-sec {
  margin-top: 50px;
  margin-bottom: 50px;
}
.csr-initiatives-col img {
  max-width: 100%;
  height: auto;
}

.csr-initiatives-sec {
  margin-top: 50px;
  margin-bottom: 50px;
}
.csr-initiatives-col h2 {
  width: 660px;
  margin: 0 auto;
  line-height: 1.3;
}

.csr-image-slider-grid img {
  max-width: 100%;
}

.csr-image-slider-sec .de_testi {
  background: unset !important;
}

.csr-slider {
  overflow: hidden;
  height: auto;
  /*object-fit: contain;
  aspect-ratio: 4/3;*/
  width: 100%;
}

.csr-slider img {
  object-fit: cover;
  object-position: 50% 50%;
  transition: all .5s ease-in-out;
}
.csr-slider img:hover {
  transform: scale(1.2);
}

.cst-actvity-frames-sec h2 {
  margin-bottom: 30px;
}

.csr-h3, .orange{
  color: #f6821f;
}

.sports-event-sec p, .joy-of-giving-sec p {
  text-align: justify;
  margin-bottom: 40px;
  margin-top: 40px;
  font-size: 1rem;
}

.col-md-3.w3ls_team_grid.magmt-team-sec {
  width: 240px;
}
.mgmt-team-row {
  display: flex;
  justify-content: center;
  align-items: center;
}
.mgmt-team-details {
  margin-top: 20px;
}

div#retailLoans table {
  margin-bottom: 30px;
}
.retail-loan-text p {
  font-weight: normal;
  margin-bottom: 25px;
  line-height: 23px;
}
.retail-loan-text {
  border: 1px solid #f6821f;
  padding: 20px;
  margin-bottom: 30px;
}


.inSection ul {
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: start;
}

.inSection ul li {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.inSection ul li::before {
  content: "•";
  font-size: 16px;
  color: #000;
}


#inSection h1 {font-size: 34px;font-family: 'gilroy-bold';line-height: 34px;	margin-bottom: 20px;margin-top: 0px;}
#inSection h3 {font-size: 30px;font-family: 'gilroy-bold';line-height: 34px;	margin-bottom: 20px;margin-top: 0px;}
#inSection .tags{display: inline-block;margin-bottom: 40px;}
#inSection .tags li{float: left;margin: 5px;}
#inSection .tags li a{border: 1px solid #C7C7C7; height: 40px; line-height: 40px;display: block; padding: 0 15px; border-radius: 30px;font-size: 14px; font-family: 'gilroy-medium';color: #000;}
#inSection .tags li.current-menu-item a{background: #FF8206;color: #fff;border-color: #FF8206;}
#inSection .tags li.current-menu-item a:hover{color: #fff !important;}
#inSection p {font-size: 14px;line-height: 24px;}
#inSection p a{color: #FF8206;}
#inSection h4{font-family: 'gilroy-bold';font-size: 26px;}
.inSection1 h2 { font-size: 25px; color: #f6821f; margin-bottom: 20px; font-family: 'Gilroy-Bold'; }
.inSection1 { margin-top: 50px; margin-bottom: 50px; }

.inSection1 h2 { font-size: 25px; color: #f6821f; margin-bottom: 20px; font-family: 'Cabin', sans-serif; }

.inSection1 p { margin: 10px 0; }

.inSection1 ul {
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
}

.inSection1 ul li {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.inSection1 ul li::before {
  content: "*";
  font-size: 16px;
  color: #000;
}

.BhanixLogo img {
  width: 28%;  /* Apply width for desktop */
  height: auto; /* Maintain aspect ratio */
}

@media (max-width: 768px) { 
  .BhanixLogo img {
      width: auto; /* Remove width for mobile */
  }
}