
@import url('https://fonts.googleapis.com/css2?family=Audiowide&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bonheur+Royale&family=Zen+Loop:ital@1&display=swap');

/*@import url('https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css');*/
@import url('bootstrap.min.css');
@import "icofont.min.css";
@import "col.css";
@import "medi.css";
html {
    overflow-x: hidden;
    padding: 0;
    margin: 0;
    background: #fff;
	
}


*{
	margin:0;
	padding:0;
	box-sizing:border-box; 
	
	}
body{
    
    font-size:14px;
    font-weight:400;
    color:#2A2929;
    padding:0;
    margin:0;
    }

body.boxed {
    margin: 30px;
    overflow: hidden;
    border: solid 1px #eee;
}

body .owl-stage .owl-item {
    display: inline-block;
}
p{
	font-family:'Open Sans',sans-serif;
	font-size: 16px;
}

.buyicon i{
	font-size: 36px;
    animation: ring 1s infinite;
}

@keyframes ring {
  0% { transform: rotate(0); }
  10% { transform: rotate(15deg); }
  20% { transform: rotate(-10deg); }
  30% { transform: rotate(5deg); }
  40% { transform: rotate(-5deg); }
  50%, 100% { transform: rotate(0); }
}


.buyicon a{
	text-decoration: none;
}
.buyicon a.quote{
	background:#0039AD;
	color:#FFF;
	border-radius: 10px;
	font-size: 12px;
}

.buyicon a .icofont-ui-call{
	color: rgba(127,7,9,1.00);
}	  

.buyicon a 	.icofont-whatsapp{
	color:rgba(24,103,4,1.00);
}		

.top-nav ul{
    display: block;
	list-style: none;
	padding: 0;
	margin: 0;	
}

.top-nav ul li {
     float: left;
     padding:10px;	
	color:#FFF
	}

.top-nav ul li a{
	color:#FFF;
}
.top-nav ul li a, .top-nav ul li a i{
	color:#FFF !important;
}

.top-nav ul li a:hover, .top-nav ul li a i:hover{
	text-decoration: none;
}
	
.navbar{
    top:0px;
	right:0px;	
    left:0px;	
    width: 100%;
    z-index: 999;
}
header{ 
	width: 100%;
	position: relative;
	box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 2px 2px 20px 0px rgba(42, 67, 113, 0.15);
    -moz-box-shadow: 2px 2px 20px 0px rgba(42, 67, 113, 0.15);
    box-shadow: 2px 2px 20px 0px rgba(42, 67, 113, 0.15);
	background:#FFF;
	z-index:999;
	}

.navbar.fixed{	
	top:0;
    position: fixed;
    background-color:#FFF;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 4px 4px 30px 0px rgba(42, 67, 113, 0.15);
    -moz-box-shadow: 4px 4px 30px 0px rgba(42, 67, 113, 0.15);
    box-shadow: 4px 4px 30px 0px rgba(42, 67, 113, 0.15);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    backdrop-filter: blur(20px) saturate(180%);
}
.navbar,  .navbar-brand{
    /*padding:10px;
    margin: 5px;*/ 
}

.navbar,  .navbar-brand{
    padding: 0;
    margin: 0; 
}


/*.navbar-nav .nav-item .nav-link{
    color:#C7954A;
	font-size: 20px !important;
}*/


.navbar-nav .nav-item .nav-link{
    /*font-weight: 900px !important;*/
    color:#01233e;
	font-size: 16px !important;
	font-weight: 600;
	font-family: "Audiowide", sans-serif;
}
.navbar-nav .nav-item .nav-link:hover{
    /*font-weight: 900px !important;*/
    color:#01233e;
}
.dropdown-toggle, .nav-link{
    text-transform: uppercase !important;
    letter-spacing: 1px;
}
.col-megamenu h6, .megamenu h5{
	font-weight:900 !important;
	font-size: 22px;
	text-transform: uppercase !important;
	
}
.col-megamenu .menu-list li{
   text-align: center !important;	
}

.col-megamenu .menu-list li a{
	font-size: 16px;
	font-weight:600 !important;
	color: #01233e;
	text-decoration: none;
}





/*.boss-sld {
  height: 1080px;
  overflow: hidden;
  min-height: 1080px;
  max-height: 100vh;  
  position: relative;
  
}
.boss-sld_target {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.boss-sld_target video{
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow: hidden;
  min-height: 100%;
  min-width: 100%;
}*/
@media screen and (max-width: 992px) {
  /*.boss-sld{
    height: 700px;  
    min-height: 600px;
    max-height: 80vh;
  }
	
  .boss-sld_target img{
	  width: 100%;
	  max-height: 50vh;
	}*/
}




