/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Page Title
5. Main Header / Style Three
6. Main Slider
7. Services Section
8. Doctor about Section
9. Counter Section
10. Gallery Section
11. Testimonial Section
12. Team Section
13. News Section
14. Clients Section
15. Faq Section
16. Services Singles Section
17. Blog Section
18. Main Footer
19. Contact Form
20. Map Section
21. Contact Info Section

**********************************************/

/*[font Variables]*/
@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i|Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Playfair+Display:400,400i,700,700i,900,900i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

/*[debugging.css]*/
@import url('header.css');
@import url('services-page-style.css');
@import url('team-page-style.css');
@import url('testimonials-page-style.css');
@import url('faq-page-style.css');
@import url('blog-pages-style.css');
@import url('priceing.css');
@import url('appointment-page.css');
@import url('contact-page-style.css');
@import url('footer.css');
@import url('hover.css');
@import url('animate_1.css');

@font-face {
    font-family:AS_Speedway;
    src: url(../fonts/AS_Speedway.ttf);
    
}
/*** 

====================================================================
  Global Settings
====================================================================

 ***/
body, p, h1, h2, h3, h4, h5, h6 {
  margin: 0px;
  padding: 0px;
  font-family: 'Open Sans', sans-serif;
}
a.navbar-brand {
  width: 245px;
}
ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
a {
  text-decoration: none;
  font-family: 'Roboto', sans-serif;
}
a:hover, a:focus {
  text-decoration: none;
  outline: none;
  font-family: 'Roboto', sans-serif;
}
h1,h2,h3,h4,h5,h6{
  font-family: 'Roboto', sans-serif;
  /*font-family: "Poppins", sans-serif;*/
  color: #004a9a;
  margin: 0;
  padding: 0;
}
p{
  font-size: 16px;
  color: #363636;
  line-height: 28px;
  font-family: 'Open Sans', sans-serif;
 
}

/*** 

====================================================================
  Scroll To Top style
====================================================================

***/
#scroll {
  position: fixed;
  z-index: 999;
  right: 12px;
  bottom: 10px;
  cursor: pointer;
  width: 40px;
  height: 40px;
  background-color: #0790ff;
  border: solid 2px #0790ff;
  /*border-radius: 50px;*/
  /*box-shadow: 0px 0px 3px 4px rgb(123, 123, 123);*/
}
#scroll span {
  position: absolute;
  top: 50%;
  left: 44%;
  margin-left: -8px;
  margin-top: -17px;
  font-size: 30px;
  font-weight: bold;
  color: #fff;
}
#scroll:hover {
  border: solid 2px #0790ff;
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
}
/*** 

====================================================================
  End Scroll To Top style
====================================================================

***/

.row.m0 {
  margin: 0px;
}
.p0 {
  padding: 0px;
}
.padd-r-none{
  padding-right: 0;
}
.padd-l-none{
  padding-left: 0;
}
.pd-left-50{
  padding-left: 50px;
}
.mr-btm-0{
  margin-bottom: 0 !important;
}
.mb-60 {
    margin-bottom: 45px;
}
.brd-r-0 {
    border-right: 0 !important;
}
.spacer-50 {
  width: 100%;
  height: 20px;
  float: left;
}
.bg-gray-light{
  background-color: #f7f7f7;
}
/*** 

====================================================================
  image block style
====================================================================

***/
img{
  max-width: 100%;
}
.image_thumb {
  overflow: hidden;
  /*display: inline-block;*/
  position: relative;
  z-index: 3;
  cursor: pointer;
  box-shadow: 0 0px 17px #d2cfcf;
  background-color: #FFF;
  padding: 6px;
}

.image_thumb:before {
  content: "";
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  z-index: 1;
  opacity: 0;
  -webkit-transition: all 400ms linear 0s;
  -o-transition: all 400ms linear 0s;
  transition: all 400ms linear 0s;
  cursor: pointer;
}

.image_thumb img {
  max-width: 100%;
  -webkit-transition: all 400ms linear 0s;
  -o-transition: all 400ms linear 0s;
  transition: all 400ms linear 0s;
}

.image_thumb:hover img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

.image_thumb:hover:before {
  opacity: 1;
}
#success {
  display: none;
}

#error {
  display: none;
}

.display_table {
  display: table;
  width: 100%;
}

.display_table_row {
  display: table-row;
}

.display_table_cell {
  display: table-cell;
  float: none !important;
}

iframe {
  border: none;
}

i:before {
  margin-left: 0px !important;
}
/* Btn css*/
.btn-full {
  width: 100% !important;
  display: inline-block;
  text-align: center;
}
.btn-xlg {
  padding: 15px 50px
}

.btn-lg {
  padding: 12px 30px;
  display: inline-block;
}

.btn-md {
  padding: 11px 20px;
  display: inline-block;
}

.btn-xs {
  padding: 11px 15px 10px;
  display: inline-block;
}
.theme-btn{
  color: #FFF;
background-color:#ce0000;
  border-radius: 40px;
  font-size: 18px;
  margin-top: 10px;
  float: left;
  letter-spacing: 0.3px;
  font-family: 'Roboto', sans-serif;
  border: none;
  }
.theme-btn:hover {
  background: #004a9a;
  color: #FFF;
  text-decoration: none;
  transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  -webkit-transition:all 0.3s ease;
  -ms-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;
}
.theme-btn:focus{
  color: #FFF;    
}
.theme-btn-second{
  color: #FFF;
  background-color:#4f5368;
  border-radius: 4px;
  font-size: 16px;
  margin-top: 10px;
  float: left;
  letter-spacing: 0.3px;

}
.theme-btn-second:hover {
  background: #000;
  color: #FFF;
  text-decoration: none;
  transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  -webkit-transition:all 0.3s ease;
  -ms-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;
}
.theme-btn-brd {
  color: #649a38;
  background-color:#FFF;
  border:2px solid #649a38;
  border-radius: 0px;
  font-size: 20px;
  text-transform: uppercase;
  margin-top: 30px;
  letter-spacing: 0.3px;

}
.theme-btn-brd:hover {
  background: #649a38;
  border:2px solid #649a38;
  color: #FFF;
  text-decoration: none;
  transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  -webkit-transition:all 0.3s ease;
  -ms-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;
}
/* End btn css*/

