body {color:#575757; font-family: 'Roboto' !important; font-size: 16px !important;  overflow-x: hidden;}
a:focus-visible{outline: none !important;}
p{font-family: 'Roboto' !important; font-size: 18px !important; color:#575757 !important;}
a{font-family: 'Roboto' !important; text-decoration: none !important; color: #575757 !important; font-size: 18px !important;}
a:hover{color: #10497e !important; font-weight: bold !important;}
/*Logo*/
@media only screen and (min-width: 1400px){nav.navbar.navbar-expand-lg.navbar-light {max-width: 1320px !important;}}
@media only screen and (min-width: 1200px)and (max-width:1399px){nav.navbar.navbar-expand-lg.navbar-light {max-width: 1140px !important;}}
@media only screen and (min-width: 992px) and (max-width:1199px){nav.navbar.navbar-expand-lg.navbar-light {max-width: 960px !important;}}
@media only screen and (min-width: 768px) and (max-width:991px){nav.navbar.navbar-expand-lg.navbar-light {max-width: 100% !important;}}
@media only screen and (min-width: 576px) and (max-width:767px){nav.navbar.navbar-expand-lg.navbar-light {max-width: 100% !important;}}
.navbar{ padding:20px !important;}
@media only screen and (min-width: 480px){.navbar{ padding:20px 0px 20px 0px !important;}}
ul.navbar-nav.m-auto {margin-right: 0 !important;}
.navbar-expand-lg {	max-width: unset !important;margin-left: auto !important;margin-right: auto !important;}

/*Header Navigation*/
.navbar{ padding:20px !important;}
button.btn.btn-primary-customstyle.navbar-toggler.collapsed{font-size: 16px !important; background-color: #ffffff !important; color: #17498e !important; font-family: 'Roboto' !important; border-color: #17498e !important;}
button.btn.btn-primary-customstyle.navbar-toggler{font-size: 16px !important; background-color: #ffffff !important; color: #17498e !important; font-family: 'Roboto' !important; border-color: #17498e !important; text-transform: uppercase !important;}
.navbar-light .navbar-toggler-icon{filter: brightness(1) invert(0) !important;}
.navbar-nav .nav-link {padding-right: 0 !important; padding-left: 0 !important;}
@media only screen and (max-width:767px){.mobilelogo{margin-left: unset !important;}}
@media only screen and (max-width:767px){button.btn.btn-primary-customstyle.navbar-toggler{margin-right: unset !important;}}
@media only screen and (max-width:480px){.navbar{padding: 10px !important;}}
.navbar-toggler:focus{box-shadow: 0 0 0 .05rem !important;}
@media only screen and (max-width: 480px) {.mobilelogo {width:100px; height:auto;}}

/*Menu Links*/
.navbar-light .navbar-nav .nav-link {font-family: 'Roboto' !important; text-transform: uppercase !important; font-size: 16px !important; color: #10497E !important;letter-spacing: 1px;}
.navbar-light .navbar-nav .nav-link:hover {color: #000000 !important; text-decoration: none !important; font-weight: normal !important;}
.nav-item { padding-left: 8px !important; padding-right: 8px!important;}
.dropdown-menu{padding: 0 0 !important;}
.dropdown-menu .dropdown-item{ font-size: 16px !important; text-decoration: none !important; font-family: 'Roboto' !important; color: #10497E !important;}
.dropdown-menu .dropdown-item:hover {color: #000000 !important; font-weight: normal !important;}
.dropdown-item:focus, .dropdown-item:hover{background-color: unset !important;}
.dropdown-menu li {border-bottom: 1px #f2f1f1 solid !important; padding-left: 5px !important;}
@media only screen and (max-width:991px){.dropdown-menu li{padding-left: unset !important;}}

ul.navbar-nav.m-auto {margin-right: 0 !important;}

/*Home Page Banner*/
.carousel-caption{bottom:unset !important; text-shadow: 3px 2px 8px #000 !important;}
.carousel-item.active {display: flex !important; justify-content: center !important; align-items: center !important; flex-direction:column !important;}
.carousel-btn{display: unset !important;}

.caraousel-heading a{font-family: 'Roboto' !important; font-size:48px !important; color:#ffffff !important;}
@media only screen and (max-width:981px){.caraousel-heading a{font-size:32px !important;}}
@media only screen and (max-width:767px){.caraousel-heading a{font-size:24px !important;}}
@media only screen and (max-width:480px){.caraousel-heading a{font-size:22px !important;}}

.caraousel-heading a:hover{color:#ffffff !important; text-decoration: underline !important;}
.caraousel-subheading{font-family: 'Roboto' !important; color:#ffffff !important;}
.caraousel-subheading a{font-family: 'Roboto' !important; color:#ffffff !important;}

.carousel-control-next{opacity: 0.7 !important;}
.carousel-control-next:hover{opacity: 0.9 !important;}

.carousel-control-prev{opacity: 0.7 !important;}
.carousel-control-prev:hover{opacity: 0.9 !important;}

.carousel-control-next-icon{display: unset !important; filter: brightness(2) !important; background-size: 90px 90px !important; width: 50px !important; height: 25px !important;}
.carousel-control-prev-icon{display: unset !important; filter: brightness(2) !important; background-size: 90px 90px !important; width: 50px !important; height: 25px !important;}

.carousel-item img{height: 470px !important;}
@media only screen and (max-width:981px){.carousel-item img{height: 350px !important;}}
@media only screen and (max-width:767px){.carousel-item img{height: 220px !important;}}
@media only screen and (max-width:480px){.carousel-item img{height: 200px !important;}}

.widget-carousel .carousel-caption{
    display: flex !important;
	align-items: center !important;
    justify-content: center !important;
    padding: 10px 10px !important;
}

h1{font-family: 'Roboto' !important; font-size:54px !important; color:#ffffff !important; text-transform: uppercase !important;}
@media only screen and (max-width:981px){h1{font-size:32px !important;}}
@media only screen and (max-width:767px){h1{font-size:24px !important;}}
@media only screen and (max-width:480px){h1{font-size:22px !important;}}

.carousel-dark .carousel-indicators [data-bs-target] {
    background-color: #ffffff !important;
}

.widget-carousel .carousel-btn{
	display: flex !important;
    align-items: center !important;
    position: inherit !important;
    top: 130px !important;
    justify-content: center !important;
    left: 50% !important;
}
@media only screen and (max-width:767px){.widget-carousel .carousel-btn{ top: 45px !important;}}
.carousel-btn .btn{
	font-family: 'Roboto' !important;
    background-color: #3d5daa !important;
    border: none !important;
    border-radius: 5px !important;
    color: white !important;
    font-size: 16px !important;
    padding: 10px !important;
    font-weight: 900 !important;
}

/*Banner*/
.carousel-item.medium >img{height: 100% !important;}
.carousel-item.medium {
    max-height: 500px !important;
}
.widget-carousel .medium .carousel-caption{border: 1px solid #fff !important; border-radius: 5px !important; background-color: #fff6 !important;}
.carousel-item.small >img{height: 150px !important;}
.banner-heading h1{
	color: #ffffff !important;
	font-size: 54px !important;
	font-weight: bold !important;
	text-shadow: 3px 2px 8px #000 !important;
	text-align: center;
}
/* @media only screen and (max-width:981px){.banner-heading h1{font-size:32px !important;}} */
/* @media only screen and (max-width:480px){.banner-heading h1{font-size:24px !important;}} */

.banner-section img, .widget-carousel .carousel .small img{min-height: 250px !important;}
@media only screen and (max-width: 767px){.banner-section img, .widget-carousel .carousel .small img{min-height: 200px !important;}}
@media only screen and (max-width: 767px){.banner-section, .widget-carousel .carousel .small {height: 200px !important;}}

.banner-section, .widget-carousel .carousel .small {
	height: 250px ;
	background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/*Home Page*/

.wd-threecolumn-info-hedaing{padding-bottom: 15px !important;}
.wd-threecolumn-info-hedaing h2{font-family: 'Roboto' !important; color: #10497e !important; font-size: 30px !important; font-weight: bold !important;}
/* @media only screen and (max-width:981px){.wd-threecolumn-info-hedaing h2{font-size: 35px !important;}} */
/* @media only screen and (max-width:767px){.wd-threecolumn-info-hedaing h2{font-size: 28px !important;}} */
/* @media only screen and (max-width:480px){.wd-threecolumn-info-hedaing h2{font-size: 28px !important;}} */

.wd-threecolumn-info-block a{font-family: 'Roboto' !important; text-transform: uppercase !important;}
.wd-threecolumn-info-block a:hover{color: #b1b1b1 !important;}
.wdg-free-text-desc h2{font-family: 'Roboto' !important; font-size: 30px !important; color: #10497e !important; font-weight: bold !important;}
/* @media only screen and (max-width:981px){.wdg-free-text-desc h2{font-size: 28px !important;}} */
/* @media only screen and (max-width:767px){.wdg-free-text-desc h2{font-size: 24px !important;}} */
/* @media only screen and (max-width:480px){.wdg-free-text-desc h2{font-size: 24px !important;}} */

.Transactions .wdg-free-text-desc h2{font-weight: normal !important;font-size: 36px !important;}
.Transactions .wdg-free-text-desc h2 span.amount{font-family: 'Roboto' !important; font-size: 72px !important; color: #00aeef !important; font-weight: bold !important;}
/* @media only screen and (max-width:981px){.Transactions .wdg-free-text-desc h2 span.amount{font-size: 56px !important;}} */
/* @media only screen and (max-width:767px){.Transactions .wdg-free-text-desc h2 span.amount{font-size: 56px !important;}} */
/* @media only screen and (max-width:480px){.Transactions .wdg-free-text-desc h2 span.amount{font-size: 56px !important;}} */
.Transactions .wdg-free-text-desc h3{font-family: 'Roboto' !important;  font-size: 24px !important; font-weight: normal !important;}


/* Company */

.image-text-widget .text-desc h3{font-family: 'Roboto' !important; color: #10497e !important; font-size: 20px !important; font-weight: bold !important;}

.image-text-widget .widget-img{padding-bottom: 15px !important;}
.image-text-widget .widget-img img{width: 100px !important; height: auto !important;}
@media only screen and (max-width:768px){ #content-Company .image-text-widget-desc .text-desc h3{text-align:center;}}


/*Leadership*/

.employeecard .cell-phone{display: none !important;}
.employeecard .employee-phone a{font-family: 'Roboto' !important; color: #10497e !important; font-size: 16px !important;}
.employeecard .employee-phone a:hover{color: #000000 !important;font-weight: bold !important;}
.employee-section .card-body .employee-name{font-family: 'Roboto' !important; color: #10497e !important; font-size: 18px !important; font-weight: bold !important; padding: 10px 0 0px !important;}
.employee-section .card-body .employee-designation{font-family: 'Roboto' !important; color: #10497e !important; font-size: 16px !important; font-weight: bold !important;}
.employee-section .card-body .employee-email a{font-family: 'Roboto' !important; color: #10497e !important; font-size: 16px !important;}
.employee-section .card-body .employee-email a:hover{color: #000000 !important;font-weight: bold !important;}
.employee-vCard {float: unset !important;}
.employeecard{box-shadow: unset !important; animation: none !important; animation-duration: unset !important;max-width: 320px !important;}

/* Services */

.ImgAndDescWidget .ImgAndDesc{box-shadow: unset !important; animation: none !important;}
.ImgAndDescWidget .imganddesc-img img{width: 100% !important;}
.ImgAndDescWidget .imgdesc-heading{text-align: left !important; font-family: 'Roboto' !important; color: #10497e !important; font-size: 20px !important; font-weight: bold !important;}
.ImgAndDescWidget .imgdesc-description{text-align: left !important; padding: unset !important;}

/* Contact Us */

.twocolSection .map-widget .map-heading{font-family: 'Roboto' !important; font-size: 30px !important; color: #10497e !important; font-weight: bold !important;}
/*@media only screen and (max-width:480px){.twocolSection .map-widget .map-heading{text-align:center !important;}}*/
.wdg-free-text-desc h3{font-family: 'Roboto' !important; color: #10497e !important; font-size: 20px !important; font-weight: bold !important;}
.ContactAddress .Linkedin a{font-family: 'Roboto' !important;color: #10497e  !important;font-weight:bold !important;font-size:20px !important;}
@media only screen and (max-width:480px){.ContactAddress h2.map-heading{text-align:center;}}


/*Footer Navigation*/
.footer-links {font-family: 'Roboto' !important; background-color: #10497e !important;}
.footer-disclaimer{font-family: 'Roboto' !important; background-color: #343f47 !important; color:#ffffff !important; font-size:12px !important;}
.footer-navigation{color: #ffffff !important; text-align: left !important;}
.footer-navigation a{font-family: 'Roboto' !important; color: #ffffff !important; font-size:16px !important; text-decoration: none !important;}
.footer-navigation a:hover{font-family: 'Roboto' !important; color: #ffffff   !important; font-weight: bold !important;}
.footer-copyright {font-family: 'Roboto' !important; color: #ffffff !important; font-size:12px !important;}
.col-xl-6{align-content: center !important;}
.footer-feature p, .footer-feature p a {font-size: 16px !important; color: #ffffff !important; font-family: 'Roboto' !important;}
.footer-feature p a:hover {font-size: 16px !important; color: #ffffff !important; font-family: 'Roboto' !important;font-weight:bold !important;}
.footer-links .col-xl-4:nth-last-child(1){align-content: center !important;}
@media only screen and (max-width: 578px) {.footer-feature {margin-top: 20px;}}
	
.accordion-button {font-weight: 700 !important;}
.accordion-body .descp {padding: 20px;}
#MarketingServices  .descp {padding: 20px;}

.accordion #MarketingServicesaccoridon #MarketingServicesaccoridon {
    margin-bottom: 40px !important;
}
.custom-footer-disclaimer, .custom-footer-disclaimer a{font-size:12px !important;color:#ffffff !important;font-family: 'Roboto' !important;text-align: center;}
.custom-footer-disclaimer a:hover{font-weight:bold !important;}



/*BLOG*/
.postSummary a.blogPostFullPage{background-color:#10497e !important; color:#ffffff !important; border-color:#10497e !important;font-size:20px !Important;text-transform: uppercase !important;margin: 5px 0px 15px 15px;min-width: 125px;}
.blogPostTitle{text-align: left !important; font-family: 'Roboto' !important; color: #10497e !important; font-size: 22px !important; font-weight: bold !important;margin:0px 15px 10px 15px;}
ul.pagination{text-align: center; justify-content: center; margin-top: 50px;}
.postSummary {margin: 15px !important; border: 2px solid #efefef !important;padding:0px 0px 20px 0px !important;}
.blogImg{max-width: 100% !important; vertical-align: top !important; width: 100% !important; object-fit: cover !important; overflow-clip-margin: content-box !important; overflow: clip !important; z-index: 0 !important;}
.blogPostDate{text-align: left !important; font-family: 'Roboto' !important; color: #636466 !important; font-size: 14px !important; font-weight: unset !important;margin-left: 15px;}
#blogPageHeading{text-align: left !important; font-family: 'Roboto' !important; color: #10497e !important; font-size: 30px !important; font-weight: bold !important;}
#blogPostText h2{text-align: left !important; font-family: 'Roboto' !important; color: #10497e !important; font-size: 22px !important; font-weight: bold !important;}
#blogPostText{margin-bottom:20px;}
.pagination li a{font-family: 'Roboto' !important; color: #10497e !important; font-size: 18px !important;text-transform:capitalize !important;}
.pagination-container li.active, .pagination-container li a:hover {color: #000000 !important;font-family: 'Roboto' !important; font-size: 18px !important;text-transform:capitalize !important;}
.blogDetailSection a{font-family: 'Roboto' !important; color: #575757 !important; font-size: 18px !important;}
.blogDetailSection a:hover{color: #10497e !important;font-weight: bold !important;}


/*Price List*/
.table-striped {border: 1px solid #10497e;font-size:16px !important;font-family: 'Roboto' !important;}
.table-striped thead {background-color: #18498d;color:#ffffff !important;}
.table-striped thead th{font-weight:bold;text-transform: uppercase;font-family: 'Roboto' !important;}
.table-striped td, .table-striped th{border: 1px solid #10497e;padding:10px;}
.table-striped td p{margin-bottom:unset !important; font-size:16px !important;font-family: 'Roboto' !important;color:#000000 !important;}
.table-striped tbody tr:nth-child(odd) {background-color: rgba(16,72,126,.5); }