.top-services i{
	color: #01233e;
	font-size: clamp( 4.5rem, 10vw, 10vh);
}

.top-services h3{
	color: #C7954A;
	padding-top: 20px;
}

.top-three i{
	color:#FFF;
	font-size: clamp( 2.5rem, 6vw, 6vh);
}
.top-three h5{
	color: #FFF;
	font-size: clamp( 1.5rem, 3vw, 3vh);
	
}



.home h1{	
	color:#0039AD;
	font-weight: bolder;
}

.home h2{	
	color:#0039AD;
}

.home h1 span{
	color: #C7954A;
}

.home h6, .services-text h6{	
	color:#00286C;
	font-weight: bolder;
}

.services-text h6{	
	font-size: clamp( 1.8rem, 3.5vw, 3.5vh);
}
.services-text h2{
	color:#0039AD;
	font-size: clamp( 2.5rem, 6vw, 6vh);
	
}



.call{
	width: 300px;
	height:70px;
	background:#FFF;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	position: absolute;	
	border-radius:36px;
	padding:0px;
	
}

.call-icon{	
	width: 70px;
	height: 70px;	
	color:#0D1934;
	background:#C7954A;
	border-radius: 50%;
	padding: 10px;
	display: flex;
	  justify-content: center;
	  align-items: center;
	animation: pulse 1.5s infinite;
}
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(199, 149, 74, 0.7);
  }
  70% {
    box-shadow: 0 0 0 20px rgba(199, 149, 74, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(199, 149, 74, 0);
  }
}

.call-icon i{
	font-size: clamp( 3rem, 5vw, 5vh);
	color:#FFF;
	text-align: center;
	animation: ring 1s infinite;
}

@keyframes ring {
  0% { transform: rotate(0); }
  10% { transform: rotate(15deg); }
  20% { transform: rotate(-10deg); }
  30% { transform: rotate(5deg); }
  40% { transform: rotate(-5deg); }
  50%, 100% { transform: rotate(0); }
}

.call h5 span{
	color: #C7954A;
	font-size: 14px;
}

.call h5{
color:#0D1934;	
}

.services h5{
	color:#0039AD;
	font-weight: bolder;
	font-size: 25px;
	
}



.carousel-indicators li{
	width: 10px;
	height: 10px;
}

.carousel-caption {   
    right: 10% !important;
    bottom: 25% !important;
    left: 3% !important;
    z-index: 10;
}

.whychooseus h6{
	color: #C7954A;
	font-size: clamp( 1.2rem, 2.0vw, 2.0vh);
}

.whychooseus h3{
	color: #0D1934;
	font-size: clamp( 2.0rem, 5vw, 5vh);
}

.whychooseus ul{
	list-style: none;
	float: left;
	padding: 0;
	margin: 0;
	margin-top:25px;
	
}
.whychooseus ul li{
	float: left;
	width: 100%;
	color:#000;	
	margin: 15px;
}

.whychooseus ul li i{
	width: 50px;
	height: 50px;
	background:#C7954A;
	padding: 10px;
	border-radius: 50%;
}




.contactus p strong{
	font-size: 18px;
	color:#BEBBBF;
}

.contactus p a{
	color:#BEBBBF;	
}
.foot-copy, .developedby a{
    color:#BEBBBF !important;
	font-size: 12px;
}


.foot-copy{
    color:#BEBBBF !important;
	font-size: 12px;
}

.contactus p strong{
	font-size: 18px;
	color:#BEBBBF;
}

.contactus p a{
	color:#BEBBBF;	
}
.breadcrumbs{
	position: absolute;
	bottom:8%;
	/*left:8%;*/
}
.breadcrumbs h2{
	font-size: clamp( 2.5rem, 6vw, 6vh);
	color: #FFF;
	text-shadow: 1px 1px 1px #000;
}

.breadcrumbs ul{
	display: block;
	list-style: none;
}

.breadcrumbs ul li{	
	float: left;
	padding: 10px;	
	font-size:22px;
	
}

.breadcrumbs ul li a{
	color:#FFF;
	text-decoration: none;
	font-size:22px;
	text-shadow: 1px 1px 1px #000;
	
}

.about-us .card-body h2{
	color:#0D1934; 
}


.about-us .card-body h2 span{
	color: #C7954A;
}

.our-services h5{
	color:#0D1934;
}

