.Container-fluid{overflow:hidden;}
p{font-size:18px;}
.uppercase{text-transform:uppercase;}
.justify{text-align:justify;}
.pad-top{padding-top:20px;}

.container-fluid{width:100%;padding:0px !important;}


.navbar{background:#4659d0 !important;}
.navbar .logo{text-align:center;}
.navbar .logo span{color:#fff !important;text-transform:uppercase;}
.navbar .logo .text-dark{font-size:38px;}
.navbar .logo .text-primary{font-size:18px;}
.nav-item:hover {color:#fff !important;}
.navbar .nav-item a{color:#fff ;font-size:21px;}
.main-menu-navbar{margin:0 5rem !important;} 
.navbar .social-link a{color:#fff;padding-left:30px;}


/* Dropdown menu */

.dropdown {
  position: relative;
  display: inline-block;
}
.dropdown a{cursor: pointer;}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 290px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  padding:0px !important;
}
.dropdown-content li{list-style:none;text-align:left;}
.dropdown-content a {
  color: black !important;
  padding: 6px 16px;
  font-size:18px !important;
  text-decoration: none;
  display: block;
}
.dropdown-content a:hover {background-color: #4659d0; color:#fff !important;}
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn {background-color: #3e8e41;}



.dropdown1 .dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 150px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  padding:0px !important;
}

/* dropdown footer */

.dropdown-footer ul li, .dropdown-footer ul li a{color: #fff !important;text-decoration: none;padding:5px 0 0 0 ;}
.btn-outline-primary:active{border-color:#4232c2;background:unset !important;color:#fff !important;}
/* Banner section */

.banner-wrapper .bx{font-size:60px;}

/* About section index */
.abt p{text-align:justify !important;}

.service-wrapper{text-align:left !important;}
.service-wrapper .h3{font-size:20px;}
.service-wrapper p{font-size:18px;text-align:justify !important;}
.about-index{padding:30px 0 0 0;}
.about-index img{width:100%;height:auto;border:1px solid #4659d0;border-radius:5px;}
.about-inner img{border:5px solid #efeffd;}
.about-head-ban{text-align:center;}
.about-head-ban .typo-space-line::after{left:37rem;}
.about-head-ban h1{}
.about-head-ban p{}
.abt-image{padding-top:115px;}

.service-tag{margin-top:60px;}
.service{border-radius:15px;border:2px solid #4659d0;}



.recent-work .recent-work-vertical{
	/* background:linear-gradient(0deg, rgba(255,255,255,1) 0%, rgb(16 15 15 / 0%) 0%, rgba(97,84,199,0) 100%, rgba(255,255,255,0) 99.999%); */
	/* border:2px solid #000; */
	border-radius:10px;
	background:unset;
}
.recent-work .recent-work-vertical:hover{
	/* background:linear-gradient(0deg, rgba(255,255,255,1) 0%, rgb(16 15 15 / 0%) 0.333%, rgba(97,84,199,1) 0.666%, rgba(255,255,255,0) 99.999%); */
	background:unset;
}	

.listed{padding-right:0px;}	
.list-content{padding-left:60px;}
.list-content .pb-4{font-weight:500;padding:0px !important;}
.list-content .typo-space-line:after{border:none;padding:0px;width:0px;}

.overview{background:unset !important;}
.overview h2{color:#000 !important;text-align:left !important;}
.overview p{color:#000 !important;text-align:justify !important;font-size:18px;}

.listed .bg-secondary {background:#000;}
.bg-secondary{background:#000;}
.pricing-table-list{background:#fff;padding-bottom:10px;border:2px solid #000;}
.serv-ind-main li{font-weight:500 !important;color:#000 !important;}

.services-head li a{background:#fff !important;color:#202025 !important; font-weight:600;}
.services-tab .wrap p span {
    font-size: 1rem !important;
    padding: 0 10px 0 0;
    margin: 0px;
    color: #0146c0;
}
.service-para{padding-top:20px;color:#fff;}

.btn-outline-light:hover{font-weight:600;}

.footer-bot{background:#000 !important;color:#000 !important;}
/* .footer-bot a, .footer-bot .text-light, .footer-bot h3, .footer-bot ul li{color:#000; !important;} */

/* index gallery */

  .facility img{border: 3px solid #6266ea; border-radius: 10px;}

/* About section */

.abt-image img{width:100%;height:auto;border:2px solid #4659d0;}
.text-muted{font-size:18px !important;font-weight:500;color:#000;}
.about-miss i{font-size:45px;}
.about-miss h2{text-transform:uppercase;font-size:20px;font-weight:600;}

.services-banner img{width:100%;height:auto;}
.services-page .btn-outline-primary{border:1px solid #fff;text-transform:uppercase;}
.services-page .btn-outline-primary.active{border-color:#4232c2 !important;}
.services-page li{margin-top:1rem;}


/* Services page right menu */




/*------------------------------------------------------------------
    Services
-------------------------------------------------------------------*/

.services-box{padding-top:50px;padding-bottom:50px;}
.services-box1{
	padding: 70px 0px;
	background-color: #f2f3f5;
}

.serviceBox1{
    padding: 35px 20px 25px;
    border: 1px solid #225bbf;
    text-align: center;
    position: relative;
    transition: all 0.3s ease 0s;
}
.serviceBox1:hover{ border-color: #255ab9 ; }
.serviceBox1:before{
    content: "";
    border-top: 20px solid #fff;
    border-left: 20px solid transparent;
    border-bottom: 20px solid transparent;
    position: absolute;
    top: 7px;
    right: 7px;
    transition: all 0.3s ease 0s;
}
.serviceBox1:hover:before{ border-top-color: #0146c0 ; }
.serviceBox1 .service-icon{
    display: inline-block;
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 30px;
    color: #225bbf;
    margin-bottom: 35px;
    z-index: 1;
    position: relative;
    transition:all 0.3s ease 0s;
}
.serviceBox1:hover .service-icon{ color: #fff; }
.serviceBox1 .service-icon:before{
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 3px;
    border: 1px solid #225bbf;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transform: rotate(45deg);
    transition: all 0.3s ease 0s;
}
.serviceBox1:hover .service-icon:before{
    border-color: #255ab9 ;
    background: #255ab9 ;
}
.serviceBox1 .title{
    font-size: 20px;
    font-weight: 600;
    color: #255ab9;
    text-transform: capitalize;
    margin: 0 0 15px 0;
	padding: 0;
}
.serviceBox1 .description{
    font-size: 15px;
    color: #999;
    line-height: 27px;
    margin: 0 0 10px 0;
}
@media only screen and (max-width:990px){
    .serviceBox1{ margin-bottom: 30px; }
}

.serviceBox1 a{
	border-radius: 2px;
	transition: .2s;
	letter-spacing: 1px;
	padding: 10px 18px;
	background: #ffffff;
	color: #052501;
	display: inline-block;
	line-height: 12px;
}

.serviceBox1 a.new-btn-d.br-2{
	border: 2px solid #225bbf;
}
.serviceBox1 a:hover{
	color: #ffffff;
	background:#225bbf;
}
.serviceBox1 a.new-btn-d::before {
    background: rgba(18,85,127,0.2);
}
.services-box1 .owl-carousel1{
	text-align: center;
}
.services-box1 .owl-carousel1 .owl-nav{
	display: inline-block;
	margin: 0 auto;
	margin-top: 20px;
}
.services-box1 .owl-carousel1 .owl-nav .owl-prev{
	border: 2px solid #12557f;
	border-radius: 2px;
	transition: .2s;
	letter-spacing: 1px;
	padding: 10px 18px !important;
	background: #ffffff;
	color: #12557f;
	display: inline-block;
	line-height: 12px;
	font-size: 34px;
	margin: 0 10px;
}
.services-box1 .owl-carousel1 .owl-nav .owl-prev:hover{
	background: #00cb86;
	color: #ffffff;
}
.services-box1 .owl-carousel1 .owl-nav .owl-next{
	border: 2px solid #12557f;
	border-radius: 2px;
	transition: .2s;
	letter-spacing: 1px;
	padding: 10px 18px !important;
	background: #ffffff;
	color: #12557f;
	display: inline-block;
	line-height: 12px;
	font-size: 34px;
	margin: 0 10px;
}
.services-box1 .owl-carousel1 .owl-nav .owl-next:hover{
	background: #00cb86;
	color: #ffffff;
}
.owl-carousel1 .item1{width:25%;float:left;}

/*----------------------------------------------------------
				Services
-----------------------------------------------------------*/


.sercies-tab-head h2{color:#000 !important;padding-top:60px;}
/* Style the tab */
.services-tab{width:100%;}
.services-tab .tab {
  float: left;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
  width: 30%;
  height: auto;
}

/* Style the buttons inside the tab */
.services-tab .tab button {
  display: block;
  background-color: #0146c0;
  color: white;
  padding: 15px 16px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 17px;
  border-bottom:2px solid #fff;
}

/* Change background color of buttons on hover */
.services-tab .tab button:hover {
  background-color: #00225f;
  color:#fff;
}

/* Create an active/current "tab button" class */
.services-tab .tab button.active {
  background-color: #00225f;
  color:white;
  background:url(../assets/icon/3.png) 325px 22px #00225f no-repeat;
}

/* Style the tab content */
.services-tab .tabcontent {
  float: left;
  padding: 0px 12px;
  border: 1px solid #ccc;
  width: 70%;
  border-left: none;
  height: auto;
  overflow:auto;
}
.services-tab .title-box h3{
	/* font-size: 42px; */
	font-family: 'Catamaran', sans-serif;
	color: #222222;
	font-weight: 500;
	position: relative;
	padding-top:20px;
	padding-bottom: 20px;
	margin-bottom: 15px;
}

.services-tab .title-box h3::after {
    content: "";
    position: absolute;
    background: url(../images/tag-line.png)no-repeat center;
    width: 120px;
    height: 20px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.services-tab .wrap {
    /* display: flex; */
    /* background: linear-gradient(314deg,#9af1ff 0%,#0146c0 100%); */
	border:2px solid #0146c0;
    padding: 1rem 1rem 1rem 1rem;
    border-radius: 0.5rem;
    box-shadow: 7px 7px 30px -5px rgba(0,0,0,0.1);
    margin-bottom: 2rem;
}

/* .services-tab, .services-tab-h2{padding-top:50px;} */
.services-tab .mbr-iconfont	 {
    color: #fff;
}
.services-tab .ico-wrap{
	text-align:center;
}
.services-tab .ico-wrap img{
	width:100%;
}
.sec-img{
	text-align:center;
}
.services-tab .wrap p{
	color:#000;
	font-size:16px;
	padding-top:20px;
	text-align:justify;
	/* text-align:center; */
}
.services-tab .wrap h3{text-transform:uppercase;font-size:26px;padding-top:20px;color:#0146c0;}
.services-tab .wrap h4{font-size:18px;padding-top:15px;border-bottom:2px solid #4d4f52;display:inline-block;}
.services-tab .wrap p span{
	font-size:1rem !important;
	padding: 0 10px 0 0;
	margin:0px;
	color:#0146c0;
}
.services-tab .wrap h2{
	text-align:center;
	margin:0px;
	border-bottom:2px solid #0146c0;
	font-size:28px;
	padding-top:50px;
	text-transform:uppercase;
	padding-bottom:10px;
	color:#000;
}
.wrap:hover h2 {
  
}
/* .services-tab .tabcontent-serv{border-color:#0146c0;} */


@media (max-width: 575px) {
		.about-head-ban .typo-space-line::after{left:8rem;}
		
		
.services-tab .tab{width:100%;}
.services-tab .tabcontent{width:100%;}
.sec-img img{width:100%;}
.py-5{padding-top:1rem !important;padding-bottom:1rem !important;}
.pb-5{padding-bottom:2rem !important;}
.mb-5{margin-bottom:1rem !important;}
.mb-3{margin-bottom:0rem !important;}
.my-4{margin-bottom:0rem !important;margin-top:0rem !important;}
.py-4{padding-top:0rem !important;padding-bottom:0rem !important;}
.abt-image{padding-top:20px;}
.why-us h2{padding-top:20px;}
.about-miss i{padding:1.5rem;}
.services-tab .wrap h2{font-size:18px;padding-top:20px;}
.services-tab .wrap h3{font-size:18px;}
.services-tab .wrap h4{font-size:16px;}
.about-miss h2{font-size:18px;}

.service-tag{margin-top:20px;}
.card-body{padding:0 1rem;}
.h3, .h2{font-size:24px;}
.carousel-item img{width:100%; height:180px;}
.main-menu-navbar{margin:0px !important;}
.footer-bot ul li{font-size:18px;}
.serv-ind-main li{font-size:18px;font-weight:600 !important;}

.footer-bot .ft-abt{font-size:14px;text-align:justify;}
.footer-bot p{font-size:12px;}
.footer-bot ul li a{font-size:14px;}
.Container-fluid{overflow:hidden;}
}