/* Main title css
============================================================================================ */
.sec_middle_title {
  text-align: center;
  max-width: 1040px;
  margin: auto;
  padding-bottom: 60px;
}

.sec_middle_title h2 {
  font-size: 40px;
  color: #004a9a;
  font-weight: 700;
  text-transform: capitalize;
  letter-spacing: .90px;
  padding-bottom: 20px;
}
.sec_middle_title h2::after {
  content: "";
  width: 50px;
  height: 2px;
  background: #0790ff;
  display: block;
  position: relative;
  top: 10px;
  left: 0;
  margin: auto;
}
.sec_middle_title h2 span{
  font-size: 40px;
  color: #ce0000;
  font-weight: 300;
}
.sec_middle_title h2 span {
  color: #ce0000;
 }
.sec_middle_title p {
  font-size: 16px;
  line-height: 28px;
  letter-spacing: .34px;
}


/*** 

====================================================================
  Main Slider style
====================================================================

***/
.slider_area.mr_top{
  margin-top: 143px;
}
.slider_area{
  min-width: 0;
  min-height: 0;
  background-color: #000;
  overflow: hidden;
}
.slider_area .container-fluid {
  position: relative;
  padding-left: 0;
}
.slider_area .col-lg-12 {
  position: relative;
  padding: 0;
}
/* Slider item styles */
.slide { 
  position: relative;
  width: 100%;
  height: 100%;
}

.slider_area .owl-carousel {
  padding: 0;
  position: relative;
}

.slider_area .slide-overlay {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.2);
}

/* Styling for Owl Carousel nav (prev & next buttons) */
.slider_area .owl-nav {
  margin-top: -50px;
  text-align: center;
  position: absolute;
  top: 50%;
  width: 100%;
  z-index: 5;
}

.slider_area .owl-nav [class*=owl-] {
  width: 40px;
  height: 40px;
  color: #fff;
  line-height: 38px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  text-align: center;
  border: 1px solid #fff;
  cursor: pointer;
  font-size: 30px;
  transition: all 0.3s ease;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.slider_area .owl-nav [class*=owl-]:hover {
  background: rgba(0, 0, 0, 0.6);
}

/* Position of the next and prev buttons */
.slider_area .owl-nav .owl-prev {
  left: 20px;
}

.slider_area .owl-nav .owl-next {
  right: 10px;
}

/* Media Queries for Mobile Responsiveness */
@media (max-width: 767px) {
  .slider_area .owl-nav [class*=owl-] {
    width: 20px;
    height: 20px;
    font-size: 20px;
    line-height: 3px;
  }

  .slider_area .owl-nav .owl-prev {
    left:20px;
    margin-top:20px;
  }

  .slider_area .owl-nav .owl-next {
    right: 20px; margin-top:20px;
  }
/*.slider_area .owl-carousel .item{
  height:350px;
}*/
  .slider_area .owl-carousel .item img {
    width: 100%;
    height: auto;
  }
}

/*End Slder*/

/*** 

====================================================================
  Start About Section
====================================================================

***/
.about_area{
  padding: 100px 0;
}
.about_area .img_right{
  widows: 368px;
  height: 532px;
  float: right;
  margin: 0 0 8px 33px;
  border-radius: 10px;
  border:1px solid #abadaf;
}
.about_content_area{
  float: left;
  width: 100%;
  text-align: justify;
}
.about_content_area h2{
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 24px;
}
.about_content_area h2 span{
  color: #ce0000;
  font-weight: 300;
}
.about_content_area_2 .img_left{
  widows: 304px;
  float: left;
  margin-right: 30px;
  text-align:justify;
  
}
.about_content_area_2 .img_left img{
 border-radius: 10px;
  border:1px solid #abadaf;
  margin-bottom:15px; 
}
.about_content_area_2{
  width: auto;
  padding-top: 50px;
}
.about_content_area_2 h2{
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 24px;

}
.about_content_area_2 h2 span{
  color: #ce0000;
  font-weight: 300;
}
/*** 

====================================================================
  End About Section
====================================================================

***/


/* Start Wider Strip Section Area*/

.wider_strip{
  padding: 40px 0;
  background-color: #0790ff;
}
.wider_strip h2{
  color: #FFF;
}
.wider_strip p{
  color: #FFF;
  margin-top: 15px;
}
.wider_strip .theme-btn{
  margin-top: 46px;
}
.wider_strip .theme-btn:hover {
  background: #FFF;
  color: #000;
}

#wider_strip1{
  background-color: #e6ecf3;
}
#wider_strip1 h2{
  color:#000;
}
#wider_strip1 .vr-line {
    position: absolute;
    top: 0;
    left: -30px; /* Adjust as needed */
    width: 1px;
    height: 100%;
    background-color: #000;
}
/* End Wider Strip Section Area*/


/* Start Service Section Area*/