.our-services h5 span{
	color: #C7954A;
}

.rounded-25{
	border-radius: 15px;
}
.contactus i{
	width: 80px; 
	height: 80px;
	padding: 15px;
	border-radius: 50%;
	font-size: 46px;
	background:#C7954A;
	color:#0D1934;
}

.contactus h5{
	color:#C7954A;
	font-size:36px;
	text-align: center;
	padding-top: 15px;
}

.contactus p{
	text-align: center;
}
.contactus p strong{
	color:#C7954A;
}
.contactus p a{
	color:#C7954A !important;
	text-align: center;
}

.contact-us h1{
	color:#0D1934;
}

.contact-us h1 span{
	color:#C7954A;
}

.query-box h2{
	color:#0D1934;
}

.query-box h2 span{
	color:#C7954A;
}

.query-box p{
	
}

.query-box .form-group label{
	color:#0D1934;
	
}

.btn-blue{
	background:#0039ad !important;
	color:#FFF !important;
}


/**** testimonial**/

.testimonial h6 {	
	text-align: center;
	text-transform: uppercase;	
	position: relative;
	margin: 25px 0 50px;
}
.testimonial h6::after {
	content: "";
	width: 200px;
	position: absolute;
	margin: 0 auto;
	height: 3px;
	background:#0039ad;
	left: 0;
	right: 0;
	bottom: -10px;
}
.testimonial .carousel {
	/*width: 650px;*/
	margin: 0 auto;
	padding-bottom: 50px;
}
.testimonial .carousel .carousel-item {
	color:#000;
	font-size: 14px;
	text-align: center;
	overflow: hidden;
	min-height: 340px;
}
.testimonial .carousel .carousel-item a {
	color: #eb7245;
}
.testimonial .carousel .img-box {
	width: 145px;
	height: 145px;
	margin: 0 auto;
	border-radius: 50%;
}
.testimonial .carousel .img-box img {
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 50%;
}
.testimonial .carousel .testimonial {	
	padding: 30px 0 10px;
}
.testimonial .carousel .overview {	
	text-align: center;
	padding-bottom: 5px;
}
.testimonial .carousel .overview b {
	color: #000;
	font-size: 15px;
	text-transform: uppercase;
	display: block;	
	padding-bottom: 5px;
}
.testimonial .carousel .star-rating i {
	font-size: 18px;
	color: #ffdc12;
}
.testimonial .carousel-control-prev, .carousel-control-next {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background:#0039ad;
	text-shadow: none;
	top: 4px;
}
.testimonial .carousel-control-prev i, .carousel-control-next i {
	font-size: 20px;
	margin-right: 2px;
}
.testimonial .carousel-control-prev {
	left: auto;
	right: 40px;
	
}


.testimonial .carousel-control-next i {
	margin-right: -2px;
}
.testimonial .carousel .carousel-indicators {
	bottom: 15px;
}
.testimonial .carousel-indicators li, .carousel-indicators li.active {
	width: 11px;
	height: 11px;
	margin: 1px 5px;
	border-radius: 50%;
}
.testimonial .carousel-indicators li {	
	background: #018cf2;
	border: none;
}
.testimonial .carousel-indicators li.active {		
	background: #0039ad;		
}

p.testimonial{
	font-size: 20px;
	margin: 0;
	padding: 0;
}


/****/

.accordion .card{
	border:0 !important;
	background: rgba(256,256,256,1.00) !important;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	color: #0039ad !important;
}

.accordion .card .card-body p{
	color:rgba(53,51,51,1.00) !important;
}
.accordion .card .card-header{	
	background: rgba(256,256,256,1.00) !important;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.accordion .card .card-header .btn.btn-link{
	background: rgba(256,256,256,1.00) !important;
	color:#0039ad !important;
	font-size: 26px;
	text-decoration: none;
	text-transform: uppercase;
}

.accordion .card .card-header .btn.btn-link:hover, .accordion .card .card-header .btn.btn-link:focus{
	text-decoration: none;
	box-shadow: none !important;
	color: #0039ad  !important;
}

/*contact-us*/

.services-box .icofont-telephone, 
.services-box .icofont-whatsapp, 
.services-box .icofont-envelope, 
.services-box .icofont-location-pin{
	font-size: 36px;
	color:#FFF;
} 
.services-box h5{
	color:#FFF;
	
} 
.services-box strong, 
.services-box span, 
.services-box p, 
.services-box i,
.services-box a{
	color:#FFF;
	text-decoration: none;
	
}
