*{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: "Poppins", sans-serif;}

header .header-bottom{padding: 10px 0px; background-color: #071041; left: 0px; right: 0px; z-index: 99;} 
header .header-bottom .navbar{padding: 0px;}
/* header .header-bottom .navbar .navbar-brand img{width: 90%;} */
header .header-bottom .navbar .navbar-brand{width:25%;}
header .header-bottom .navbar .navbar-nav{align-items: center; justify-content: end; gap: 17px;}
header .header-bottom .navbar .navbar-nav .nav-link{color: #fff; font-size: 16px; font-weight: 500; position: relative; transition: .5s;}
header .header-bottom .navbar .navbar-nav .appointment-btn{display: inline-block; padding: 10px 20px; background-color: #f77345; color: #fff; border-radius: 30px;}
header .header-bottom .navbar .navbar-nav .nav-link:hover{color: #f77345}
header .header-bottom .navbar .navbar-nav .nav-link::before{position: absolute; content: ''; width: 0px; height: 2px; background-color: #f77345; bottom: 7px; transition: .5s; z-index: 1;}
header .header-bottom .navbar .navbar-nav .nav-item:last-child .nav-link::before{display: none;}
header .header-bottom .navbar .navbar-nav .nav-item:last-child .nav-link:hover{color: #fff;}
header .header-bottom .navbar .navbar-nav .nav-link:hover::before{width: 100%;}
header .header-bottom .navbar .navbar-toggler{color: #f77345; box-shadow: none; border: 2px solid #f77345; border-radius:0px;}
header .header-bottom .navbar .offcanvas{width: 280px;}

/* header ko sticky karna ki */
.sticky .header-bottom{background-color: #071041;}
.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{padding: 50px 0px; background-color: #f1f4f8;}
#slider .row{align-items: center;}
#slider .content h3{font-size: 30px; line-height: 44px; font-weight: 600; margin-bottom: 15px; color: #fb4e4f;}
#slider .content h2{font-size: 65px; line-height: 85px; font-weight: 800; margin-bottom: 25px;}
#slider .content .slider-cal li i{font-size: 35px; color: #fb4e4f;}
#slider .content .slider-cal li h5{font-size: 15px;}
#slider .content .slider-cal li h6 a{font-size: 18px; color: #fb4e4f;}
#slider .content .slider-book{margin-top: 30px;}
#slider .content .slider-book li a{display: inline-block; padding: 13px 30px; background-color: #fb4e4f; font-size: 18px; color: #fff; border-radius: 30px;}
#slider .owl-theme .owl-dots .owl-dot{display: none;}

/* about-us */

#about-us{padding: 100px 0px; overflow: hidden;}
#about-us .iner{position: relative; height: 670px;}
#about-us .iner .experience-box {position: absolute; top: 0; left: 0; width: 190px; height: 190px; text-align: center;
opacity: .85; padding: 35px 20px; z-index: 1; background-color: #fb4e4f;}
#about-us .iner .experience-box h3{color: #fff; font-size: 45px;}
#about-us .iner .experience-box h3 sub{margin-left: -13px; font-size: 22px;}
#about-us .iner .experience-box h4{font-size: 20px; color: #fff;}
#about-us .imgs {padding-top: 70px; margin-left: 50px;}
#about-us .imgs-sc{position: absolute; bottom: 0; right: 0;}
#about-us .imgs-sc img {width: 240px; height: 240px; border: 10px solid #fff; -webkit-box-shadow: 0 16px 32px 0 rgba(0, 0, 0, .06);    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, .06);}
#about-us .imgs img{width: 100%;}
#about-us .text{margin-bottom: 20px; font-size: 16px; line-height: 30px; font-weight: 400;}
#about-us .read-btn a{display: inline-block; padding: 10px 20px; background-color: #f5a623; border-radius: 30px; text-transform: uppercase; color: #fff;}
#about-us .iner::after {position: absolute; bottom: 80px; left: 10px; content: ""; width: 0; height: 0; border-bottom: 170px solid #172c56; border-right: 185px solid transparent; z-index: -1;}

#about-us .content{margin-left: 30px;}
#about-us .content h4{margin: 20px 0px 10px; font-size: 22px; font-weight: 700; color: #fb4e4f; font-family: "Roboto", sans-serif;}
#about-us .content h6{text-align: center;}
#about-us .content h2{font-size: 40px; line-height: 50px; font-weight: 600; margin-bottom: 20px;}
#about-us .content h2 span{color: #fb4e4f;}
#about-us .content h5{font-size: 18px; font-style: italic; margin-bottom: 25px;}
#about-us .content a{padding: 11px 35px; display: inline-block; background-color: #fb4e4f; color: #fff; border-radius: 30px;}

/* wisdom-tooth-remova */

#wisdom-tooth-removal{background-image: url(../images/icqi-usa-certified-implantologist.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat; background-attachment: fixed; position: relative; z-index: 1; padding: 100px 0px;}
#wisdom-tooth-removal::before {content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #172c56; opacity: .8; z-index: -1;}
#wisdom-tooth-removal h3{text-align: center; color: #fff; font-size: 23px; font-weight: 600; margin-bottom: 50px;}
#wisdom-tooth-removal .row{align-items: center;}

#wisdom-tooth-removal .content .content-hed{background-color: #fb4e4f; color: #fff; font-size: 54px; line-height: 70px; padding: 10px 10px; width: 84%;}
#wisdom-tooth-removal .content ul{margin-left: 25px;}
#wisdom-tooth-removal .content ul li{color: #fff; margin-bottom: 10px;}
#wisdom-tooth-removal .content h2{color: #fff; font-size: 45px; line-height: 70px;}
#wisdom-tooth-removal .content h5{color: #fff; font-size: 20px;}
#wisdom-tooth-removal .content h4{font-size: 14px; font-weight: 700; color: #fff; margin: 20px 0px; line-height: 25px;}
#wisdom-tooth-removal .content .text{font-size: 16px; color: #fff; margin: 20px 0px;}
#wisdom-tooth-removal .content a{padding: 13px 30px; display: inline-block; background-color: #fb4e4f; color: #fff; border-radius: 30px;}
#wisdom-tooth-removal .imgs{position: relative;}
#wisdom-tooth-removal .imgs::before{position: absolute; bottom: -25px; left: -25px; content: ""; width: 0px; height: 0px; z-index: -1;
border-bottom: 280px solid rgb(181, 35, 36); border-right: 300px solid transparent;}

/*  */

#wisdom-tooth-removal-a {padding: 60px 0px;}
#wisdom-tooth-removal-a .row{align-items: center;}
#wisdom-tooth-removal-a .content .content-hed{background-color: #fb4e4f; color: #fff; font-size: 54px; line-height: 70px; padding: 10px 10px; width: 84%;}
#wisdom-tooth-removal-a .content ul{margin-left: 25px;}
#wisdom-tooth-removal-a .content ul li{color: #000000; margin-bottom: 10px;}
#wisdom-tooth-removal-a .content h2{color: #fff; font-size: 45px; line-height: 70px;}
#wisdom-tooth-removal-a .content h5{color: #fff; font-size: 20px;}
#wisdom-tooth-removal-a .content h4{font-size: 14px; font-weight: 700; color: #000; margin: 20px 0px; line-height: 25px;}
#wisdom-tooth-removal-a .content .text{font-size: 16px; color: #000; margin: 20px 0px;}
#wisdom-tooth-removal-a .content a{padding: 13px 30px; display: inline-block; background-color: #fb4e4f; color: #fff; border-radius: 30px;}
#wisdom-tooth-removal-a .imgs{position: relative;}
#wisdom-tooth-removal-a .imgs::before{position: absolute; bottom: -25px; left: -25px; content: ""; width: 0px; height: 0px; z-index: -1;
border-bottom: 280px solid rgb(181, 35, 36); border-right: 300px solid transparent;}

/* doctor-text */

#doctor-text{padding: 40px 0px 5px; background-color: #fb4e4f;}
#doctor-text p{font-size: 15px; text-align: start; margin-bottom: 40px; color: #fff;}

/* what-we-do */

#what-we-do{padding: 50px 0px;}
#what-we-do .row{row-gap: 25px;}
#what-we-do .iner{position: relative;}
#what-we-do h5{font-size: 18px; text-align: center; margin-bottom: 10px; font-weight: 600; color: #fb4e4f;}
#what-we-do h2{font-size: 35px; font-weight: 600; text-align: center; margin-bottom: 50px;}
#what-we-do .content h4{text-align: center; margin: 15px 0px; font-size: 20px; color: #fb4e4f;}
#what-we-do .content .text{text-align: center;}
#what-we-do .imgs-a {height: 80px; width: 78px; background-color: #fff; border-radius: 50px; text-align: center; line-height: 80px;border-bottom: 4px solid #fb4e4f; position: relative; right: 0; left: 0; text-align: center; margin: auto; bottom: 38px;}
#what-we-do .imgs-a img{width: 50px;}
#what-we-do .content {margin-top: -30px;}





  /* testimonial */

#testimonial{padding: 50px 0 50px; }
#testimonial h2{color: #68386c;}
#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: #68386c; margin: 0px; font-size: 17px;}
#testimonial .owl-item p{font-size: 14px;}
#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: #68386c;}
#testimonial .owl-theme .owl-dots .owl-dot{display: none;}

/* get-appointment */

#get-appointment{background-position: center center; padding: 100px 0px; position: relative; z-index: 1; background-size: cover; background-image: url(../images/doctor-checking-teeth-bw.webp); background-repeat: no-repeat;}
#get-appointment::before {position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; z-index: -1; opacity: .85;
background-color: #fb4e4f;}
#get-appointment .row{align-items: center;}
#get-appointment .content h2{font-size: 54px; line-height: 70px; font-weight: 600; color: #fff;}
#get-appointment .content h4{font-size: 22px; font-weight: 600; color: #fff; margin-bottom: 20px;}
#get-appointment .btn-a{text-align: end;}
#get-appointment .btn-a a{padding: 11px 35px; display: inline-block; background-color: #fff; border-radius: 30px; color: #fb4e4f; font-weight: 600;}

/* gallery */

#gallery {background-color: #dbdbdb8a; padding: 40px 0 40px; overflow: hidden;}
#gallery .row{row-gap: 20px;}
#gallery h2 {font-size: 38px; color: #fb4e4f; font-weight: bold; text-align: center; margin-bottom: 30px;}
#gallery h2 span {color: #000;}
#gallery .img-wrapper {position: relative; margin-top: 15px; overflow: hidden; border-radius: 10px; box-shadow: 0 0 8px #00000033;}
#gallery .img-wrapper img {width: 100%;}
#gallery .img-overlay {
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
}

#gallery .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: 45%;
  }
}

#nextButton i {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
}

#nextButton:hover {
  opacity: 1;
}

#prevButton i {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
}

#prevButton:hover {
  opacity: 0.7;
}