.service_area{
  padding: 60px 0;
  background: url(../images/servicebg.webp);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  overflow:hidden;
  position:relative;
  margin-bottom:-50px;
}
.service_area .theme-btn{
  font-size: 18px;
  text-transform: uppercase;
  margin: 30px auto 0;
  display: table;
  float: none;
}
.service-block{
  position: relative;
  background-color: #f5f8f6;
  border-radius: 21px;
  padding: 10px;
  margin-bottom: 30px;
}
.service-block .inner-box{
  position: relative;
  padding: 30px 25px 40px;
  text-align: center;
  border-radius: 20px;
  background-color: #f2f6fa;
  background-color: #fff;
  border: 1px solid #0790ff;
  padding: 30px 25px 40px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.service-block .inner-box:before{
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  right: 0px;
  border-radius: 50%;
  z-index: -1;
  transition: all 500ms ease;
  background: -webkit-linear-gradient(-90deg, #f25743, #eb3648 50%);
  transform: scale(1,1);
 }
.service-block .inner-box:hover:before,
.service-block .inner-box:hover:after{
  -webkit-transform:scaleX(1);  
  -ms-transform:scaleX(1);  
  transform:scaleX(1);  
}

.services-section .service-block .inner-box{
  margin:20px 0px;
}
.service-block .inner-box:hover{
  box-shadow: 0 0 25px rgba(0,0,0,0.20);
  background-color: #0790ff;
  }
.service-block .icon-box{
  position: relative;
  display: inline-block;
  height: 180px;
  width: 180px;
  line-height: 105px;
  text-align: center;
  background-color: #ffffff;
  border-radius: 50%;
  margin-bottom: 20px;
  z-index:1;
  border:1px solid #0790ff!important;
  box-shadow: 0 0 25px rgba(0,0,0,0.60);
  }

.service-block .icon-box .icon{
  position: relative;
  display: block;
  font-size: 60px;
  color: #0d61a8;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
 }
.service-block .inner-box:hover .icon-box .icon{
  color: #eb4343;
}
.service-block h5{
  position: relative;
  display: block;
  font-size: 20px;
  line-height: 28px;
  color: #242424;
  font-weight: 600;
  margin-bottom: 15px;
  z-index:1;
}
.service-block h5 a{
  color: #004a9a;
  font-size: 20px;
  display: inline-block;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.service-block .inner-box:hover h5 a{
  color: #ffffff;
  text-decoration:none;
}
.service-block .text{
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 26px;
  color: #797979;
  margin-bottom: 20px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  z-index:1;
}
.service-block .inner-box:hover .text{
  color: #ffffff;
}
.service-block .link-box{
  position: relative;
  z-index:1;
}
.service-block .link-box a{
  position: relative;
  display: inline-block;
  font-size: 15px;
  line-height: 18px;
  color: #ce0000;
  font-weight: 600;
  border-bottom: 1px solid #efabae;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.service-block .inner-box:hover .link-box a{
  color: #FFF;
  /*border-bottom: 1px solid #3580a0;*/
}
/* End Service Area Section*/

/* Start Meet Team Area Section*/
.meet_area{
/*padding-top:60px;*/
padding:100px 0;
}
.meet_area .theme-btn{
  font-size: 18px;
  text-transform: uppercase;
  margin-top: 40px;
}
.meet_area .meet-block{
  width: 100%;
 background-color:rgba(7,144,255,0.4);
/*  background: url(../images/wood-bg.webp);*/
  padding: 10px;
  padding-bottom: 0;
  display: table;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.meet_area .meet-block .inner-block{
  border: 1px solid #0790ff;
  height: 100%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom: none;
  display: table-cell;
  overflow: hidden;
}
.membr-cnt-area{
  padding-top: 50px;
  padding-left: 30px;
}
.membr-cnt-area p{

}
.meet_area .sign{
  float: right;
}
.membr-img{

}
 .shape{
position: absolute; 
    width: 100%; 
  margin-top:-12%;
margin-left:60%;
float:right; 
z-index:1;
transform: rotate(60deg); 
}

.client-img-holder{
  width:120px;
  height:120px;
}

/* End meet Area Section*/

/* Start Testimonial Area Section*/
.testimonial-area{
/*  background-color: #e6760c;*/
  padding: 100px 0;
  background-image: linear-gradient(115deg, hsl(359deg 84% 52%) 0%, hsl(344deg 66% 55%) 11%, hsl(327deg 47% 54%) 26%, hsl(294deg 31% 54%) 42%, hsl(255deg 43% 62%) 56%, hsl(225deg 67% 63%) 66%, hsl(206deg 95% 49%) 74%, hsl(207deg 95% 47%) 80%, hsl(208deg 96% 45%) 86%, hsl(209deg 96% 43%) 90%, hsl(210deg 96% 40%) 94%, hsl(212deg 97% 38%) 97%, hsl(214deg 98% 35%) 100%);
}
.testimonial-area .sec_middle_title h2::after{
  background-color: #FFF;
}
.testimonial-area .sec_middle_title h2{
  color: #FFF;
}
.testimonial-area .sec_middle_title h2 span {
    font-size: 40px;
    color: #ce0000;
    font-weight: 300;
}
.testimonial-area .testimonial_bx {
    width: 100%;
    position: relative;
    padding: 10px;
    background-color: #FFF;
    border-radius: 20px;
    float: left;
}
.testimonial-area .testimonial-inner-block{
  border: 1px solid #0790ff;
  padding: 15px;
  border-radius: 20px;
  padding-top: 45px;
  padding-bottom: 20px;
  float: left;
}
.testimonial-area .quote-icon{
  margin: auto;
  display: table;
}
.testimonial-area .quote-icon img{
  width: auto;
}
.testimonial-area .testimonial-block{
  padding-top: 40px;
}
.testimonial-area .testimonial-block p{
  color: #363636;
  text-align: center;
} 
.testimonial-area .client-img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: transparent;
  /*border: 4px solid rgba(173, 165, 165, 0.3);*/
  margin: 25px auto 0;
}
.testimonial-area .client-img img {
  border-radius: 50%;
}
.testimonial-area .s-rating{
  margin: 25px auto 0;
  display: table;
  width: auto;
}
.testimonial-area .s-rating img{
  width: auto;
}
.testimonial-area h4.name {
  font-size: 16px;
  line-height: 20px;
  padding-top: 15px;
  text-align: center;
  color: #000;
}
.testimonial-area h4.name span {
  font-size: 16px;
  color: #757575;
}
.testimonial-area .theme-btn {
    font-size: 16px;
    text-transform: uppercase;
    margin: 30px auto 0;
    display: table;
    float: none;
}
.testimonial-area .owl-dots {
  position: relative;
  text-align: center;
  margin-left: 12px;
  margin-top: -10px;
}
.testimonial-area .owl-dots .owl-dot {
  height: 12px;
  width: 12px;
  border: 1px solid #FFF;
  border-radius: 50%;
  display: inline-block;
  margin-right: 8px;
  margin-top: 50px;
}
.testimonial-area .owl-dots .owl-dot:last-child {
  margin-right: 0px;
}
.testimonial-area .owl-dots .owl-dot.active {
  background: #FFF;
}
.testimonial-area .item {
  padding-bottom: 30px;
}
/* End Testimonial-area Section*/

/* Start achivement Section*/
.achivement{
  background: url(../images/nmbr-bg.webp);
  padding: 55px 0;
}
.achivement .padd-60{
  padding-left: 50px;
}
.achivement .block{
  width: auto;
  float: left;
}
.achivement .icon{
  float: left;
  margin-right: 20px;
}
.achivement .cnt-bx{
  float: left;
}
.achivement .cnt-bx h2{
  color: #FFF;
  font-size: 60px;
  font-weight: bold;
}
.achivement .cnt-bx p{
  color: #FFF;
  font-size: 22px;
}
/* End achivement area section*/

/* Start why choose us area section*/

.why-choose-us{
  padding: 100px 0;
}
.why-choose-us .padd-left-30{
  padding-left: 30px;
  padding-top: 20px;
}
.why-choose-us .sm-heading{

}
.why-choose-us .sm-heading h4{
  font-size: 24px;
  font-weight: 400;
  color:  #ce0000;
}
.why-choose-us .sm-heading h4::after {
  content: "";
  width: 208px;
  height: 2px;
  background:#ce0000;
  display: inline-block;
  position: relative;
  margin-left: 10px;
}
.why-choose-us h2 {
  font-size: 40px;
  font-weight: 700;
  margin-top: 35px;
}
.featured-area{
  padding-top: 50px;
}
.fea-col{
  width: 100%;
  float: left;
 background-color: #ebf4fb;
  border-top: 4px solid #004a9a;
  margin-bottom: 33px;
}
.fea-col1 {
  margin-top:20px;
  width: 100%;
  float: left;
 background-color: #ebf4fb;
  border-top: 4px solid #004a9a;
  margin-bottom: 33px;
 }

.fea-col-img{
  width: 130px;
  float: left;
}
.fea-col-cnt{
  width: 211px;
  float: left;
  padding-left: 20px;
  padding-top: 30px;
 }
 .custom-list {
      padding: 30px;
    }
   
 .fea-col-cnt1 ul li b{
  font-size: 14px;
  font-weight: 600;
  color:#004a9a;
 }
 .fea-col-cnt1 ul li i{
  color:#004a9a;
  margin-right: 0px;
  }
 .fea-col-cnt1 ul li{
  font-size: 14px;
  line-height:2.0;
  text-align: justify;
  left: -1.1em;
 }
.fea-col-cnt h4{
  font-size: 20px;
  color: #004a9a;
  margin-bottom: 10px;
  text-align:center;
}
.fea-col-cnt p{
  max-width: 600px;
  margin: 0 auto;
  text-align: left;
  line-height: 24px;
  padding: 10px;
}
.offer{
  width: 100%;
  float: left;
  padding-top: 40px;
  padding-left: 30px;
  padding-bottom: 0px;
  margin-top: 20px;
  background: url(../images/offer.webp);
}
.offer h1{
  font-size: 40px;
  color: #FFF;
  font-weight: bold;
  margin: 0;
  padding: 0;
}
.offer p{
  color: #FFF;
  margin-top: 10px;
}
.offer .theme-btn {
  font-size: 16px;
  text-transform: uppercase;
  margin: 30px auto 0;
  display: table;
  font-weight: bold;
  border-radius: 0;
  float: right;
}
.offer .theme-btn:hover {
  background: #FFF;
  color: #000;
}


.video-bx{
  /*height: 466px;*/
  overflow: hidden;
}
.video-image-box{
  position:relative;  
}
.video-image-box .image{
  position:relative; 
}
.video-image-box img{
  display:block;
  width:100%;
  }
.video-image-box .image .overlay-link{
  position:absolute;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  color:#ffffff;
  text-align:center;
  /*background: rgba(0, 37, 74, 0.46);*/
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}
.video-image-box .image .overlay-link:hover {
    
}
.video-image-box .image .overlay-link .icon-border{
  border: 6px solid #004a9a;
  width: 100px;
  height: 100px;
  background-color: transparent;
  padding: 5px;
  border-radius: 50%;
  margin: 23% auto 0 auto;
}
.video-image-box .image .overlay-link .fa-play{
  width: 78px;
  height: 78px;
  line-height: 84px;
  font-size: 35px;
  color:#ce0000 ;
  background-color: rgb(7, 144,255);
  border-radius: 50%;
  padding-left: 8px;

}
/* End why choose us area section*/


/*** 
====================================================================
  Start Client Logo Section
====================================================================
***/
#clients {
  padding: 0px 0 150px 0;
  background-color: #FFF;
}
#clients .owl-carousel {
  padding: 0 70px;
  position: relative;
}
#clients .container .item {
  /*height: 145px;
  line-height: 145px;*/
}
#clients .container .item img {
  transition: all 0.3s ease 0s;
  display: inline;
}
#clients .owl-controls {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
#clients .owl-nav {
  margin: 0;
}
#clients .owl-nav div {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
#clients .owl-prev {
  left: 0px;
  position: absolute;
  top: 0;
  line-height: 145px;
}
#clients .owl-nav div .fa {
  color: #b9b9b9;
  font-size: 30px;
}
#clients .owl-nav div {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
#clients .owl-next {
  position: absolute;
  right: 0px;
  top: 0;
  line-height: 145px;
}
#clients .owl-nav div .fa {
  color: #b9b9b9;
  font-size: 30px;
}
/* End client section css*/
 

