html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Bilo';
  font-style: normal;
  margin: 0px;
  padding: 0px;
  color: #000;
  overflow-x: hidden;

}

ul {
  margin: 0;
  padding: 0;
}

li { 
  list-style: none;

}

p {
  font-family: 'Bilo';
  font-weight: 400;
  margin-bottom: 15px;
  font-size: 20px;
  line-height: 34px;
  color: #000;
}

img {
  max-width: 100%;
  height: auto;
}

.clear {
  clear: both;
  float: none;
  width: 100%;
}

.clearfix::after {
  display: block;
  content: "";
  clear: both;
}

a {
  text-decoration: none !important;
  transition: all 0.2s ease-in;
  color: #000;

}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Chillax';
}

a:hover {
  color: #fff;
}

a,
span {
  display: inline-block;

}

:focus {
  box-shadow: none !important;
  outline: none !important;
}

@media (min-width: 1366px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1250px;
  }
}

@media (min-width: 1440px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1350px;
  }
}

@media (min-width: 1600px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1500px;
  }
}
@font-face {
    font-family: 'Bilo';
    src: url('../fonts/Bilo.woff2') format('woff2'),
         url('../fonts/Bilo.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bilo';
    src: url('../fonts/Bilo-Light.woff2') format('woff2'),
         url('../fonts/Bilo-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}



@font-face {
    font-family: 'Bilo';
    src: url('../fonts/Bilo-ExtraLight.woff2') format('woff2'),
         url('../fonts/Bilo-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}



@font-face {
    font-family: 'Bilo';
    src: url('../fonts/Bilo-Medium.woff2') format('woff2'),
         url('../fonts/Bilo-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Bilo';
    src: url('../fonts/Bilo-Bold.woff2') format('woff2'),
         url('../fonts/Bilo-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}



@font-face {
    font-family: 'Bilo';
    src: url('../fonts/Bilo-Black.woff2') format('woff2'),
         url('../fonts/Bilo-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}




@font-face {
    font-family: 'Chillax';
    src: url('../fonts/Chillax-Medium.woff2') format('woff2'),
        url('../fonts/Chillax-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Chillax';
    src: url('../fonts/Chillax-Light.woff2') format('woff2'),
        url('../fonts/Chillax-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Chillax';
    src: url('../fonts/Chillax-Regular.woff2') format('woff2'),
        url('../fonts/Chillax-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Chillax';
    src: url('../fonts/Chillax-Extralight.woff2') format('woff2'),
        url('../fonts/Chillax-Extralight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Chillax';
    src: url('../fonts/Chillax-Semibold.woff2') format('woff2'),
        url('../fonts/Chillax-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}





/*css start*/


/* HEADER STYLES*/

.navpage-header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 999;
padding-top: 50px;
}
.top-space {
    height: 245px; background: #fafafa;
}

/* STICKY STYLES */
.navpage-header.is-sticky {
  position: fixed;
  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);
  padding: 0px;
  backdrop-filter: blur(10px);
  animation: slideDown 0.55s ease-out;
  background: #fff;
  z-index: 9999;
  color: #000;
  padding: 0;
}

.navpage-header.is-sticky .navbar{
align-items: center;
}



@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }

  to {
    transform: translateY(0);
  }
}


.navpage-header.is-sticky .logo-box img {
  width: 55%;
}

.main-menulist {
  padding: 0px 50px 0px 50px;
}

.navbar-expand-lg .navbar-collapse {
  justify-content: end;
}


.nav-icons li {
  padding: 5px 10px;
}

.btn-secondary {
  font-size: 18px;
  color: #fff !important;
  font-weight: 300;
  background-color: transparent;
  border-color: transparent;
  text-transform: capitalize;

}

.btn-secondary:hover {
  color: #9b7664;
  background-color: transparent;
  border-color: transparent;
}

.navbar .nav-link {
    font-size: 22px;
    color: #000;
    font-weight: 500;
    text-transform: capitalize;
     font-family: 'Chillax';
}


.navbar .nav-link:hover {   
    color: #ed112b;   
}

.top-nav-button {
    padding-top: 10px;
}
.nav-item {
  padding: 0px 30px;
  display: flex;
  align-items: center;

}
.navbar {  
    align-items: start;
}


.navbar-expand-lg .navbar-nav {
  flex-direction: row;
  align-items: start;
  justify-content: end;

}

.navbar .btn:hover {
  color: #e6ac38;
}

.dropdown-item:focus,
.dropdown-item:hover {

  background-color: transparent;
}

.btn-secondary:hover {
  color: #ea2bcc;
  background-color: transparent;
  border-color: transparent;
}

.btn-secondary:focus {
  color: #ea2bcc;
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
}


.sub-menu {
  /* padding: 10px; */
  background-color: #fff;
  color: #9b7664;
  border-radius: 5px;
}

.sub-menu li a {
  font-size: 16px;
  color: #9b7664;
  padding: 5px 10px;
  font-weight: 600;
}

.sub-menu li:hover {
  background-color: #e6ac38;
  color: #fff;
}

.sub-menu li:hover a {
  color: #fff;
}




.container-inview.hide {
    display: none;
}

.container-scroll {
    padding: 0;
    height: 100%;
}

.reveal {
    visibility: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

body:not(.no-js) .image-wrap {
    transition: 2s ease-out;
    transition-delay: 0.4s;
    position: relative;
    width: auto;
    height: 70vh;
    overflow: hidden;
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
    visibility: hidden;
}


body:not(.no-js) .animating .image-wrap {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    visibility: visible;
    transform: skewY(0);
}


.different-img {
    overflow: hidden;
    height: 100%;
}

.different-img img{
    object-fit: cover;
    height: 100%;
}







/* ------------homepage-css--------- */


.top-nav-button a {
    font-size: 22px;
    color: #ed112b;
    font-weight: 500;   
     font-family: 'Chillax';
}


.home-banner-section {
    position: relative;
    object-fit: cover;
    width: 100%;
    height: 100%;
    padding: 0px 65px 100px 65px;
    background: #fafafa;
}

.home-banner-content p {
    font-size: 27px;
    line-height: 34px;
}

.banner-title {
  font-size: 62px;
  color: #000;
  font-weight: 500;
  
}
.banner-btn {
    display: flex;
    gap: 30px;
    margin-top: 30px;
}

.cmn-btn {
    padding: 16px 32px;
    font-size: 19px;
    background-color: #000;
    color: #fff;
    font-weight: 400;
    position: relative;
    transition: 0.7s ease-in-out;
    text-align: center;
    border-radius: 100px;
    position: relative;
    z-index: 1;
     
}

.cmn-btn::after {
    content: '';
    background: #ed112b;
    width: 50px;
    height: 50px;
    border-radius: 100px;
    line-height: 50px;
    transition: 0.7s ease-in-out;
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: -1;
}

.cmn-btn span {
    margin-left: 50px;
}


.cmn-btn:hover::after {  
    width: 96%;  
    transition: 0.7s ease-in-out;
}


.cmn-btn img {
    position: absolute;
    top: 22px;   
    right: 18px;
    transition: 0.5s ease-in-out;
}

.cmn-btn:hover img {  
    right: 25px;
    transition: 0.5s ease-in-out;
}





.top-main-container {
  padding: 100px 0px;
}

.home-title {
  font-size: 60px;
  color: #000;
  font-weight: 500;
}


.home-trust-text p{
  font-size: 20px;
  line-height: 34px;
}


.home-trust-text {
    padding-right: 200px;
}




.home-services-sec2 {
    padding: 100px 55px;
    background: #fafafa;
    margin-bottom: 80px;

}

.home-service-card {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  transition: .7s ease-in-out;
  border-radius: 5px;
}


.home-service-card::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 20%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 51%, rgba(0, 0, 0, 0.6) 75%, rgba(0, 0, 0, 0.3) 93%, rgba(0, 0, 0, 0) 101%);
    transition: 0.7s ease-in-out;
}


.home-service-card:hover::after { 
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.3) 93%, rgba(0, 0, 0, 0) 101%);
    transition: 0.7s ease-in-out;
}
.home-service-card:hover .services-img{ 
    transform: translate(0px,5px);
    transition: 0.7s ease-in-out;
}

.home-service-card img { 
    transition: 0.7s ease-in-out;
}
.services-img{
  overflow: hidden;
  transition: 0.7s ease-in-out;
  border-radius: 5px;
}

.home-service-text {
    position: absolute;
    width: 100%;
    bottom: 30px;  
    overflow: hidden;
    padding: 0px 15px;
    transition: .7s ease-in-out;
    z-index: 1;
}


.service-title {
  font-size: 26px;
  font-weight: 400; 
   transition: 0.7s ease-in-out;
   color: #fff;
}

.different-img img{
  border-radius: 5px;
}


.makes-diff-text {
    background: #ed112b;
    height: 100%;
    padding: 60px;
    border-radius: 5px;
}

.diffbox-title{
  font-size: 25px;
  font-weight: 500;
  color: #fff;
}

.makes-diff-text p{
   color: #fff;
   font-size: 20px;
   line-height: 26px;
}


.different-boxes {
    padding: 20px 15px;
    background: #ffffff29;
    border-radius: 5px;
    height: 100%;
    border: 1px solid transparent;
    transition: 0.7s ease-in-out;
}

.different-boxes:hover {
 border: 1px solid #fff;
    transition: 0.7s ease-in-out;
    background-color: transparent;

}


.different-boxes p {
    margin: 0;
}

.home-sec4{
  position: relative;
}

.home-sec4::before {
    content: '';
    background-image: url(../images/safety-shape.webp);
    width: 873px;
    height: 749px;
    position: absolute;
    left: -5%;
    z-index: -1;
    top: -8%;
    background-size: 100%;
}

.safety-text {
    padding: 50px 0px;
}

.safety-img{
  padding-left: 30px;
}
.safety-text ul {
   padding-left: 30px;
}

.safety-text {
    padding: 50px 0px 50px 90px;
}

.safety-text ul li {
    font-size: 23px;
    list-style: disc;
    padding-bottom: 8px;
}
.safety-img {
    padding-left: 30px;
    padding-bottom: 40px;
}



.home-sec5{
  background-image: url(../images/certified-bg.webp);
  background-size: cover;
padding: 200px 100px 250px 100px;
position: relative;
background-attachment: fixed;
}

.home-sec5::before {
    content: '';
    background-image: url(../images/certified-layer.webp);
    width: 1132px;
    height: 100%;
    position: absolute;
    left: 0; 
    top: 0;
}

.certified-text ul li {
    font-size: 24px;
    list-style: disc;
    padding-bottom: 12px;
    color: #fff;
    position: relative;
}

.certified-text ul  {
  padding-left: 30px;
}


.certified-text .home-title{
  position: relative;
}

.home-sec6{
  padding: 100px 45px;
}

.review-admin {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.review-letter{ 
  font-size: 36px;
  width: 83px;
  height: 83px;
  line-height: 83px;
  text-align: center;
  border-radius: 100px;
  color: #fff;
}

.review-n{
  font-size: 22px;
  font-weight: 500;
  padding-left: 20px;
}


.reviews-box p {
    color: #565656;
    font-weight: 400;
    font-size: 19px;
}

.review-star {
    margin-top: 30px;
    margin-bottom: 10px;
    display: flex;
}


.reviews-box {
    background: #fff;
    padding: 20px;   
    border: 1px solid #eae8e8;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
    height: 100%;
    transition: 0.7s ease-in-out;
}




.review-letter.j{
background-color: #524537;
}
.review-letter.h{
background-color: #856f0a;
}
.review-letter.v{
background-color: #025878;
}
.review-letter.b{
background-color: #ea6f01;
}


.owl-carousel .owl-item img {
    display: block;
    width: auto;
}


.owl-nav.disabled {
    display: none !important;
}

.home-sec7{
  padding: 0px 100px 100px 100px;
}

.trusted-facilities {
    display: flex;
    gap: 20px;
    justify-content: center;
    align-items: center;
}

.facilities-img {
    background-color: #fff;
    padding: 20px;
    border: 1px solid #eae8e8;
    border-radius: 10px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    width: 300px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 150px;
     transition: 0.7s ease-in-out;
}
.facilities-img:hover {
 transition: 0.7s ease-in-out;
 transform: translate(0px,10px);

}


/* -------euqal-height-css------ */

.home-sec6 .owl-carousel .owl-stage {
  display: flex;
}

.home-sec6 .owl-carousel .owl-item {
  display: flex;
  flex: 1 0 auto; 
}

.home-sec6.owl-carousel .reviews-box{
  flex: 1;
  display: flex;
  flex-direction: column;
}

/* -------end----- */





.blog-banner {
    background-image: url(../images/blog-banner.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 73vh;
    background-attachment: fixed;
    position: relative;
    z-index: 1;
}


.inner-banner-title {
    color: #fff;
    font-size: 80px;
    font-weight: bold;
}

/* ----------------------blog-listing-css-------------------------- */

.home-blog-img img {
    border-radius: 10px;
}


.blog-section {
    padding: 80px 0px 80px 0px;
}

.blog-btn .cmn-btn:hover {
    color: #ea2bcc;
}
.blog-btn .btn-tertiary::before {
    border: 1px solid #ea2bcc;
}

.blog-text {
    padding: 20px 0px;
}

.blog-search {
    width: 100%;
    position: relative;
    margin-bottom: 15px;
    display: flex;
}

.inner-blog-card {
    border-radius: 5px;
}

.blog-img a {
    width: 100%;
}

.blog-search .blog-submit {
    position: absolute;
    right: 0px;
    top: 0px;
}

.blog-img {
    border-radius: 8px;
    transition: 0.7s ease-in-out;
    overflow: hidden;
}


.blog-title {
    font-size: 25px;
    color: #000;
    font-weight: 400;
}

.blog-search button {
    background: #ed112b;
    font-size: 17px;
    color: #fff;
    border-radius: 5px;
    border: none;
    padding: 0px 10px;
    transition: 0.5s ease-in-out;
    font-weight: bold;

}

.blog-search button:hover {
    background: #000;
    color: #fff;
    transition: 0.5s ease-in-out;

}

.blog-listing-title {
    color: #000;
    font-size: 25px;
    font-weight: 500;
}


.inner-blog-card-text {
    padding: 30px;
    transition: 0.5s ease-in-out;
    border: 1px dashed #fff;
}

.blog-search-box {
    padding: 20px 25px 140px 25px;
}

.blog-search input {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 12px;
    margin-right: 10px;
}

.blog-categories-list {
    margin-top: 20px;
}

.blog-categories ul li {
    font-size: 19px;
    font-weight: 400;
    color: #000000;
    border-top: 1px solid #9f9f9f;
    padding: 10px 0px 10px 0px;
    position: relative;
    list-style: none !important;
}

.blog-categories ul {
padding: 0 !important;
}



.inner-blog-img {
    border-radius: 8px;
}

.inner-blog-img img {
    border-radius: 8px;
}

.home-blog-text p {
    font-size: 18px;
    line-height: 28px;
}

.blog-categories ul li a {
    display: inherit !important;
    transition: 0.5s ease-in-out;
}

.blog-categories a:hover {
    color: #ed112b;
    transition: 0.5s ease-in-out;
}

.blog-banner-text h1 {
    font-size: 30px;
    font-weight: 400;
}

.blog-banner-text h3 {
    font-size: 30px;
    font-weight: 600;
    padding-top: 15px;
}

.blog-banner-text li {
    padding-bottom: 5px;
    font-size: 18px;
}

.blog-detail-btn a {
    text-transform: lowercase;
}




/* -----------------blog-detail-csss------------------- */

.blog-banner-text {
    margin: 30px 0px;
}

.blog-detail-title {
    color: #000;
    font-size: 26px;
    font-weight: 500;
}

.blog-contact-title {
    color: #000;
    font-size: 26px;
    font-weight: 500;
}

.blog-detail ul li{
list-style-type: disc;
}

.blog-detail ul{
padding-left: 30px;
}

.blog-detail ol li{
list-style: number;
}


.blog-detail  h2{
font-size: 32px;
}

.blog-detail  h3 {
font-size: 28px;
}

.blog-detail  h4 {
font-size: 22px;
}


.blog-detail p a {
color: #da090f;
}




/* -------------------end---------------------- */


/* -------------------------error-page---------------------- */

.error-section {
    padding: 80px 0px 80px 0px;
}

.error-title {
   color: #c50612;
    font-weight: 600;
    font-size: 70px;
    text-align: center;
    margin-top: 0px;

}

.error {
    text-align: center;
    position: relative;
}

.error>.code {
    font-size: 15rem;
    margin: 0;
    line-height: 230px;
    letter-spacing: 25px;
    font-weight: bold;
    color: #000;

}

.error>p {
    font-weight: 500;
    font-size: 25px;
    padding-bottom: 20px;
    color: #000;
}




/* --------------thanku-page-css---------------- */

.thanku-section {
    padding: 80px 0px 100px 0px;
}

.message {
    padding: 70px 0px;
    text-align: center;
    max-width: 800px;
    margin: auto;
    transition: 0.3s ease-in-out;
    position: relative;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border: 3px solid #c50612;
}

.thanku-text {
    font-size: 100px;
    font-weight: bold;
    color: #ed112b;
}
.message p {
    font-size: 25px;
    color: #000;
    font-weight: 600;
    padding: 10px 0px 20px 0px;
    letter-spacing: 1px;
}



/* -------------contact-css---------------- */



.inner-banner-title{
    font-size: 62px;
    color: #000;
    font-weight: 500;
}

.contact-img{
    border-radius: 8px;
    overflow: hidden;
    height: 100%;
    object-fit: cover;
}


.contact-img img{
    border-radius: 8px;
    overflow: hidden;
    height: 100%;
     object-fit: cover;
}

.contact-inner {
    max-width: 1300px;
    margin: auto;
    border-radius: 8px;
    border: 1px solid #cecece;
    overflow: hidden;
}

.contact-form {
    height: 100%;
    position: relative;
    padding: 70px 50px 70px 40px;
}

.detail-box {
    display: flex;
    align-items: center;
    padding: 25px 0px;   
    transition: 0.5s ease-in-out;   
    
}

.detailcenterbox{
border-bottom: 1px solid #cecece;
border-top: 1px solid #cecece;
}



.contact-button .cmn-btn{
    border: 0;
    padding: 12px 45px;
}

.contact-icon {
    background: #ed112b;
    width: 70px;
    height: 70px;
    text-align: center;
    line-height: 70px;
    border-radius: 100px;
}


.detail-box .sub-title {
    font-size: 26px;
    color: #000;
    font-weight: 400;
}

.inner-detail {
  padding-left: 15px;
}
.inner-detail a{
  color: #000;
  font-size: 21px;
  font-weight: 400;
}

.details-section {
    padding: 30px;
    border-radius: 5px;   
    height: 100%;
    background-color: #fff;
}

.contact-sec2{
    background: #fafafa;
}

.contact-form input::placeholder{
  color: #000;
  font-size: 17px;
  font-weight: 400;
}


.contact-form textarea::placeholder {
  color: #000;
  font-size: 17px;
  font-weight: 400;
}

.input-text {
  border: 1px solid #e1dfdf;
  padding: 18px 15px;
  border-radius: 5px;
  width: 100%;
  margin-bottom: 15px;
  font-size: 17px;
  font-weight: 500;
}

.input-textarea {
  border: 1px solid #dedede;
  padding: 18px 15px;
  border-radius: 5px;
  width: 100%;
  margin-bottom: 15px;
  height: 230px;
}


.textarea{
  border: 1px solid #dedede;
  padding: 18px 15px;
  border-radius: 5px;
  width: 100%;
  margin-bottom: 15px;
  color: #000;
  font-size: 17px;
  font-weight: 500;
}


.contact-button{
    position: relative;
    background-color: #000;
    border-radius: 100px;
    width: fit-content;
    transition: 0.5s ease-in-out;
}

.contact-button::after {
    content: '';
    background: #ed112b;
    width: 50px;
    height: 50px;
    border-radius: 100px;
    line-height: 50px;
    transition: 0.7s ease-in-out;
    position: absolute;
    top: 5px;
    right: 5px;
    
}

.contact-button:hover::after {   
    background: #000;
    transition: 0.7s ease-in-out;    
}


.contact-button span {
    z-index: 1;
    position: relative;
}

.contact-button img {
    position: relative;
    top: -3px;
    right: 18px;
    transition: 0.7s ease-in-out;
}


.submit-btn{
 padding: 16px 60px 16px 30px;
  border: none;
  font-size: 20px;
  font-weight: 400;
  font-size: 19px;
   transition: 0.5s ease-in-out;
   background-color: transparent;
   color: #fff;
}

.contact-button:hover{
background-color: #bb0203;
transition: 0.7s ease-in-out;

}

.detail-box.box-one {
  padding: 20px 0px 0px 0px;
}


.contact-title{
    font-size: 40px;
    color: #000;
    font-weight: 500;
}


.contact-map-inner iframe{
    width: 100%;
    height: 671px;
    line-height: 0;
}

.details-section p{
    font-size: 20px;
}

.details-section p strong{
    font-size: 22px;
}


/* ------------about-css--------------- */
.img-r{
    border-radius: 8px;
    overflow: hidden;
}

.img-r img{
    border-radius: 8px;
     overflow: hidden;
}


.about-img1 {
    width: 564px;
    float: left;
    margin-right: 40px;
}

.about-text {
    padding-top: 50px;
}

.redbgsec{
    background-color: #ed112b;
    padding-left: 100px;
}

.redbgsec p{
color: #fff;
}


.about-img2{
    overflow: hidden;
}

.about-text3{
    margin-left: 30px;
}



/* ----------service-css-------- */

.serviceimg1{
     width: 634px;
    float: left;
    margin-right: 40px;
}

.service-img2{
    overflow: hidden;
    height: 100%;
    object-fit: cover;
}
.service-img2 img{
    overflow: hidden;
    height: 100%;
    object-fit: cover;
}


.redbgsec .service-text {
    padding: 80px 0px;
}




/* ----------------------footer-section------------------------- */

.footer-newsletter-sec {
    display: flex;
    justify-content: center;
    gap: 50px;
    align-items: center;
    padding: 65px 0px;
    position: relative;
    z-index: 1;
    border-bottom: 1px solid #3b3b3b;
    background-color: #000;
}

.footer-right {
    display: flex;
    width: 43%;
}

.footer-email {
    position: relative;
}


.footer {
    position: relative;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: cover; 
}

.footer-newsletter-sec .home-title {
    color: #000;
}

.footer-inner {
    position: relative;
    z-index: 1;
    padding: 40px 35px 30px 35px;
    background-color: #fff;
}

.news-text p {
    font-size: 39px;
    color: #fff;
    margin: 0;
    font-family: 'Chillax';
    font-weight: 500;
}

.footer-newsletter-sec input::placeholder {
    color: #fff;
}


.footer-newsletter-sec input[type="email"] {
    background-color: #ffffff38;
    border-radius: 5px;
    padding: 20px 30px;
    width: 100%;
    border: none;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    border-radius: 10px;
}


.footer-logo {
    padding-bottom: 30px;
}

.social-links .footitl {
    margin: 0;
    padding: 5px 0px 5px 0px !important;
}

.footer-content .footitl {
    font-size: 30px;
    font-weight: 500;
    color: #000;
    padding: 0px 0px 10px 0px;
    position: relative;   
}

.footer-content.social-links {
    padding-top: 25px;
}

.Our-Address ul {
    padding-top: 15px;
}

.footer-content .sub-title {
    font-size: 24px;
}


.footer-content ul li {
    font-size: 19px;
    color: #101010;
    padding-bottom: 8px;
    font-weight: 400;

}

.footer-services {
    column-count: 2;
}



.footer-content ul a:hover {
    color: #da090f;
    transition: 0.7s ease-in-out;

}

.footer-content ul li a {
    font-size: 19px;
    color: #101010;
    font-weight: 400;
}

.social-links li i {
    color: #fff;
    font-size: 30px;
    width: 55px;
    height: 55px;
    line-height: 55px;
    background-color: #ed112b;
    border-radius: 50px;
    text-align: center;
    align-items: center;
    margin: 0px 6px 10px 0px;
    transition: 0.5s ease-in-out;
    border: 1px solid #ed112b;
}

.social-links li i:hover {
    background-color: #fff;
    transition: 0.5s ease-in-out;
    color: #ed112b;
     border: 1px solid #ed112b;
}

.social-links {
    padding-top: 10px;
}



.footer-contact-text p {
    font-size: 17px;
    line-height: 30px;
    color: #fff;
    max-width: 1330px;
    margin: 0 auto;
    padding: 35px 0px;
}

.footer-contact-text {
    border-bottom: 1px solid #393838;
    border-top: 1px solid #393838;
}

.footer-email {
    position: relative;
    width: 26%;
}

.footer-email img {
    position: absolute;
    top: 15px;
    right: 20px;
}

.copy-right-inner {
    display: flex;
    justify-content: space-between;
    padding: 30px 0px 0px 0px;
}

.copy-right p {
    color: #000;
    font-size: 18px;
    font-weight: 400;
}

.copy-right a {
    color: #000;
    font-size: 17px;
}

.copy-right a:hover {
    color: #da090f;
}

.copy-right {
    position: relative;
    z-index: 1;
}

.copy-right-inner i {
    color: #bb0203;
    font-size: 16px;
    padding-right: 5px;
}



/* ---------scrool-btn----- */


button.back-to-top{
  margin: 0 !important;
  padding: 0 !important;
  background: #fff;
height: 0px;
  width: 0px;
  overflow: hidden;
border-radius: 50px;

  color: transparent;
	clear: both;
  visibility: hidden;
  position: fixed;
  cursor: pointer;
  display: block;
  border: none;
  right: 50px;
	bottom: 75px;
  font-size: 0px;
  outline: 0 !important;
  z-index: 99;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}


button.back-to-top.show::after,
button.back-to-top.show::before{
  visibility: visible;
}
button.back-to-top::after {
  border-bottom-color:#fff;
      position: relative;
  top:-24px;
}

button.back-to-top.show {  
    right: 25px;
    bottom: 85px;
    height: 50px;
    width: 50px;
    visibility: visible;
    border: 1px solid #ed112b;
}

button.back-to-top.show:active {
  box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.25);
}





/* -----end-------- */

.safety-img2 {
    width: 847px;
    float: left;
    margin-right: 60px;
}

.contentbox ul li{
    font-size: 20px;
    list-style: disc;
    padding-bottom: 10px;
}




/* ------media-query------ */

@media (max-width: 1600px) {
.home-title {font-size: 52px;}
.service-title {font-size: 23px;}
.home-trust-text {padding-right: 130px;}
.no-banner-pad { padding: 80px 0px 60px 0px;}
.error > .code { font-size: 13rem;}
.error-title {margin-top: 15px;}
.message { padding: 60px 50px;    max-width: 650px;  }
.thanku-text { font-size: 80px;}
.redbgsec {padding-left: 60px;}
p {  font-size: 19px;  line-height: 30px;}











}

body,
html {
  overflow-x: hidden;
}

@media (max-width: 1440px) {
.logo-box { width: 450px;}
.banner-title { font-size: 55px; }
.nav-item { padding: 0px 15px;}
.home-banner-content p {  font-size: 25px; }
.home-title { font-size: 45px; }
.diffbox-title { font-size: 22px; }
.makes-diff-text { padding: 40px;}
.home-sec4::before {  width: 816px;   left: -7%;   top: -4%;}
.safety-text ul li {  font-size: 22px;  }
.review-n {  font-size: 20px;  padding-left: 10px;}
.review-letter {  width: 50px;    height: 50px;    line-height: 50px;     font-size: 30px;}
.review-star { margin-top: 20px;}
.serviceimg1 { width: 580px;}



}




@media (max-width: 1366px) {
.logo-box { width: 400px; }
.navbar .nav-link { font-size: 20px;}
.banner-title { font-size: 50px; }
.home-banner-content p { font-size: 23px; }
.cmn-btn { padding: 12px 25px;    font-size: 18px;}
.cmn-btn::after {    width: 41px;    height: 41px;    line-height: 41px;}
.cmn-btn img { top: 19px;  right: 16px; width: 20px;}
.home-services-sec2 { padding: 80px 55px;}
.service-title { font-size: 20px; }
.home-service-text { bottom: 18px;  }
.makes-diff-text p { font-size: 18px;    line-height: 26px;}
.safety-text ul li { font-size: 20px; }
.certified-text ul li {  font-size: 22px;}
.home-sec5 { padding: 160px 100px 200px 100px;   }
.home-sec6 {padding: 80px 45px;}
.review-n { font-size: 17px; }
.google-img {width: 30px;}
.reviews-box p { font-size: 18px;}
.footer-content .footitl {  font-size: 28px;      padding: 0px;  }
.footer-content ul li a { font-size: 18px;}
.footer-content ul li{ font-size: 18px;}
.social-links li i {  font-size: 26px;  width: 50px;  height: 50px;  line-height: 50px; }
.copy-right p { font-size: 17px;}
.copy-right p a{ font-size: 17px;}
.news-text p { font-size: 35px;}
.footer-newsletter-sec { padding: 50px 0px;   }
.footer-newsletter-sec input[type="email"] { padding: 15px 30px;}
.footer-email img {  top: 18px;    width: 20px;}
.no-banner-pad { padding: 0px 0px 70px 0px;}
.error > .code {font-size: 11rem;  line-height: 170px;}
.error-title { font-size: 45px;  margin-top: 10px;}
.message p {font-size: 18px; padding: 0px 0px 10px 0px;}
.message {padding: 40px 50px;    max-width: 540px;}
.thanku-text {font-size: 70px;}
p { font-size: 18px; line-height: 28px; }
.top-main-container {padding: 80px 0px;}








}