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


body{font-family: Roboto, sans-serif;}

header .header-top{padding: 7px 0px; background-color: #171717;}
header .header-top .icon li a, header .header-top .icon li{color: #fff; font-size: 14px;}

header .header-bottom{padding: 0px 0px; background-color: #fff; left: 0px; right: 0px; z-index: 99;} 
header .header-bottom .navbar{padding: 0px; position: relative; z-index: 99;}
header .header-bottom .navbar .navbar-brand{width:8%; padding: 0px;}
header .header-bottom .navbar .navbar-nav{align-items: center; justify-content: center; gap: 5px;}
header .header-bottom .navbar .navbar-nav .nav-link{color: #000000; font-size: 14px; text-transform: uppercase; font-weight: 600; position: relative; transition: .5s;}
header .header-bottom .navbar .navbar-nav .nav-link:hover{color: #000}
header .header-bottom .navbar .navbar-nav .nav-link::before{position: absolute; content: ''; width: 0px; height: 2px; background-color: #000; bottom: 7px; transition: .5s; z-index: 1;}
header .header-bottom .navbar .navbar-nav .nav-link:hover::before{width: 100%;}
header .header-bottom .navbar .navbar-toggler{color: #172a40; box-shadow: none; border: transparent; border-radius:0px;}
header .header-bottom .navbar .offcanvas{width: 280px;}
header .header-bottom .enquiry li a{display: inline-block; padding: 10px 20px; background-color: #000000; color: #fff; border-radius: 3px;}

header .dropdown-menu{border-radius: 0; border: 0; padding: 15px 0; box-shadow: 0 0 5px #0000002f;}
header .dropdown-menu li .dropdown-item{padding: 6px 20px; font-size: 18px; font-weight: 500; font-family: initial;}
header .dropdown-menu li .dropdown-item:hover{background-color: #172a40; color: #fff;}


/* header ko sticky karna ki */

.sticky .header-bottom{background-color: #fff; box-shadow: 0px 0px 20px #0000003b;}
.sticky{background-color:#000000cc ; left: 0; right: 0;z-index: 999; position: fixed !important; top:0px; animation: slideDown .5s ease-out; }

@keyframes slideDown {
    from {
      transform: translateY(-100%);
    }
    to {
      transform: translateY(10);
    }
  }
header .heaberbooyem .offcanvas-title{color: #020202; }

.main{
  background: linear-gradient(180deg,#f1f6fa,#f9f8ff);
}

/* slider */

#slider{position: relative;}
#slider .owl-item{background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 286px 0px;}
#slider .owl-carousel button.owl-dot{display: none;} 

/* about */

.about{padding: 50px 0 !important; background-color: #fff;}
.about .row{row-gap: 20px; align-items: center;}
.about .content h2{font-size: 38px; font-weight: bold; font-family: "Dancing Script", cursive;}
.about .content h2 span{color: #ae782a;}
.about .content ul li span{font-size: 40px;}
.about .content ul li {font-size: 18px; color: #666666; font-family: 'Epilogue'; font-weight: 400; margin-bottom: 10px;}


.about#balloon-container {
  height: 100vh;
  padding: 1em;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  transition: opacity 500ms;
}

.about .balloon {
  height: 125px;
  width: 105px;
  border-radius: 75% 75% 70% 70%;
  position: relative;
}

.about .balloon:before {
  content: "";
  height: 75px;
  width: 1px;
  padding: 1px;
  background-color: #FDFD96;
  display: block;
  position: absolute;
  top: 125px;
  left: 0;
  right: 0;
  margin: auto;
}

.about .balloon:after {
    content: "▲";
    text-align: center;
    display: block;
    position: absolute;
    color: inherit;
    top: 120px;
    left: 0;
    right: 0;
    margin: auto;
}

@keyframes float {
  from {transform: translateY(40vh);
  opacity: 1;}
  to {transform: translateY(-100vh);
  opacity: 0;}
}

.service-cl{background-color: #e7e7e771; padding: 40px 0px !important; margin-top: -10px;}

.service-a{border-bottom: 1px solid #cfcfcfa9;}

#service{padding: 40px 30px;}
#service h2{text-align: center; margin-bottom: 60px; font-size: 50px; font-family: "Dancing Script", cursive;}
#service h2 span{color: #ae782a;}
#service .row{row-gap: 30px;}
#service .imgs{overflow: hidden;}
#service .imgs img{transition: .5s;}
#service .imgs:hover img{transform: scale(1.2);}
#service .iner{text-align: center; overflow: hidden; border-radius: 47% 47% 10px 10px; border: 1px solid #86868680;}
#service .iner img{width: 100%;}
#service .iner h4 a{padding: 10px 0px; color: #1c2120; font-size: 18px; margin-bottom: 0; display: inline-block;}

#servicee{padding: 40px 30px;}
#servicee h2{text-align: center; margin-bottom: 60px; font-size: 50px; font-family: "Dancing Script", cursive;}
#servicee h2 span{color: #ae782a;}
#servicee .row{row-gap: 30px;}
#servicee .imgs{overflow: hidden;}
#servicee .imgs img{transition: .5s;}
#servicee .imgs:hover img{transform: scale(1.2);}
#servicee .iner{text-align: center; overflow: hidden; border-radius: 47% 47% 10px 10px; border: 1px solid #86868680;}
#servicee .iner img{width: 100%;}
#servicee .iner h4{padding: 10px 0px; color: #1c2120; font-size: 18px; margin-bottom: 0;}

#service-b{padding: 40px 30px;}
#service-b h2{text-align: center; margin-bottom: 60px; font-size: 50px; font-family: "Dancing Script", cursive;}
#service-b h2 span{color: #ae782a;}
#service-b .row{row-gap: 30px;}
#service-b .imgs{overflow: hidden;}
#service-b .imgs img{transition: .5s;}
#service-b .imgs:hover img{transform: scale(1.2);}
#service-b .iner{text-align: center; overflow: hidden; border-radius: 47% 47% 10px 10px; border: 1px solid #86868680;}
#service-b .iner img{width: 100%;}
#service-b .iner h4{padding: 10px 0px; color: #1c2120; font-size: 18px; margin-bottom: 0;}

#service-c{padding: 40px 30px;}
#service-c h2{text-align: center; margin-bottom: 60px; font-size: 50px; font-family: "Dancing Script", cursive;}
#service-c h2 span{color: #ae782a;}
#service-c .row{row-gap: 30px;}
#service-c .imgs{overflow: hidden;}
#service-c .imgs img{transition: .5s;}
#service-c .imgs:hover img{transform: scale(1.2);}
#service-c .iner{text-align: center; overflow: hidden; border-radius: 47% 47% 10px 10px; border: 1px solid #86868680;}
#service-c .iner img{width: 100%;}
#service-c .iner h4{padding: 10px 0px; color: #1c2120; font-size: 18px; margin-bottom: 0;}

#service-d{padding: 40px 30px;}
#service-d h2{text-align: center; margin-bottom: 60px; font-size: 50px; font-family: "Dancing Script", cursive;}
#service-d h2 span{color: #ae782a;}
#service-d .row{row-gap: 30px;}
#service-d .imgs{overflow: hidden;}
#service-d .imgs img{transition: .5s;}
#service-d .imgs:hover img{transform: scale(1.2);}
#service-d .iner{text-align: center; overflow: hidden; border-radius: 47% 47% 10px 10px; border: 1px solid #86868680;}
#service-d .iner img{width: 100%;}
#service-d .iner h4{padding: 10px 0px; color: #1c2120; font-size: 18px; margin-bottom: 0;}

/* counter  */

#counter{background-image: url(../images/counter-bg.jpg); background-position: left center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; padding: 80px 20px; position: relative; z-index: 1; overflow: hidden;}
#counter::before{position: absolute; content: ''; left: 0; right: 0; top: 0; bottom: 0; background-color: #000; opacity: 0.7; z-index: -1;}
#counter .row{row-gap: 30px;}
#counter .item{text-align: center;} 
#counter .iner:after {
position: absolute;
top: 50%;
margin-left: 140px;
width: 29px;
height: 15px;
margin-top: -7px;
background: url(../images/ui-decor-2.png) no-repeat;
content: '';}
#counter .item h2{ color: #fff; margin-bottom: 2px; font-size: 35px;}
#counter .item h3{ font-size: 17px; color: #fff;}
#counter .item i{ font-size: 38px; color: #fff;}

/* contact */

#contact{overflow: hidden; background-image: url(../images/contact-img.jpg); background-repeat: no-repeat; background-size: contain;}
#contact .content{background-color: #b17b2b; padding: 95px 30px 30px 90px;}
#contact .content h2{margin-top: 20px; margin-bottom: 10px; font-size: 36px; color: #000000;}
#contact .content h2 span{font-weight: 600;}
#contact .content .text{font-size: 18px; color: #000000; margin-bottom: 35px;}
#contact .iner{row-gap: 30px;}
#contact .form-control{padding: 10px 0; background-color: transparent; border-width: 0 0 1px 0; color: #000000; font-style: italic;
font-size: 14px; border-bottom: 1px solid #000; border-radius: 0px; box-shadow: none;}
#contact .form-control::placeholder{color: #000000;}
#contact .btn{padding: 10px 50px; background-color: #000000; color: #ffffff; border-radius: 30px; margin: 20px 0px;}


/* testimonials */

#testimonials{background-image: url(../images/testimonails-bg.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 120px 0px; position: relative; z-index: 1; background-attachment: fixed; overflow: hidden;}
#testimonials::before{position: absolute; content: ''; left: 0; right: 0; top: 0; bottom: 0; background-color: #000; opacity: 0.7; z-index: -1;}
#testimonials .content ul{gap: 130px;}
#testimonials .content ul li i{color: #fe3e01; font-size: 80px; margin-top: -25px;}
#testimonials .content ul li .text{color: #ffffff; font: italic 24px / 1.5 'PT Serif'; position: relative;}
#testimonials .content ul li .text::before{position: absolute; content: ''; width: 50px; height: 3px; background-color: #ffffff; top: 15px; left: -67px;}
#testimonials .content h6{margin-top: 40px; display: flex; align-items: center;}
#testimonials .content h6 img{width: 80px; border-radius: 50%; border: 1px solid #fff;}
#testimonials .content span{color: #fff; margin-left: 10px; font-size: 15px; font-weight: 600;}
#testimonials .owl-carousel .owl-stage-outer{padding: 10px 0px;}
#testimonials .owl-theme .owl-dots .owl-dot{display: none;}


/* gallery */

.balloon#gallery {
  position: relative;
  background-color: #f5f5f5;
  overflow: hidden;
}


#gallery {padding: 70px 30px ; background-color: #ffffff;}
#gallery h2{font-size: 40px; line-height: 54px; font-weight: 400; letter-spacing: 0px; color: #212121; text-align: center; margin-bottom: 20px; font-family: "Dancing Script", cursive;}  
#gallery h2 span{color: #ae782a;}
.img-wrapper {
position: relative;
margin-top: 15px;
}

.img-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 50%;
padding: 3px;
border: 2px solid #172a40;
}
#gallery .owl-carousel .owl-stage-outer{padding: 30px 0px;}
#gallery .owl-theme .owl-dots .owl-dot{display: none;}

.img-overlay {
background: rgba(0, 0, 0, 0.7);
width: 100%;
height: 100%;
position: absolute;
top: 0;
border-radius: 50%;
left: 0;
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
}
.img-overlay i {
color: #fff;
font-size: 3em;
}

#overlay {
background: rgba(0, 0, 0, 0.7);
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: 80%;
height: auto;
-o-object-fit: contain;
object-fit: contain;
padding: 5%;
}
@media screen and (min-width: 768px) {
#overlay img {
width: 60%;
}
}
@media screen and (min-width: 1200px) {
#overlay img {
width: 50%;
}
}

#nextButton {
color: #fff;
font-size: 2em;
transition: opacity 0.8s;
}
#nextButton:hover {
opacity: 0.7;
}
@media screen and (min-width: 768px) {
#nextButton {
font-size: 3em;
}
}

#prevButton {
color: #fff;
font-size: 2em;
transition: opacity 0.8s;
}
#prevButton:hover {
opacity: 0.7;
}
@media screen and (min-width: 768px) {
#prevButton {
font-size: 3em;
}
}
#exitButton {
color: #fff;
font-size: 2em;
transition: opacity 0.8s;
position: absolute;
top: 15px;
right: 15px;
}
#exitButton:hover {
opacity: 0.7;
}
@media screen and (min-width: 768px) {
#exitButton {
font-size: 3em;
}
}


/* footer */

footer{background-color: #1f1f1f; padding: 50px 20px 15px;}
footer .footer-top h3{font-size: 18px;  margin-bottom: 15px; color: #ffffff;}
footer .footer-top h4{font-size: 21px;  margin-bottom: 15px; color: #e8d5bf; font-weight: 600;}
footer .footer-top h3 img{width: 35%;}
footer .footer-top .text{font-size: 14px; width: 82%; color: #fff; text-align: justify; margin-bottom: 20px;}
footer .footer-top .icon li a{width: 40px; height: 40px; display: inline-block; border-radius: 50px; color: #ffffff; text-align: center; line-height: 40px;}
footer .footer-top .info li{color: #fff; margin-bottom: 9px; font-size: 14px;} 
footer .footer-top .info li i{font-size: 12px;}
footer .footer-top .info li a{color: #fff; font-size: 14px; display: inline-block; transition: .5s;}

.logoicon{border-top: 1px solid #5e5e5e; margin-top: 27px; padding-top: 15px;}
.logoicon .imgsc{text-align: center;}
.logoicon .imgsc img {width: 244px; padding: 5px 20px 12px; display: inline-block; background-color: #040203; border-radius: 30px;}

/* model */

.modal .forem .icon-input {position: relative;}
.modal .row{row-gap: 30px;}
.modal .modal-content{background-color: #f8f8f8; padding: 30px;}
.modal .form-control {background-color: #fff; padding: 10px 40px; box-shadow: none; border: transparent;
border-radius: 0px; font-size: 14px;}
.modal .btn {padding: 10px 30px; background-color: #172a40; color: #fff; border-radius: 5px; margin-top: 20px;}


/* whatapp */
.quickcontact {
width: 40px;
position: fixed;
top: 77%;
right: 30px;
z-index: 9999;}