*{ margin: 0; padding: 0;} 


body{ margin:0; padding:0; font-family: "Poppins", sans-serif;  font-style: normal; background-color:#e8f2fd5e;}

.gst-table th, .gst-table td{ background-color: transparent !important;  color: #00354ffa;}
.gst-table th{ text-align:center;}
.gst-table td{ text-align: justify; padding-left:15px; padding-right:15px;}

a{ text-decoration:none;}

.blue-bg { background: #0d3461;}
.text-color{ color: #6d6d6d;}


p{ color: #00354ffa; font-size: 17px; margin: 1% 0; line-height:24px; text-align:justify;}

ul li, ol li{ color: #00354ffa; font-size: 17px; margin: 0.5% 0; line-height:23px; text-align:justify;}


.top-nav{ background: #0d3461; }
.top-nav .email{ color: #fff; display: initial;}
.top-nav .email a{ color: #fff;}
.top-nav .callus{ color: #fff; display: initial;}

.top-nav .social{ display: initial;}
.top-nav .social a{ display: inline; color: #fff;}

.navbar-brand img{ height:70px;}

.header{ /* border-top:20px #0d3461 solid;*/  border-bottom:5px #0d3461 solid; transition: all 0.5s;
    z-index: 997;}
.header .bg-light{ background-color: #fff !important;}
.header .navbar{ padding:0;}
.header .navbar-nav{ --bs-nav-link-padding-y: 1.4em;}
.header .navbar-nav .nav-item .nav-link{ border-left: 1px solid #ccc; padding-left:30px; padding-right:30px;}
.navbar-nav .nav-link.active{ background-color:#eee;}
.navbar-nav .nav-link:hover{ background-color:#eee;}
.dropdown-menu li{ border-bottom: 1px solid #ccc; line-height:30px;}
.dropdown-menu li:last-child{ border-bottom: 0;}


.hero-slider .carousel-item img{ height:80vh; min-width: 100%;}
.hero-slider .carousel-item .carousel-caption{ text-align: left; left:10%; top: 20%; width: 70%; bottom: inherit;  border-radius: 10px;}
.hero-slider .carousel-item .carousel-caption h3{ font-size: 36px; text-align: left; text-shadow:5px 5px 5px #0d3461;}
.hero-slider .carousel-item .carousel-caption p{ margin-bottom: 20px; font-size: 18px; line-height: 24px; text-align: left; color: #fff; text-shadow:5px 5px 5px #0d3461;}

.hero-slider .carousel-item .carousel-caption a{ background: #0d346195; color: #fff; padding: 7px 10px 7px 20px; font-size: 15px; border-radius: 20px; border: 2px solid #0d6efdb0;}
.hero-slider .carousel-item .carousel-caption a:hover{ background: #0d6efd;}


.btn-all a{ background: #0d3461; color: #fff; border:2px #0d6efd solid; padding: 7px 10px 7px 20px; font-size: 15px; border-radius: 30px;}
.btn-all a:hover{ background: #0d6efd; color: #fff;}

.home-content{ margin: 60px auto;}
.home-content .fa{ font-size: 18px; margin-right: 10px;}
/* .home-content img{ border-radius: 20px;}*/
.home-content h1{ font-size: 40px; font-weight: 600; color:#0d3461;}
.home-content h3{ font-size: 30px; font-weight: 400; color: #bb0404;}


.img-style{ position:relative; z-index:1;}
.img-style img{  height:400px; border-radius: 20px;}
.img-style1{ position: absolute; top:-30px; left:-30px; }
.img-style1 img{ width:180px; height:180px; border-radius: 100px; border:7px #fff solid;}
.img-style2{ position:absolute; bottom:-20px;  right:-10px; }
.img-style2 img{ width:180px; height:180px; border-radius: 100px; border:7px #fff solid;}

.img-patch1{ position: absolute; top:-30px; left:-30px; z-index:-1;}
.img-patch1 img{ width:100px; height:100px;}
.img-patch2{ position:absolute; bottom:-30px;  left:-30px; z-index:-1;}
.img-patch2 img{ width:100px; height:100px;}
.img-patch3{ position:absolute; top:-30px;  right:-30px; z-index:-1;}
.img-patch3 img{ width:100px; height:100px;}

.home-service{ padding: 60px 20px; }
.home-service .fa{ font-size: 18px; margin-right: 10px;}
.home-service img{ border-radius:20px;}
.home-service h2{ font-size: 30px; font-weight: 600; color:#0d3461;}
.home-service h3{ font-size: 24px; font-weight: 600; color:#0d3461;}
.home-service h4{ font-size: 20px; font-weight: 600; color:#0d3461;}

/*.shape-mockup{ position:relative;}
.shape-mockup1 {  position: absolute; z-index: -1; left:0; top:0; }
.shape-mockup2 {  position: absolute; z-index: -1;  right:0; top:0;}
*/

.contact-page .form-control{ background-color: #ffffff1c;}




/*----- multiitem slider-----*/
.MultiItem-Carousel{}

.MultiItem-Carousel h3{ font-size: 30px; font-weight: 400; color: #222;}
.MultiItem-Carousel h5{ font-size: 20px; font-weight: 600; color: #222;}

/*** Cars Categories Start ***/
.categories .categories-item {
    position: relative;
    border: 1px solid var(--bs-secondary);
    border-radius: 10px;
    transition: 0.5s;
}

.categories .categories-item:hover {
    border: 1px solid var(--bs-primary);
}

.categories .categories-item .categories-item-inner {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    transition: 0.5s;
}

.categories .categories-item .categories-item-inner:hover {
    box-shadow: 0 0 50px #1f77f78c;
}

.categories .categories-item-inner .categories-img {
    background: var(--bs-light);
}

.categories .categories-item-inner .categories-content {
   /* border-top: 4px solid var(--bs-white);*/
    text-align: center;
    background: #0d6efd;
}

.categories .categories-item-inner .categories-review {
    display: flex;
    align-items: center;
    justify-content: center;
}

.categories-carousel .owl-stage-outer {
    margin-top: 65px;
    margin-right: -1px;
}

.categories-carousel .owl-nav .owl-prev,
.categories-carousel .owl-nav .owl-next {
    position: absolute;
    top: -50px;
    padding: 10px 20px;
    color: var(--bs-white);
    background: var(--bs-primary);
    border-radius: 50px;
    transition: 0.5s;
}

.categories-carousel .owl-nav .owl-prev {
    left: 0 !important;
}

.categories-carousel .owl-nav .owl-next {
    right: 0 !important;
}

.categories-content a{ color:#fff;}
.categories-content h4{ font-size:17px;}


.categories-carousel .owl-nav .owl-prev:hover,
.categories-carousel .owl-nav .owl-next:hover {
    background: var(--bs-secondary);
    color: var(--bs-white);
}

/*----- swiper slider -----*/



/*** Customer Feedback Start ***/

.customer-Feedback h3{ font-size: 30px; font-weight: 400; color: #222;}
.customer-Feedback h5{ font-size: 20px; font-weight: 600; color: #222;}


.customer-Feedback .customer .customer-item {
    position: relative;
    border: 1px solid #eee;
    border-radius: 30px;
    transition: 0.5s;
}

.customer-Feedback .customer .customer-item:hover {
    border: 1px solid var(--bs-primary);
}

.customer-Feedback .customer .customer-item .customer-item-inner {
    position: relative;
    overflow: hidden;
    border-radius: 30px;
    transition: 0.5s;
}

.customer-Feedback .customer .customer-item .customer-item-inner:hover {
    box-shadow: 0 0 50px rgba(10, 110, 253, .3);
	background: transparent;
}


.customer-Feedback .customer .customer-item-inner .customer-content {
    text-align: center;
    /* background: var(--bs-light); */
}


.customer-Feedback .customer-content h4{ font-size:16px; text-align:left; margin:0;}
.customer-Feedback .customer-content p{ font-size:15px; line-height:20px; margin:0;}
.customer-Feedback .customer-content p span{ font-size:13px;}
.customer-Feedback .owl-carousel .owl-item img{ width: inherit; border-radius: 30px;}


/*----- swiper slider -----*/



footer{ background: #0d3461;}
footer a{ color: #fff;}
footer ul{ list-style: none;}
footer ul li{ line-height: 30px;}
footer ul li a{ color: #fff;}
footer p{ color: #fff; font-size:15px;}
footer i .fa{ color: #fff;}

.cpt-right p{ text-align:right;}
.border-right{ border-right:1px #cccccc47 solid;}

.back-to-top {
    position: fixed;
    display: block;
    right: 10px;
    bottom: 0;
    border-radius: 50% 50% 0 0;
    z-index: 99;
}



/*--- head-wrapper-innerpage ---*/

.head-wrapper-innerpage {
  width: 100%;
  border-bottom:5px #0d3461 solid;
  position: relative;
}

.head-wrapper-innerpage img { width: 100%; max-height: 120px;}

.heading-innerpage{ position: absolute; top:0; left:0; right:0; background-color: #0e1c4adb; padding:15px; }
.heading-innerpage h2{ text-align: left; color:#fff; font-size: 40px; font-weight:600; line-height:40px;}
.heading-innerpage p{ text-align: left; color:#fff; font-size: 17px; font-weight:400;}

.clear-both { clear: both; }

.innerpage h1{ font-size:30px; color:#0d3461;}
.innerpage h2{ color:#0d3461;}
.innerpage h3{ color:#0d3461;}
.innerpage h4{ color:#0d3461;}
.innerpage h5{ color:#0d3461;}

.query-form{}
.query-form .form-control{ margin-bottom:10px;}

.list1{ list-style-type:none; padding-left: 10px;}
.list1 li .fa-regular{ margin-right:7px;}



.inner-icon-ul{ text-align: left; padding:0px 10px; font-size: 16px; padding-left: 0; list-style-type:none;}
.inner-icon-ul li{ padding-left:30px; margin-bottom:4px; position:relative; line-height:22px; color:#444}
.inner-icon-ul li:before { position: absolute; left: 0;content: "\f0a4"; font: normal normal normal 14px/1 FontAwesome; color:#0a5694;    font-weight: normal; font-size: 15px; top: 2px;}
.inner-icon-ul li:before { color: #333;}
.inner-icon-ul li a { color: #333; transition:.5s; text-decoration:none; font-weight:400;}
.inner-icon-ul li a:hover { padding-left: 5px;}


@media only screen and (max-width: 767px) {
	
  h1{ font-size: 24px !important;}
  h2{ font-size: 24px !important;}
  h3{ font-size: 22px !important;}
  h4{ font-size: 20px !important;}
  h5{ font-size: 18px !important;}
  p{ font-size:15px !important; line-height:22px !important;} 
  
  .heading-innerpage{ padding: 20px;}
  
 /*.home-content h3{ font-size: 24px !important;}
 .home-service h2 { font-size: 24px !important;}
 .home-service h2 { font-size: 22px !important;}*/
  
 .header .navbar-nav{ --bs-nav-link-padding-y: 0.5em; } 
 .hero-slider .carousel-item .carousel-caption{ top: 0;}
 .hero-slider .carousel-item .carousel-caption h3{ font-size: 24px !important;}
 /*.home-content h1{ font-size: 30px !important;}
 .home-content h3{ font-size: 24px !important;}
 .home-service h2 { font-size: 24px !important;}
 .home-service h2 { font-size: 22px !important;}*/
 .MultiItem-Carousel h3{ font-size: 22px !important;} 
 .border-right{ border-right: inherit !important; border-bottom:1px solid rgb(204, 204, 204);}
 
 
 .cpt-right p{ text-align: left !important;}
 
 .ft-logo .py-5{ padding-top:0 !important; padding-bottom:1em !important;}
 
 .hero-slider .carousel-item img{ height: inherit !important;}
 
}

@media only screen and (max-width: 640px) {
	
	.hero-slider .carousel-item .carousel-caption{ left: inherit; width: auto !important;}	
	.hero-slider .carousel-item img{ height: 320px !important;}
	
	.img-style img{ height: inherit !important;}
}	

@media only screen and (max-width: 430px) {
	
  h1{ font-size: 20px !important;}
  h2{ font-size: 18px !important;}
  h3{ font-size: 16px !important;}
  h4{ font-size: 16px !important;}
  h5{ font-size: 16px !important;}	
	
}