#exitButton i {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
  position: absolute;
  top: 15px;
  right: 15px;
}

#exitButton:hover {
  opacity: 0.7;
}
#gallery .owl-theme .owl-nav.disabled+.owl-dots{display: none;}

/* counter */

#counter {background: #fb4e4f; padding: 60px 0; margin-top: 50px;}
#counter h2 {text-align: center; font-size: 43px; font-weight: 600; color: #fff; margin-bottom: 60px;}
#counter .iner {text-align: center;}
#counter .iner h5 {font-size: 14px; font-weight: 600; margin-top: 20px; color: #fff;}


/* contact */

#contact{padding: 50px 0px;}
#contact h2{color: #fb4e4f; font-size: 30px; text-align: center; margin: 15px auto 50px; font-weight: 800; width: 38%;}
#contact .from{background: #1e2562; border-radius: 28px; padding: 40px 20px 50px;}
#contact .from ul{margin-bottom: 20px;}
#contact .from .icon i{width: 60px; height: 60px; background: #fb4e4f; border-radius: 50%; color: #fff; text-align: center; line-height: 60px; font-size: 20px;}
#contact .from .content h4{color: #fff; font-size: 20px;}
#contact .from .content p, #contact .from .content p a{color: #fff; font-size: 14px;}
#contact .form-control{padding: 15px; background-color: transparent; border: 1px solid #7d7789; margin-bottom: 25px; border-radius: 50px; box-shadow: none;}
#contact .submit-btn{padding: 11px 20px; border-radius: 30px; background-color: #fb4e4f; color: #fff; border: transparent; width: 30%;}