.help-area{
  position: relative;
margin-bottom: -1px;
display: flex;
}
.ribbon-row {
    /*max-width: 75rem;*/
    padding: 0 0;
    width: 100%;
    margin: 0 auto;
    z-index: 1;
   position: relative;
}
.container-left {
  background-color: #004a9a;
background-repeat: repeat-x;
margin-top: -24px;
padding: 65px 50px 65px 128px;
float: left;
width: 70%;
word-wrap: break-word;
word-break: break-word;
position: relative;
}
.container-left .cnt-bx{
  width: 660px;
   }
.container-left .cnt-bx h2{
  font-size: 45px;
  color: #FFF;
  text-transform: uppercase;
  font-weight: bold;
  justify-content: center;
  text-align: left;
 }
.container-left .cnt-bx h2 span{
    color:#ea3333;
   }
.container-left .cnt-bx p{
  color: #FFF;
  padding-top: 10px;
  font-size: 18px;
  text-align: left;
}
.container-left .infor{
  width: 100%;
  padding-top: 55px;
}
.container-left .infor .zip-code{
  width: 402px;
  height: 52px;
  float: left;
}
.container-left .infor .zip-code input[type="text"]{
  width: 341px;
  height: 52px;
  float: left;
  background-color: #FFF;
  border: none;
  padding-left: 15px;
}
.container-left .infor .zip-code .go-button {
    background: #000;
    color: #FFF;
    display: block;
    margin-left: 0px;
    text-align: center;
    transition: all 500ms ease 0s;
    border: 1px solid #000;
    float: right;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: bold;
    padding: 8px 13px;
}
.or{
  padding: 0 30px;
  float: left;
  font-size: 30px;
  color: #FFF;
  font-weight: 300;
  background: url(../images/sep.png) no-repeat center;
height: 72px;
line-height: 62px;
}
/*.or::before{
  content: "";
  width: 1px;
  height: 73px;
  position: relative;
  background: url(../images/sep.png);
}*/
.call-col{
  float: left;
  }
