*{margin: 0; padding: 0; box-sizing: border-box;}
img{max-width: 100%;}
a, a:hover, a:focus, a:visited, a:active{text-decoration: none;}
p, ul, li{padding: 0; margin: 0;}



/* header */
header{position: sticky; top: 0; z-index: 999; background-color: #fff;}
header .header-top{background-color: #9f402f; padding: 10px 0px;}
header .header-top ul li{color: #fff; font-size: 16px;}
header .header-top ul li a{color: #fff; font-size: 16px;}
header .header-top ul li .call-pulse{
         width: 10px;
    height: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%; 
    animation: pulse 1.5s infinite;
}

@keyframes pulse {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
    }
    70% {
        transform: scale(1.1);
        box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
    }
    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}
header .header-top ul li i.fb-color{
    color: #1877F2;
    background: white;
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
header .header-top ul li i.insta-color{
    color: #ff00f7;
    background: white;
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

header .header-top ul li i.utube-color{
    color:red;
    background: white;
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
header .navbar{box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.228); padding: 10px 0px;}
header .navbar .navbar-brand{font-size: 26px; color: #015c80; font-weight: bold;}
header .navbar .navbar-brand p{font-size: 18px; font-weight: 500; text-align: center;}
header .navbar .nav-link{font-size: 18px; color: black; font-weight: 500; position: relative;}
header .navbar .nav-link:after{content: ''; width: 0; height: 2px; background-color: #9a3e2e; position: absolute; bottom: 0px; right: 0; transition: .5s;}
header .navbar .nav-link:hover:after{width: 100%;}
header .navbar .nav-link:hover{color: #9b3e2e; }
header .navbar-toggler{padding: 8px 10px; color: #302844; border-color: #302844; }
header .navbar-toggler:focus{box-shadow: none;}
.disc {margin-left:20px;}
header .navbar .navbar-brand img{width: 290px;}

header .navbar .enquiry-btn a{display: inline-block; padding: 12px 20px; background-color: #302844; color: #fff; border-radius: 4px; font-size: 18px;}
header .navbar .enquiry-btn a i{height: 36px; width: 36px; display: inline-block; text-align: center; line-height: 36px; background-color: #fff; color:#302844; border-radius: 4px;}

/* slider */
.carousel-control-prev-icon{background-color: black; border-radius: 50%;}
.carousel-control-prev span i{color: #fff; background-color: black; font-size: 20px; padding: 8px 10px; border-radius: 50%;} 
.carousel-control-next span i{color: #fff; background-color: black; font-size: 20px; padding: 8px 10px; border-radius: 50%;} 


/* about */
/* #about .row{row-gap: 20px; overflow: hidden;}
#about .content {  background-color: #fff; box-shadow: 0px 6px 20px 0px #a7a6a4; padding: 30px; margin-top: 45px;}
#about .submit-btn{padding: 8px 30px;  background: #fff; border: none; color: #000; font-size: 21px; }
#about .form-control{border-radius: 0; box-shadow: none;}
#about .form-control:focus{border-color: #000;} */

#about-sec .row{row-gap: 20px;}
#about-sec h2{margin-bottom: 40px;}
#about-sec .content {  background-color: #fff; box-shadow: 0px 6px 20px 0px #a7a6a4; padding: 30px; margin-top: 45px;}
    #about-sec ul {
        margin-left: 20px;
    }
/* #about-sec .submit-btn{padding: 8px 30px;  background: #fff; border: none; color: #000; font-size: 21px; }
#about-sec .form-control{border-radius: 0; box-shadow: none;}
#about-sec .form-control:focus{border-color: #000;} */

.about-thumb-area {
  margin-right: 30px;
  position: relative;
}

.about-thumb-area ul {
  display: flex
;
  flex-wrap: wrap;
  margin: 0 -20px;
}

.about-thumb-area ul li {
  display: inline-flex
;
  margin-bottom: 20px;
  padding: 0 10px;
}

.about-thumb-area ul li:first-child, .about-thumb-area ul li:nth-child(3) {
  width: 45%;
}

.about-thumb-area .about-thumb1 {

  transition: 5s;
}

.about-thumb-area ul li .imgs-a{border-radius: 0 60px 60px; overflow: hidden;   margin-left: auto;
  margin-top: auto;}
.about-thumb-area ul li .imgs-a:hover .about-thumb1{transform: scale(1.5);}

.about-thumb-area ul li:nth-child(2), .about-thumb-area ul li:nth-child(4) {
  width: 55%;
}

.about-thumb-area .about-thumb2 {

  margin-right: auto;
  margin-top: auto;
  overflow: hidden;
  transition: 5s;

}

.about-thumb-area ul li .imgss{border-radius: 60px 0 60px 60px; overflow: hidden;}

.about-thumb-area .imgss:hover .about-thumb2{transform: scale(1.5);}

.about-thumb-area .about-thumb3 {
  border-radius: 60px 60px 60px 0;
  margin-bottom: auto;
  margin-left: auto;
}

.about-thumb-area .exp-bx {
  background-color: #e6e7ff;
  border-radius: 60px 60px 0 60px;
  color: #302844;
  display: block;
  font-size: 120px;
  font-weight: 800;
  line-height: 75px;
  padding: 60px 0 30px;
  position: relative;
  text-align: center;
  width: 220px;
  z-index: 2;
}

.about-thumb-area .exp-bx span {
  color: #302844;
  display: block;
  font-size: 18px;
}

.about-thumb-area .exp-bx:after {
  border:2px solid #302844;
  border-radius: 60px 60px 0 60px;
  content: "";
  height: 100%;
  left: 10px;
  position: absolute;
  top: 10px;
  width: 100%;
  z-index: -1;
}

.about-thumb-area:after {
  background-color:#9e402f;
  border-radius: 15px;
  content: "";
  height: 50px;
  left: 40%;
  position: absolute;
  top: 49%;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 50px;
}

.about-area .pt-img1 {
  bottom: 20%;
  left: 16%;
}

.animate-wave {
  -webkit-animation: left-right 1.5s infinite alternate;
  animation: left-right 1.5s infinite alternate;
}








/* service */

#service{padding: 70px 0; background-color: #01587a2b;}
#service h5{text-align: center; color:#943c2c; font-size: 14px;}
#service h2{text-align: center; font-size: 38px; width: 50%; margin: auto; margin-bottom: 45px;}
#service .iner{position: relative; margin-bottom: 70px;}

#service .iner:after {
content: '';
border: solid 1px #cbcbca;
position: absolute;
left: 0;
right: 0;
top: 30px;
bottom: 0;
height: 100%;
width: 100%;
margin: 0 auto;
border-radius: 10px;
}

#service .iner .imgs{background-color: #fff; border-radius: 7px; padding: 18px 15px 20px; position: relative; margin: 12px;
z-index: 99; }
#service .iner .imgs .imgss{overflow: hidden;}
#service .iner .imgs .imgss img{transition: 5s;}
#service .iner .imgs .imgss:hover img{transform: scale(1.5);}
#service .iner .content h4{text-align: center; margin-top: 15px; margin-bottom: 8px;}
#service .iner .content h4 a{font-size: 20px; transition: .5s; color: #000000;}
#service .iner .content h4:hover a{color: #008fc7;}
#service .iner .content .text{text-align: center; margin-top: -5px; margin-bottom: 6px;}
#service .iner .content .text a{font-size: 16px; line-height: 1.8; font-weight: bold; color:#9e3f2f; text-align: center;}
#service .iner .content h6{text-align: center; position: absolute; left: 0px; right: 0px;}
#service .iner .content h6 .btn{display:inline-block; padding: 8px 30px; font-size: 11px; background-color:#302844; border-radius: 30px; color: #fff; transition: .5s;}
#service .iner .content h6 .btn:hover{background-color: #983d2d; color: #fff;}
#service .owl-carousel .owl-stage-outer{height: 630px;}


/* card */
#card{padding: 60px 0px;}
#card .inr{background-color: #ebf5f5; border-radius: 10px; padding: 50px 0px; text-align: center;}

/* queation */

#queation{background:url(../images/pattern-3.png ); background-repeat: no-repeat; background-size: cover; background-attachment: fixed; padding: 60px 0px;}
#queation .accordion-item{border-radius: 0px; border: 1px solid #767676; margin: 14px; box-shadow: 1px 1px 6px 0px #898989;}
#queation .accordion-button{ padding: 7px; font-size: 16px; border-radius: 0;}
#queation .accordion-item:not(:first-of-type) { border-top: 1px solid #767676;}
#queation .accordion-header{padding: 1px;}
#queation .accordion-button:not(.collapsed) { color: #ffffff; background-color:#302844; box-shadow: none;}


/* testimonial */

/* #testimonial{padding: 100px 150px; background-color: #01587a2b;}
#testimonial h2{color: #015c80;}
#testimonial .testimonialslider{background-color: #fff; padding: 60px 100px; text-align: center;}
#testimonial .owl-item h5{color: #015c80; margin-top: 20px; font-size: 22px;}
#testimonial .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background-color: #015c80;} */

/* testimonial */

#testimonial{padding: 0 0 60px; overflow: hidden;}
#testimonial h2{color: #015c80;}
#testimonial .row{row-gap: 20px;}
#testimonial .testimonialslider .owl-item{border: 1px solid gray; padding: 20px; height: 210px; overflow-y: scroll;}
#testimonial .owl-item h5{color: #302844; margin: 0px; font-size: 17px;}
#testimonial .owl-item p{font-size: 14px;text-align:justify;}
#testimonial .iner .google{ width: 40%;}
#testimonial .iner ul li{font-size: 35px; color: #f6bb06;}
#testimonial .iner h4{margin-top: 10px;}
#testimonial .testimonialslider .star li{color: #f6bb06; font-size: 16px;}
#testimonial .testimonialslider .profile{margin-bottom: 8px;}
#testimonial .testimonialslider .profile li:first-child p{height: 40px; width: 40px; line-height: 40px; font-size: 20px; border-radius: 50%; text-align: center; background-color: #a7a7a7; color: #fff;}
#testimonial .testimonialslider .profile li span{font-size: 14px;}
#testimonial .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background-color: #302844;} 

/* counter  */

#counter{background-image: url(../images/img12.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; padding: 80px 0; position: relative; z-index: 1;}
#counter::before{position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color:#302844c2; z-index: -1; content: '';}
#counter .row{row-gap: 30px;}
#counter .item{text-align: center;} 
#counter .item h2{ color: #fff; margin: 17px 0px; font-size: 40px;}
#counter .item h3{ font-size: 22px; color: #fff;}
#counter .item i{ font-size: 38px; color: #fff;}

/* gallery */

#gallery {padding: 60px 0;}
#gallery h2 {color: #983d2d; font-size: 40px; margin-bottom: 30px; text-align: center;}
#gallery .owl-carousel .owl-nav button.owl-next,
#gallery .owl-carousel .owl-nav button.owl-prev,
#gallery .owl-carousel button.owl-dot {
display: none;
}
.img-wrapper {
position: relative;
margin-top: 15px;
}
.img-wrapper img {
width: 100%;
}
.img-overlay {
background: #000000b3;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
}
.img-overlay i {
color: #973d2d;
font-size: 3em;
}
#overlay {
background: #000000b3;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
z-index: 999;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#overlay img {
margin: 0;
width: 45%;
height: auto;
-o-object-fit: contain;
object-fit: contain;
padding: 5%;
}
#nextButton {
color: #fff;
font-size: 2em;
transition: opacity 0.8s;
}
#nextButton:hover {
opacity: 0.7;
}
#prevButton {
color: #fff;
font-size: 2em;
transition: opacity 0.8s;
}
#prevButton:hover {
opacity: 0.7;
}
#exitButton {
color: #fff;
font-size: 2em;
transition: opacity 0.8s;
position: absolute;
top: 15px;
right: 15px;
}
#exitButton:hover {
opacity: 0.7;
}



/* contact */
.contact-h2{background-color: #015c80; padding: 10px 0px 8px; color: #fff;}
#contact{background:url(../images/bg5.png); background-repeat: no-repeat; background-size: cover; background-position: center center; position: relative;}
#contact h5{position: absolute; left: -121px; transform: rotate(90deg); padding: 12px 13px; background-color: #000; color: #fff; border-radius: 0px 0px 10px 10px;}
#contact h3{font-size: 35px; color: #fff; font-weight: 500; margin-bottom: 50px; width: 83%;}
#contact h3 span{color: #c6afff;}
#contact .form-label{color: #fff;}
#contact .form-control{border-radius: 0; box-shadow: none; background-color: transparent; border: transparent; border-bottom: 1px solid #fff; margin-bottom: 35px;}
#contact .form-control:focus{border-color: #000;}
#contact .iner{background-color: #302844; padding: 50px 40px; border-radius: 30px; position: absolute;  height: 690px; z-index: 99;
right: 75px; width: 42%;}
#contact .submit-btn{padding: 13px 0px; background: #fff; border: none; color:#302844; font-size: 21px; width: 200px; border-radius: 5px; transition: .5s;}
#contact .submit-btn i{height: 36px; width: 36px; display: inline-block; text-align: center; line-height: 36px; background-color:#302844; color: #fff; border-radius: 4px; transition: .5s;}
#contact .submit-btn:hover i{background-color: #fff; color:#302844;}
#contact .submit-btn:hover{background-color: #9b3e2e; color: #fff;}



/* footer */
footer{
    background-color: #01587a2b; padding: 200px 0px 10px;}
footer .footerinr .logo{font-size: 25px; color: #008fc7; font-weight: bold;}
footer .footerinr .logo p{font-size: 18px; font-weight: 400; color: #008fc7; margin-left: 0px;}
footer .footerinr .logo:hover{padding: 0;}
footer .footerinr ul li{color:#302844; margin-bottom: 15px;list-style:none;}
footer .footerinr ul li h4{color:#9a3e2e; font-size: 25px;}
footer .footerinr ul li p{font-size: 16px; color: #000000;text-align: justify;}
footer .footerinr ul li i{font-size: 22px; color: #983d2d;}
footer .footerinr ul li a{display: inline-block; color: #000000; font-size: 16px;  transition: .5s;}
footer .footerinr ul li a:hover{padding-left: 5px;}
footer .footerinr .category li{margin-bottom:15px;}
footer .footerinr .link li:first-child, footer .footerinr .category li:first-child{color: #333333;}
footer .footerinr ul li p b{color: #302844;}
footer .img{text-align: center; border-top: #000000 1px solid; padding: 15px 0px; margin-top: 30px;}
footer .img a img{width: 18%; background-color: #302844; padding: 0px 10px 8px; border-radius: 100px;}



/*  */
.quickcontact {
width: 45px;
position: fixed;
top: 77%;
right: 15px;
z-index: 102;
}


/* modal */
.modal .btn-theme {border-radius: 0px; background:#302844; color: #fff;}
.modal .btn-theme:hover{background-color: #9d3f2e; color: white;} 
.modal .form-control{border-radius: 0px; box-shadow: none;}
.modal .form-control:focus{border-color: #000;}

/* about-slider */

#about-slider{background-color: #302844; padding: 50px 0px;}
#about-slider h2{text-align: center; font-size: 35px; font-weight: 500; color: #fff; margin-bottom: 5px;}
#about-slider .text, #about-slider .text a{font-size: 16px; color: #fff; text-align: center;}

.about-cl .content{padding: 50px 30px !important;}
.about-cl h2{margin-bottom: 50px !important;}

/* contact-start */
#contact-a{margin-bottom: 70px;}
#contact-a .location-wrap {background-image: url(../images/contact-banner.png); background-size: cover; background-position: center center;
background-repeat: no-repeat; box-shadow: 0 0 10px 0 #ddd; padding: 45px 0px 45px 170px; margin-top: 0px;
position: relative; background-color: #fff;}
#contact-a .iner h5 i{display: inline-block; width: 75px; height: 75px; line-height: 75px; border-radius: 50%; color: #fff; text-align: center;
  font-size: 32px; margin-bottom: 25px; background-color: #302844;}
#contact-a .iner h3 {font-weight: 600; font-size: 28px; margin-bottom: 20px; color: #232323;}
#contact-a .iner h6 a, #contact-a .iner h6{color: #4a6f8a; background-color: #fff; font-size: 15px;}

#contact-det{background-color: #01587a2b; padding: 0px 0px; overflow: hidden;}
#contact-det .content{padding: 50px 0px 0px 100px; width: 680px;}
#contact-det .content h4{font-weight: 600; font-size: 32px; margin-bottom: 25px; padding-right: 50px;}
#contact-det .content .form-control {background-color: #ffffff; padding: 14px; border: transparent; box-shadow: none;}
#contact-det .inr{row-gap: 10px;}
#contact-det .content .btn{padding: 10px 30px; transition: .5s; background-color: #302844; color: #fff; border-radius: 5px;}
#contact-det .content .btn:hover{background-color:#9c3f2e;}

/* services-det */

#services-det{padding: 60px 0px; background-color: #01587a2b;}
#services-det .content h4{margin-bottom: 25px; color: #302844;}
#services-det .content {margin: 0 0 30px; box-shadow: 0px 0px 20px #0000004d; background-color: #f9f9f9; z-index: 1; padding: 25px; border-radius: 8px;}
#services-det .content .category-box li{margin-bottom: 15px;}
#services-det .content .category-box li a:hover{color: #302844; padding-left: 25px; border-color: #302844; transition: .5s;}
#services-det .content .category-box li i{top: 3px; margin-left: 2px; font-size: 15px; visibility: hidden; opacity: 0;
  color: #302844; transition: 0.4s;}
#services-det .content .category-box li a:hover i{visibility: visible; opacity: 1; margin-left: 7px;}
#services-det .content .category-box li a{color:#22173e; font-weight: 600; padding: 15px 20px 15px 20px; display: block;
  font-size: 18px; background-color: #fff; border-left: 6px solid transparent; border-radius: 15px; z-index: 1;  transition: 0.4s;}
#services-det .content-a {margin: 0 0 30px; box-shadow: 0px 0px 20px #0000004d; background-color: #f9f9f9; z-index: 1; padding: 25px; border-radius: 8px;}
#services-det .content-a h4{margin-bottom: 25px;}
#services-det .content-a .category-box li{font-size: 15px; margin-bottom: 15px;}
#services-det .iner .imgs{border-radius: 10px; overflow: hidden;}
#services-det .iner .imgs img{transition: .5s;}
#services-det .iner .imgs:hover img{transform: scale(1.1);}
#services-det .iner h4{margin: 20px 0px;}
#services-det .iner .text{text-align: justify;}

.fs-30{
    color:#302844;
    font-size:35px;
}

.img-wrapper .img{
    width:100%;
    height:300px;
    object-fit:contain;
}

.serviceimage{
    height:300px; width:100%; object-fit:contain; object-position:left
}