/* footer */

footer{padding-top: 68px; padding-bottom: 20px; position: relative; background: #211e39; overflow: hidden;}
footer::before {content: ""; width: 286px; height: 288px; position: absolute; top: 0; left: 0; background: url(../images/footer-left-dotted-img.png) no-repeat top left;}
footer::after {content: ""; width: 286px; height: 288px; position: absolute; bottom: 0; right: 0; background: url(../images/footer-dotted-right-img.png) no-repeat top right;}
footer .home-tab{justify-content: center;}
footer .home-tab li a{color: #fff; position: relative; transition: .5s;}
footer .home-tab li a:hover{color: #fb4e4f;}
footer .home-tab li:first-child a::before{display: none;}
footer .home-tab li a::before{position: absolute; content: ''; height: 25px; width: 2px; background-color: #fff; left: -27px;}
footer .sos-icon{justify-content: center; margin: 25px 0px;}
footer .sos-icon li a{display: inline-block; height: 45px; width: 45px; line-height: 45px; background-color: #fff; color: #fb4e4f; border-radius: 50px; text-align: center; font-size: 22px;}
footer .gdi-logo{border-top: 1px solid #898989; padding-top: 20px; margin-top: 75px; text-align: center;}
footer .gdi-logo li img {width: 195px; background-color: #fb4e4f; padding: 0px 10px 8px; border-radius: 100px;}




/* model */

.modal .forem .icon-input {position: relative;}
.modal .row{row-gap: 20px;}
.modal .form-control{padding: 15px; background-color: transparent; border: 1px solid #7d7789; margin-bottom: 25px; border-radius: 50px; box-shadow: none;}
.modal .submit-btn{padding: 11px 20px; border-radius: 30px; background-color: #fb4e4f; color: #fff; border: transparent; width: 30%;}


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