.call-col h2{
  font-size: 30px;
  color: #FFF;
  font-weight: 300;
  margin-bottom: 0px;
}
.call-col h2, a{
  font-size: 45px;
  color: #FFF;
  font-weight: bold;
}
.call-col a:hover{
color:#0790ff;
}
.container-right {
    float: left;
    position: relative;
    width: 30%;
    height: 437px;
    z-index: 1;
    padding-left: 2.19em;
   /* margin-top: 1.13em;*/
    background-color:  #302b27 !important;
}
.container-right .block-extension {
    width: 1.63em;
    left: -1.5em;
    position: absolute;
    top: 0;
    background-color:  #302b27 !important;
    bottom: 0;
}
.container-right .triangle {
    top: .56em;
    height: 1.37em;
    width: 1.53em;
    right: -.063em;
    position: absolute;
    transform: skewY(143deg);
    background-repeat: repeat-x;
    background-repeat: repeat-x;
    background-image: -webkit-linear-gradient(-90deg,#00baff 30%,#004dff);
    background-image: -o-linear-gradient(-90deg,#00baff 30%,#004dff);
    background-image: linear-gradient(-90deg,#00baff 30%,#004dff);
}
.container-right .img-holder{
  bottom: 49px;
  position: relative;
}
.container-right .img-holder img{

}
.triangle {
  top: .56em;
  height: 28px;
  width: 25px;
  right: -.063em;
  background-color: #302b27;
  position: absolute;
  transform: skewY(143deg);
  background-repeat: repeat-x;
  background-repeat: repeat-x;
  background-color: #302b27;
}
/* End help-area section */

/* Start Blog Area section*/
.blog{
  padding: 80px 0;
}

.blog .blog-main-holder{
  width: 100%;
  padding: 10px 10px 30px;
background-color: #FFF;
border: 1px solid #eaeaea;
}
.blog .single-blog-post .date{
  width: 70px;
  padding: 15px;
  float: left;
  background-color: #004a9a;
  margin: -42px 0 0 10px;
  position: relative;
  border: 3px solid #FFF;
  bottom: 20px;
}
.blog .single-blog-post .date h3{
  margin: 0;
  padding: 0;
  font-size: 25px;
  color: #FFF;
  font-weight: bold;
  text-align: center;
  line-height: 20px;
}
.blog .single-blog-post .date span{
  font-weight: normal;
  font-size: 18px;
}
.blog .single-blog-post{
  width: 100%;
}
.blog .single-blog-post .img-holder {
  position: relative;
  overflow: hidden;
  margin-bottom: 0;
}
.blog .single-blog-post .blog-content{
  width: 100%;
  padding: 20px 10px 0px;
  background-color: #FFF;
  
}
.blog .single-blog-post .blog-content > ul {
  border-bottom: 1px solid #E1E1E1;
  border-top: 1px solid #E1E1E1;
  padding: 10px 0px;
  margin-bottom: 30px;
}
.blog .single-blog-post .blog-content > ul li {
  display: inline;
  padding: 0 10px 0 0;
  font-weight: normal;
  font-size: 14px;
  color: #242424;
}
.blog .single-blog-post .blog-content > ul li .pull-right{
  float: right;
}
.blog .single-blog-post .blog-content > ul li span{
  color: #ce0000;
}
.blog .single-blog-post .blog-content h3{
  margin: 0;
  padding: 0 0 20px 0;
  font-size: 16px;
  font-weight:600;
  text-transform: none;
  color: #000;
  text-align: left;
  letter-spacing: 0.30px;
  line-height: 1.5;
}
.blog .single-blog-post .blog-content h4{
  font-weight: 400;
  line-height: 1.9;
}
.blog .single-blog-post p{
  margin: 0;
  padding: 0;

  text-align: justify;
  letter-spacing: 0.3px;
}
.blog .single-blog-post a.readmore{
  padding: 5px 0;
  font-size: 15px;
  color: #f19797;
  text-align: center;
  border-radius: 4px;
  margin-top: 10px;
  display: table;
  text-transform: capitalize;
  font-family: "Open Sans",sans-serif;
}
.blog .single-blog-post .theme-btn {
  font-size: 16px;
  text-transform: uppercase;
  color: #000;
  display: table;
  font-weight: bold;
  border-radius: 0;
  background-color: #FFF;
  float: right;
}
.blog .single-blog-post .theme-btn:hover {
  background: #FFF;
  color: #e6760c;
}
/* End Blog Area Section */


/* Start Request Quote Area Section*/
.quote-area{
  padding: 0;
}
.quote-area .quote-block-outer {
    width: 100%;
    background-color: #004a9a;
    padding-bottom: 0;
    display: table;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    height: 10px;
}
.quote-area .quote-block {
    width: 100%;
    background-color:rgba(7, 144, 255, 0.4);
/*    background: url(../images/wood-bg.jpg);*/
    padding-bottom: 0;
    display: table;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    height: 200px;
    overflow: hidden;
    margin-top: 8px;
}
.quote-area .pstman2{
  width: 522px;
  height: 387px;
  padding-top: 20px;
}
.quote-area .quote-form-block{
  padding: 56px 0 0 0;
}
.quote-area .quote-form-block input[type="text"], input[type="tel"] {
  width: 265px;
  height: 52px;
  float: left;
  background-color: #FFF;
  border: none;
  padding-left: 15px;
  margin-right: 10px;
  border-radius: 6px;
  margin-bottom: 10px;
  border: 1px solid #e6e2d9;
}
.quote-area .quote-form-block input[type="email"]{
width: 265px;
  height: 52px;
  float: left;
  background-color: #FFF;
  border: none;
  padding-left: 15px;
  margin-right: 10px;
  border-radius: 6px;
  margin-bottom: 10px;
  border: 1px solid #e6e2d9;
  margin-top:-0px;
}
.quote-area .quote-form-block select{
  width: 265px;
  height: 52px;
  float: left;
  background-color: #FFF;
  border: none;
  padding-left: 15px;
  margin-top: 0;
  margin-right: 10px;
  border-radius: 6px;
  margin-bottom: 10px;
  border: 1px solid #e6e2d9;
  margin-top:10px;
}
.quote-area .quote-form-block textarea{
  width: 540px;
  height: 100px;
  float: left;
  background-color: #FFF;
  border: none;
  margin-top: 0;
  padding-left: 15px;
  border-radius: 6px;
  margin-bottom: 10px;
  border: 1px solid #e6e2d9;
}


/*** 
====================================================================
  Inner Banner Style
====================================================================
***/
.banner_area {
  background-size: cover;
  /*min-height: 352px;*/
  position: relative;
  z-index: 2;
  margin-top: 147px;
}
.banner_area.banner_one{
  background: url(../images/banner.webp) no-repeat scroll center center;
}
.banner_area:before {
  content: "";
  background: linear-gradient(to right,rgba(17,24,42,0.85),rgba(0,0,0,0.6));
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.banner_area .banner_content h1 {
  padding: 120px 0;
  color: #FFF;
  font-size: 40px;
  font-weight: 400;
  line-height:1.9;
}
.banner_link {
  background: #FFF;
  border-bottom: 1px solid #e0e0e0;
}
.banner_link .abnner_link_inner a {
  font-size: 16px;
  color: #000;
  letter-spacing: .32px;
  margin-right: 25px;
  line-height: 60px;
  position: relative;
  -webkit-transition: all 400ms linear 0s;
  -o-transition: all 400ms linear 0s;
  transition: all 400ms linear 0s;
}
.banner_link .abnner_link_inner a:before {
  content: "\f101";
  font: normal normal normal 14px/1 FontAwesome;
  position: absolute;
  left: -17px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #000;
}
.banner_link .abnner_link_inner a:last-child {
  margin-right: 0px;
}
.banner_link .abnner_link_inner a:first-child:before {
  display: none;
}
.banner_link .abnner_link_inner a:hover, .banner_link .abnner_link_inner a.active {
  color: #000;
}
.banner_area_plane {
  background: url(../img/banner/banner-bg.jpg) no-repeat scroll center center;
  background-size: auto auto;
  background-size: cover;
  min-height: 235px;
  position: relative;
  z-index: 2;
}
.banner_area_plane::before {
  content: "";
  background:rgba(143, 143, 143, 0.5);
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.banner_area_plane .banner_content h3 {
  padding-top: 100px;
  font-size: 38;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
}


/*** 
====================================================================
  About Page Style Css
====================================================================
***/

/*About Block*/
.our_about_area {
  padding: 100px 0px;
  background-color: #FFF;
}
.our_about_left_content {
  padding-right: 10px;text-align: justify;
}
.our_about_left_content b{
  font-size:16px;
  color:#004a9a;
  text-align: justify;
}
.our_about_left_content ul b{
  font-size:20px;line-height: 34px;
  color:#ce0000;
}
.our_about_left_content ul li{
  line-height:2.2;text-align: justify;
 }
 .our_about_left_content ul li span{
  font-weight: 500;
  color:#004a9a;
 }
 .our_about_left_content i{
  color:#004a9a;
 }
.our_about_left_content .section_title {
  padding-bottom: 30px;
}
.our_about_left_content  h2{
  text-align: left;
  font-size: 30px;
  font-weight: bold;
  text-transform: uppercase;
  color: #004a9a;
}
.our_about_left_content h3 {
  font-size: 22px;
  line-height: 28px;
  letter-spacing: .44px;
  color: #242424;
}
.our_about_left_content p {
  font-size: 16px;
  line-height: 28px;
  letter-spacing: .34px;
  padding-top: 30px;
}

/* Fluid Block*/
.fluid-section-one{
  position:relative;
}
.fluid-section-one .outer-container{
  position:relative;
  min-height:250px;
  background-color:#f9f8fc;
}
.fluid-section-one .image-column{
  position:absolute;
  left:0px;
  top:0px;
  width:50%;
  height:100%;
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;  
}
.fluid-section-one .image-column .image-box{
  position:relative;
  display:none; 
}
.fluid-section-one .image-column .image-box img{
  position:relative;
  display:block;
  width:100%;
}
.fluid-section-one .content-column{
  position:relative;
  float:right;
  width:50%;
}
.fluid-section-one .content-column .inner-column{
  position:relative;
  width:100%;
  padding:50px 0px 50px 45px;
}
.fluid-section-one .content-column .inner-column .title-box{
  position: relative;
  width:100%;
  float: left;
}
.fluid-section-one .content-column .inner-column .title-box .box-inner{
  position: relative;
  padding-right: 50px;
}

/*.fluid-section-one .content-column .inner-column .title-box{
  position: relative;
  width:50%;
  float: left;
}*/

.fluid-section-one .content-column .inner-column .title-box h2{
  position: relative;
  color: #000;
  font-size: 35px;
  font-weight: 600;
  line-height: 1.3em;
  margin-bottom: 15px;
  text-transform: capitalize;
}
.fluid-section-one .content-column .inner-column .title-box .text{
  position: relative;
  padding-left: 0px;
  color:#555555;
  font-size: 16px;
  line-height: 1.7em;
  margin-bottom: 20px;
}
.fluid-section-one .content-column .inner-column .title-box .text h3{
  font-size: 20px;
  font-weight: 300;
  color: #555063;
  line-height: 1.3em;
  margin-bottom: 20px;
}
.fluid-section-one .content-column .inner-column .title-box .text p{

}

.fluid-section-one .content-column .inner-column .title-box .text:before{
  /*content: '\f18e';
  font-family: 'fontawesome';
  margin-right: 12px;
  font-size: 18px;
  color: #2087c2;*/
}

/*** 
====================================================================
  About Page Why Choose Section
====================================================================
***/
.why_choose{
  /*background: #2a3740; */
  padding: 95px 0px 55px; 
}
.why_choose .sec_middle_title {
  padding-bottom: 53px;
}
.main_sub_heading{
  font-size: 30px; 
  font-weight:600; 
  color: #fff; 
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 70px;
}
.choose_outer{
  position: relative;
  background: #f6f6f6;
  text-align: center; 
  padding: 30px 15px;
  z-index: 1; 
  margin:0 0 50px 0px;
  transition: 0.3s;
}
.choose_outer::after {
  content: "";
  position: absolute;
  width: 1px;
  background: #c7985f;
  left: -6px;
  top: 40px;
  bottom: 40px;
  display: none;
}
.choose_outer::before {
  content: "";
  position: absolute;
  width: 1px;
  background: #c7985f;
  right: -6px;
  top: 40px;
  bottom: 40px;
  display: none;
}
.border-top_bottom {display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; 
  z-index: -1; 
  transition: 0.3s;
  border: 1px solid #e7e7e7;
  box-shadow: 0px 0px 22px rgba(0,0,0,0.1);
  display: none;
}
.choose_outer:hover{background: linear-gradient(to bottom,rgba(238, 241, 248, 0.85),rgba(0,0,0,0));}
.choose_outer:hover h3{color: #000 ;}
.choose_outer:hover p{color: #000 ;}
.border-top_bottom::after {
  content: "";
  position: absolute;
  height: 1px;
  background: #c7985f;
  width: auto;
  left: 60px;
  right: 60px;
  bottom: -6px;
}
.border-top_bottom::before {
  content: "";
  position: absolute;
  height: 1px;
  background: #c7985f;
  width: auto;
  left: 60px;
  right: 60px;
  top: -6px;
}
.choose_outer figure{
  display: flex; 
  width: 80px; 
  height: 80px; 
  background: #fff; 
  border-radius: 80px; 
  align-items: center;
  justify-content: center; 
  padding: 15px;
  background: #fff;
  margin:0 auto;
  box-shadow: 0px 0px 22px rgba(0,0,0,0.1);
}
.choose_outer h3{
  color: #000;
  font-size: 22px; 
  font-weight: 500;
  margin-top: 20px;
  margin-bottom: 20px;
}
.choose_outer p{
  color: #424242; 
  /*margin-bottom: 10px;*/
}
/*End why-choose*/


/*** 
====================================================================
  Start Gallery Page Css
====================================================================
***/
.padd-none {
  padding: 0px;
}
.latest-gallery{
  padding:95px 0px 70px;
}
.latest-gallery .single-item.padd-none {
  padding: 0px !important;
}
.latest-gallery h1{
  font-size: 35px;
  color: #004a9a;
  font-family: 'Roboto', sans-serif;
  text-transform: uppercase;
  font-weight: bold;
}
.latest-gallery .single-item {
  padding-bottom: 30px;
}
.latest-gallery .single-item.padd-none{
  padding: 0px !important;
}
.latest-gallery .single-item .img-box {
  position: relative;
  overflow: hidden;
}
.latest-gallery .single-item .img-box img {
  width: 100%;
}
.latest-gallery .single-item .title h5 {
  color: #222;
  padding: 25px 0 0;
  font-size: 16px;
  font-weight: 400;
  -webkit-transition:.5s ease;
  transition: .5s ease;
}
.latest-gallery .single-item:hover .title h5 {
  color: #48c7ec;
  -webkit-transition:.5s ease;
  transition: .5s ease;
}

.latest-gallery .single-item .img-box .overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: linear-gradient(to right,rgba(61, 171, 222, 0.85),rgba(0,0,0,0));
  text-align: center;
  opacity: 0;
  transition: all .3s ease;
 /* border: 2px solid #FFF;*/
}

.latest-gallery .single-item .img-box .overlay .social {
  display: table-cell;
  vertical-align: middle;
  position: relative;
}
.latest-gallery .single-item .img-box .overlay .inner {
  display: table;
  width: 100%;
  height: 100%;
  position: relative;
}
.latest-gallery .single-item .social a i:before {
  font-size: 20px;
  color:#ce0000;
  margin: 0px;
  border: 1px solid #FFF;
  background-color: #FFF;
  padding: 10px;
  border-radius: 50%;
  width: 45px;
  height: 45px;
}
.latest-gallery .single-item .social h4 {
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  margin-top: 20px;
  text-transform: uppercase;
}

.latest-gallery .single-item .img-box .overlay .box {
  display: table;
  width: 100%;
  height: 100%;
}
.latest-gallery .single-item .img-box .overlay .box .content {
  display: table-cell;
  vertical-align: bottom;
}
.latest-gallery .single-item .img-box .overlay .top {
  text-align: center;
}
.latest-gallery .single-item .img-box .overlay .top ul {
  margin-bottom: 0;
  margin-bottom: 20%;
}
.latest-gallery .single-item .img-box .overlay .top li a {
  width: 45px;
  height: 45px;
  color: #fff;
  font-size: 16px;
  line-height: 48px;
  text-align: center;
  background: #222;
  display: block;
  border-radius: 50%;
  -webkit-transition:.4s ease;
  transition: .4s ease;
}
.latest-gallery .single-item .img-box .overlay .top li a:hover {
  background: #1f1f1f;
  color: #48c7ec;
}
.latest-gallery .single-item .img-box .overlay .bottom {
  padding: 10px 0px;
  padding-right: 0;
  text-align: center;
}
.latest-gallery .single-item .img-box .overlay .bottom .title h3 {
  margin: 0;
  color: #fff;
  font-family: "Roboto Slab", serif;
  line-height: 30px;
  font-size: 15px;
}
.latest-gallery .single-item:hover .img-box .overlay {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
  visibility: visible;
}
.post-filter {
  display: inline-block;
  margin: 0;
  margin-bottom: 50px;
}
.post-filter li {padding: 5px 5px;}

.post-filter li span {
  padding: 7px 20px;
  color: #343434;
  font-size: 14px;
  border: 1px solid #004a9a;
  font-weight:500;
  font-family: 'Roboto', sans-serif;
  line-height: 24px;
  display: block;
  padding-right: 16px;
  cursor: pointer;
  -webkit-transition:.5s ease;
  transition: .5s ease;
}
.post-filter li:hover span,
.post-filter li.active span {
  color: #fff;
  background:#004a9a;
  -webkit-transition:.5s ease;
  transition: .5s ease;
}
/* End Gallery*/
.service_content_bx .image_thumb{
  width:100%;
}
.moretext {
  display: none;
}

/*--------------------------------------------------------------
# Services 2 Section
--------------------------------------------------------------*/
.wider_strip-2 {
 overflow: visible;
  margin-bottom: 100px;
  padding:100px 0;
  margin-top:50px;
}
.wider_strip-2 .section-title p {
  color: var(--contrast-color);
}

.wider_strip-2 .services-carousel-wrap {
  position: relative;
  margin-bottom: -200px;
}

.services-2 .owl-carousel {
  margin-bottom: -100px; /* Adjust to fit your design */
}

.wider_strip-2 .owl-item {
  position: relative;
  overflow: hidden;
}

.wider_strip-2 .service-item {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}

.wider_strip-2 .service-item img {
  transition: 0.5s all ease;
  transform: scale(1);
  width: 100%;
  height: auto;
  border-radius: 10px;
}

.wider_strip-2 .service-item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3); /* Dark overlay on image */
  opacity: 0;
  visibility: hidden;
  transition: 0.3s all ease;
}

.wider_strip-2 .service-item:hover:before {
  opacity: 1;
  visibility: visible;
}

.wider_strip-2 .service-item-contents {
  z-index: 9;
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  /*transition: 0.3s all ease;
  transform: translateY(100%);*/
  opacity: 0;
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0.8); /* Add a semi-transparent black background */
  padding: 10px;
  border-radius: 5px;
  text-align:center;
}

.wider_strip-2 .service-item-contents .service-item-category {
  color: var(--accent-color);
  text-transform: uppercase;
}

.wider_strip-2 .service-item-contents .service-item-title {
  color: #ffffff!important;
  margin-bottom: 0;
  text-transform: uppercase;
  font-size: 20px;
}

.wider_strip-2 .service-item .service-item-contents {
   transform: translateY(0%);
  opacity: 1;
  visibility: visible;

}

.wider_strip-2 .service-item:hover img {
  transform: scale(1.2);
  border-radius: 10px;
}

.wider_strip-2 .owl-nav {
  position: absolute;
  top: 50%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  transform: translateY(-50%);
  z-index: 9;
  
}
.wider_strip-2 .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
  display: none;
}
.wider_strip-2 .owl-nav .owl-prev,
.wider_strip-2 .owl-nav .owl-next {
  background-color: #ffffff!important;
  color: #000;
  font-size: 1.5rem;
  border: none;
  cursor: pointer;
  padding: 10px;
  border-radius: 10px;
  margin-left:-30px;
  margin-right:-30px;
}

.wider_strip-2 .owl-nav .owl-prev:hover,
.wider_strip-2 .owl-nav .owl-next:hover {
  color: var(--contrast-color);
  background-color: var(--accent-color);
}

.enqury{
  padding-top:40px;
  background-color:#f2f1f0;
}
.enqury .form-group {
  padding-bottom:10px;
}
.enqury h4{
  font-size:24px;
}

/* Modal Dialog Styling */
.modal-dialog {
   /* width: 60%; / Medium width modal */
    max-width: 700px; /* You can adjust this width */
}

/* Ensure form fields take full width within their container */
.form-group {
    margin-bottom: 15px;
}

.form-control {
    width: 100%;
}

/* Padding and spacing adjustments */
.modal-body {
    padding: 20px;
}

input[type="radio"] {
    width: 20px!important;
    height: 20px!important;
    margin-top: 0px;
    margin-right: 10px;
  }

/* Adjust the labels next to radio buttons */
.radio-inline label {
    font-size: 14px; /* Smaller font size for labels */
    margin-left: 5px;
}

/* Style the radio button container */
.form-group .radio-inline {
    margin-bottom: 10px; /* Ensure there's space between radio options */
}
/* Price Display Styling */
#priceDisplay {
    font-weight: bold;
    color: green;
}

/* Responsive Design: Stack form fields on mobile */
@media (max-width: 768px) {
    .modal-dialog {
        width: 90%; /* For smaller screens, take more width */
    }
    
    .col-md-6 {
        width: 100%; /* Stack form fields */
    }
}

.abc  .g-recaptcha {
    transform: scale(0.79);
    transform-origin: 0 0;
    height: 50px;
    width: 240px;
    /*overflow: hidden;*/
    margin: 10px 0;
  }
  
  /* WhatsApp Floating Button */
.whatsapp-float {
    position: fixed;
    bottom: 60px;
    right: 20px;
    background-color: #25d366;
    color: white;
    border-radius: 50%;
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    transition: background 0.3s ease;
    text-decoration: none;
}

.whatsapp-float:hover {
    background-color: #fff;
}

.whatsapp-icon {
    font-size: 28px;
    line-height: 1;
}

.privacy-area{
   padding: 100px 0; 
}
.privacy-area-content h2, h4,h3,p, ul li{
    text-align:justify;
    margin-bottom:10px;
    line-height:1.9;
}
.privacy-area-content ul li{
list-style-type:circle;
color:#333;
}
.privacy-area-content a{
    font-size:14px;
    color:#004a9a;
}