z  *{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;}
body{font-family: 'Alata', sans-serif;}

::selection {color: #fff; background-color: #33C1ED;}

.sticky{top: -35px; left: 0; right: 0; z-index: 999; position: fixed !important; animation: slideDown .5s ease-out;}

.owl-theme .owl-dots .owl-dot span{background-color: #000;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background-color: #33C1ED;}


/* header */
header{position: relative; z-index: 9; background-color: #ffffff; box-shadow: 0 0 10px #00000021; padding: 0;}
header .header-top{background-color: #F44336; padding: 5px 0;}
header .header-top ul{display: flex; list-style: none; justify-content: space-between; }
header .header-top ul li a{color: #fff; font-size: 16px; font-weight: 500;}
header .headermn .navbar .navbar-brand{ font-size: 31px; font-weight: bold; color: #33C1ED;}

header .headermn{padding: 15px 0;}
header .nav-link i {color: #33C1ED;}
header .nav-link.h6 {font-size: 1rem;}
header .nav-link{color: #000; font-size: 16px; transition: .5s; position: relative; padding: 0px 0px !important;display:inline-block;}
header .nav-link::before{content: ''; background-color: #33C1ED; width: 0%; height: 2px; position: absolute; bottom: -5px; left: 0; transition: .5s;}
header .nav-link:hover::before{width: 100%;}
header .nav-link:hover, header .nav-link:focus {color: #33C1ED;}
header .navbar-nav {gap:10px;}

header .navbar-nav .dropdown-menu{border: 0; box-shadow: #0000004b 0 0 10px;}
header .dropdown-item.active, header .dropdown-item:active, header .dropdown-item:hover{background-color: #33C1ED; color: #fff;}

header .whatsapp{justify-content: end;}
header .whatsapp li a i {transform: rotate(-45deg); transition: all .5s;}
header .whatsapp li a{font-size: 16px; color: #33C1ED; color: #fff; font-weight: 500; display: inline-block; padding: 15px 30px; background: #F44336; border-radius: 30px; transition: .5s;}
header .whatsapp li a:hover{background-color: #33C1ED; }
header .whatsapp li a:hover i {transform: rotate(0deg);}

header .navbar-toggler{border: none; color: #33C1ED; font-size: 28px; border-radius: 0;}
header .navbar-toggler:focus{box-shadow: none ;}
header .offcanvas-title{font-size: 30px; color: #33C1ED; font-weight: bold;}
header .navbar-nav{position: relative;}


/* slider */
#slider{position: relative;}
#slider .owl-item{background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 155px 0;}
#slider .owl-dots{position: absolute; bottom: 20px; left: 0; right: 0;}
#slider .content h2{font-size: 40px; color: #000;}
#slider .content p{font-size: 18px; color: #000;}
#slider .content a i {transform: rotate(-45deg); transition: all .5s;}
#slider .content a{font-size: 16px; color: #fff; font-weight: 500; display: inline-block; padding: 15px 30px; background: #F44336; border-radius: 30px; margin-top: 30px; transition: .5s;}
#slider .content a:hover{background-color: #33C1ED; }
#slider .content a:hover i {transform: rotate(0deg);}

/* best */
#best1{padding: 50px 0; background-color: #fff;}
#best1 .row {row-gap: 25px;} 
#best1 .inner {text-align: center; padding: 5px;}
#best1 .inner h1{color: #000; font-size: 33px; margin: 15px 0;}
#best1 .inner p{font-size:16px; color:#000000;}


/* about */
#about .content{background-image: url(../images/about.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 60px 40px; text-align: right;}
#about .content p{font-size: 16px; color: #6d6d6d;}
#about .content h2{color: #000; font-size: 44px; margin: 20px 0;}
#about .content h2 span{color: #33C1ED; display: block;}
#about .content a i {transform: rotate(-45deg); transition: all .5s;}
#about .content a{font-size: 16px; color: #fff;font-weight: 500; display: inline-block; padding: 15px 30px; background: #F44336; border-radius: 30px; margin-top: 20px; transition: .5s;}
#about .content a:hover{background-color: #33C1ED; }
#about .content a:hover i {transform: rotate(0deg);}
#about .inner{padding: 50px 20px; background-color: #fffaf7; text-align: center; height: 100%;}
#about .inner-2 {background-color: #33c1ed2e;}
#about .inner:hover img {transform: rotateY(180deg);}
#about .inner img{width: 80px; transition: .5s;}
#about .inner h4{font-weight: 400; color: #303030; margin: 15px 0;}
#about .inner p{color: #6b6b6b;}


/* time */
#time{padding: 70px 0; background-color: #fff;}
#time .row {row-gap: 25px;} 
#time .inner {text-align: center; padding: 5px;}
#time .inner:hover i {transform: rotateY(180deg);}
#time .inner i {color: #33C1ED; font-size: 45px; transition: .5s;}
#time .inner h4 {color: #000; margin: 15px 0;}
#time .inner p {font-size:16px; color:#000000;}


/* service */
#service{padding: 70px 0; background: linear-gradient(45deg, #F44336, #33C1ED);}
#service .p1{font-family: 'Kaushan Script', cursive; font-size: 21px; text-align: center; color: #000;}
#service h2{color: #000; font-size: 36px; text-align: center; margin-bottom: 30px;}
#service .row{row-gap: 25px;}
#service ul{display: flex; list-style: none; align-items: center; background-color: #fff; border-radius: 20px;}
#service ul li img {transition: all 0.5s; border-radius: 20px;}
#service ul:hover li img {transform: rotateY(180deg);}
#service ul li:first-child{width: 45%;}
#service ul li:last-child{width: 55%; padding: 20px;}
#service ul li h4{color: #444444; font-size: 20px;}
#service ul li p{font-size: 15px; font-weight: 400; color: #919191;}
#service ul li a{font-size: 16px; color: #33C1ED; font-weight: 500; display: inline-block; margin-top: 20px;}
#service ul li a:hover{color: #000;}


/* counter  */

#counter{background-image: url(../images/bg.png); background-position: center center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; padding: 80px 0;}
#counter .row{row-gap: 30px;}
#counter .item{text-align: center;} 
#counter .item h2{ color: #fff; margin-bottom: 5px; font-size: 40px;}
#counter .item h3{ font-size: 22px; color: #fff;}
#counter .item i{ font-size: 38px; color: #fff;}


/* best */
#best{padding: 70px 0; background-color: #f1fcff;}
#best .row{row-gap: 25px; align-items: center;}
#best .content a{font-size: 16px; color: #fff; font-weight: 500; display: inline-block; padding: 15px 30px; background: #F44336; border-radius: 30px; margin-top: 30px; transition: .5s;}
#best .content a:hover {background: #33C1ED;}
#best .content a i {color: #fff; transform: rotate(-45deg); transition: .5s;}
#best .content a:hover i {transform: rotate(0deg);}
#best .content h3 {color: #33C1ED;}
#best .content i {color: #33C1ED;}
#best .content .p1{font-family: 'Kaushan Script', cursive; font-size: 25px; text-align: center; color: #33C1ED;}
#best .content h2{color: #000; font-size: 38px; text-align: left; margin-bottom: 20px;}
#best .content .border-lr{text-align: center; color: #33C1ED; font-size: 28px; margin-bottom: 10px;}
#best .content p{color:#000; font-size: 16px; text-align: justify; margin-bottom: 7px;} 
#best .content p b{color: #000; font-size: 18px;}
#best .img img{border-radius: 20px; background: #33C1ED; box-shadow: 0px 0px 25px #000;}


/* testimonial */
#testimonial { padding: 70px 0;}
#testimonial h2 {color: #33C1ED;}
#testimonial .row {row-gap: 20px;}
#testimonial .testimonialslider .owl-item > div:first-child:hover {box-shadow: 5px 5px 5px #33C1ED;}
#testimonial .testimonialslider .owl-item > div:first-child { box-shadow: 5px 5px 5px #F44336; border-radius: 10px; border-top: 5px solid #33C1ED; border-left: 5px solid #33C1ED;}
#testimonial .testimonialslider .owl-item { padding: 20px; width: 100%; height: 270px; overflow-y: scroll;}
#testimonial .testimonialslider .owl-item::-webkit-scrollbar {width: 1px; height: 100%;}
#testimonial .owl-item img {width: 50px; height: 50px; object-fit: contain;} 
#testimonial .owl-item h5 { color: #33C1ED; margin: 0px; font-size: 25px;}
#testimonial .owl-item p {font-size: 16px; text-align: justify; height: 100px; overflow-y: auto;}
#testimonial .iner .google { width: 40%;}
#testimonial .iner ul li {font-size: 30px; 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 p {margin-bottom: 0px;}
#testimonial .testimonialslider .profile li:first-child p {height: 40px; width: 40px; line-height: 36px; font-size: 20px; border-radius: 50%; text-align: center; background-color: #a7a7a7; color: #fff;}
#testimonial .testimonialslider .profile li span {font-size: 14px;}
#testimonial .reviewbtn { text-align: center; }
#testimonial .reviewbtn a {font-size: 16px; color: #fff; display: inline-block; padding: 10px 15px; margin-top: 15px; background-color: #33C1ED; border-radius: 5px; transition: .5s;}
#testimonial .reviewbtn a:hover{background-color: #000;}


/* logo */
#logo{padding: 70px 0; background-color: #f1fcff;}
#logo .p1{font-family: 'Kaushan Script', cursive; font-size: 21px; text-align: center; color: #33C1ED;}
#logo h2{color: #000; font-size: 36px; text-align: center; margin-bottom: 30px;}
#logo .owl-item img{border: 1px solid #33C1ED; padding: 20px;}


/* blog */
#blog{padding: 40px 0;}
#blog .row{row-gap: 30px;}
#blog .p1{font-family: 'Kaushan Script', cursive; font-size: 21px; text-align: center; color: #33C1ED;}
#blog h2{color: #000; font-size: 36px; text-align: center; margin-bottom: 30px;}
#blog .inner{box-shadow: 0 0 10px #00000033;}
#blog .text{padding: 20px;}
#blog .text h5 a{color: #000; }
#blog .text span{color: #6d6d6d; display: inline-block; margin: 7px 0; font-size: 15px;}
#blog .text span i{color: #33C1ED;}
#blog .text p{color: #6d6d6d; font-size: 16px;}
#blog .text .read{color: #33C1ED; font-weight: 500; font-size: 16px; display: inline-block; margin-top: 20px; transition: .5s;}
#blog .text .read:hover{color: #000;}



/* footer */
footer .footertop{background-color: #283E56; padding: 70px 0px 20px;}
footer .row{row-gap: 25px;}
footer .footertop .about a {font-size: 33px; color: #33C1ED; font-weight: bold;}
footer .footertop .about p{color: #fff; font-size: 15px; margin-top: 20px; }
footer .footertop .about .soical li{color: #33C1ED; text-align: center;}
footer .footertop .about .soical li a{color: #fff; font-size: 16px; display: inline-block; width: 35px;height: 35px; line-height: 35px; background-color: #33C1ED; border-radius: 50%; transition: .5s;}
footer .footertop .about .soical li a:hover{background-color: #F44336;}
footer .footertop ul{list-style: none;}
footer .footertop ul ul li img {height: 70px; width: 100%; object-fit: cover; border-radius: 10px; box-shadow: 5px 5px 5px #33C1ED;}
footer .footertop ul li{color: #fff; margin-top: 10px;}
footer .footertop ul li a{color: #fff; font-size: 16px; transition: .5s; display: inline-block; border-bottom: 1px solid transparent;}
footer ul li h4{color: #33C1ED;}
footer .footertop ul li a:hover{color: #33C1ED;}
footer .footertop .addres li{margin-bottom: 20px;}
footer .footertop .addres li i{color: #33C1ED; font-size: 22px;}
footer .footerboo ul{display: flex; justify-content: space-between; margin: 0; border-top: 1px solid #33C1ED36;padding-top: 20px;}
footer .footerboo{background-color:#283E56; padding: 20px;}
/* footer .footerboo .soical li:first-child{color: #33C1ED; text-align: center;}
footer .footerboo .soical li:first-child a{color: #fff; font-size: 16px; display: inline-block; width: 35px;height: 35px; line-height: 35px; background-color: #33C1ED; border-radius: 50%; transition: .5s;}
footer .footerboo .soical li:first-child a:hover{background-color: #000;} */
footer .footerboo ul li {color: #fff;}
footer .footerboo ul li a {color: #33C1ED;}
footer .footerboo ul li a:hover {color: #F44336;}
footer .footerboo ul li img{width: 200px;padding: 0px 10px 8px; }
.wa1:hover {background: #F44336; width: 150px;}
.wa2:hover {background: #F44336; width: 150px;}
.wa3:hover {background: #F44336; width: 135px;}
.wa1 i { font-size: 35px;}
.wa2 i { font-size: 29px;}
.wa3 i { font-size: 28px;}
.wa1 { width: 46px; height: auto; overflow: hidden; background: #33C1ED; color: #fff; font-size: 19px; position: fixed; bottom: 145px; left: 0; z-index: 99999; padding: 8px; display: flex; align-items: center; border-radius: 0px 10px 10px 0px; box-shadow: 5px 5px 5px #F44336; transition: 0.4s;}
.wa2 { width: 45px; height: 42px; overflow: hidden; background: #33C1ED; color: #fff; font-size: 19px; position: fixed; bottom: 86px; left: 0; z-index: 99999; padding: 8px; display: flex; align-items: center; flex-direction: row; border-radius: 0px 10px 10px 0px; box-shadow: 5px 5px 5px #F44336; transition: 0.4s;}
.wa3 { width: 47px; height: auto; overflow: hidden; background: #33C1ED; color: #fff; font-size: 19px; position: fixed; bottom: 25px; left: 0; z-index: 99999; padding: 8px; display: flex; align-items: center; border-radius: 0px 10px 10px 0px; box-shadow: 5px 5px 5px #F44336; transition: 0.4s;}


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


/* modal */
.modal form.row{row-gap: 20px;}
.modal .btn-theme {border-radius: 0px; background: #33C1ED; color: #fff;}
.modal .btn-theme:hover{background-color: #000; color: white;} 
.modal .form-control{border-radius: 0px; border: none; box-shadow: none; background-color: #f3f3f3;}
.modal .form-control:focus{border-color: #000;}
.modal .submit{background-color: #33C1ED; color: #fff; font-weight: 500px; padding: 10px; border: 0; transition: .5;}
.modal .submit:hover{background-color: #33C1ED;}


/* ======================================
            inner page
======================================= */

/* heading */
#heading{background-image: url(../images/slider3.png); background-position: center center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed;}
#heading .heading-bg{padding: 100px 0;}
#heading .content{width: 100%; padding: 40px 30px; background-color: #ffffff56; border-radius: 100px; border: 2px solid #33C1ED; text-align: center; margin: auto;}
#heading h2{font-size: 45px; font-weight: bold; color: #000;}
#heading p, #heading a{font-size: 18px; color: #000; font-weight: bold; transition: .5s;}
#heading a:hover{color: #33C1ED;}

/* about-page */
#about-page{padding: 70px 0; background-color: #fff;}
#about-page .row{row-gap: 25px; align-items: center;}
#about-page .content ul li i {color:#33C1ED;}
#about-page .content h3 {color: #33C1ED;}
#about-page .content .p1{font-family: 'Kaushan Script', cursive; font-size: 25px; text-align: center; color: #33C1ED;}
#about-page .content h2{color: #000; font-size: 38px; text-align: center; margin-bottom: 20px;}
#about-page .content .border-lr{text-align: center; color: #33C1ED; font-size: 28px; margin-bottom: 10px;}
#about-page .content p{color: #000; font-size: 16px; text-align: justify; margin-bottom: 7px;} 
#about-page .content p b{color: #000; font-size: 18px;}
#about-page .img img{border-radius: 20px; background-color: #33C1ED; box-shadow: 0px 0px 25px #000;}


/* cosmetic */
#cosmetic{padding: 30px 0; background-color: #fff;}
#cosmetic h3{margin-top: 13px;}
#cosmetic .row{row-gap: 25px; }
#cosmetic ul{margin-left:35px;}
#cosmetic .content .p1{font-family: 'Kaushan Script', cursive; font-size: 25px; color: #33C1ED;}
#cosmetic .content h1{color: #000; font-size: 32px; margin-bottom: 20px;}
#cosmetic .content h2{color: #000; font-size: 30px; margin-bottom: 15px;}
#cosmetic .content .border-lr{text-align: center; color: #33C1ED; font-size: 28px; margin-bottom: 10px;}
#cosmetic .content p{color: #000; font-size: 16px; text-align: justify; margin-bottom: 7px;} 
#cosmetic .content p b{color: #000; font-size: 18px;}
#cosmetic .img img{border-radius: 10px;}



/* about-service */
#about-service .content{background-image: url(../images/about.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 80px 40px; text-align: right;}
#about-service .content p{font-size: 16px; color: #6d6d6d;}
#about-service .content h2{color: #000; font-size: 44px; margin: 20px 0;}
#about-service .content h2 span{color: #33C1ED; display: block;}
#about-service .content a{font-size: 16px; color: #33C1ED; font-weight: 500; display: inline-block; padding: 10px 30px; border: 2px solid #33C1ED; border-radius: 5px; margin-top: 20px; transition: .5s;}
#about-service .content a:hover{background-color: #33C1ED; color: #fff;}
#about-service .inner{padding: 60px 20px; background-color: #fffaf7; text-align: center; height: 100%;}
#about-service .inner-2{background-color: #fbebe1;}
#about-service .inner img{width: 80px;}
#about-service .inner h4{font-weight: 400; color: #303030; margin: 15px 0;}
#about-service .inner p{color: #6b6b6b;}


/* cosmetic-service */
#cosmetic-service .content{background-image: url(../images/about.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 80px 40px; text-align: right;}
#cosmetic-service .content p{font-size: 16px; color: #6d6d6d;}
#cosmetic-service .content h2{color: #000; font-size: 33px; margin: 20px 0;}
#cosmetic-service .content h2 span{color: #33C1ED; display: block;}
#cosmetic-service .content a{font-size: 16px; color: #33C1ED; font-weight: 500; display: inline-block; padding: 10px 30px; border: 2px solid #33C1ED; border-radius: 5px; margin-top: 20px; transition: .5s;}
#cosmetic-service .content a:hover{background-color: #33C1ED; color: #fff;}
#cosmetic-service .inner{padding: 30px 20px; background-color: #fffaf7; text-align: center; height: 100%;}
#cosmetic-service .inner-2{background-color: #fbebe1;}
#cosmetic-service .inner img{width: 80px;}
#cosmetic-service .inner h4{font-weight: 400; color: #303030; margin: 15px 0;}
#cosmetic-service .inner p{color: #6b6b6b;}
#cosmetic-service .inner a{font-size: 16px; color: #33C1ED; font-weight: 500; display: inline-block; padding: 10px 30px; border: 2px solid #33C1ED; border-radius: 5px; margin-top: 20px; transition: .5s;}
#cosmetic-service .inner a:hover{background-color: #33C1ED; color: #fff;}


/* service-page */
#service-page{padding: 70px 0; background-color: #fff;}
#service-page .p1{font-family: 'Kaushan Script', cursive; font-size: 21px; text-align: center; color: #33C1ED;}
#service-page h2{color: #000; font-size: 36px; text-align: center; margin-bottom: 30px;}
#service-page .row{row-gap: 25px;}
#service-page ul{display: flex; list-style: none; align-items: center; background-color: #f1fcff; box-shadow: 0 0 10px #00000033;}
#service-page ul li:first-child{width: 45%;}
#service-page ul li:last-child{width: 55%; padding: 20px;}
#service-page ul li h4{color: #444444; font-size: 20px;}
#service-page ul li p{font-size: 15px; font-weight: 400; color: #919191;}
#service-page ul li a{font-size: 16px; color: #33C1ED; font-weight: 500; display: inline-block; margin-top: 20px;}
#service-page ul li a:hover{color: #000;}


/* gallery */
#gallery{background-color: #fff; padding: 70px 0;}
#gallery .p1{font-family: 'Kaushan Script', cursive; font-size: 28px; font-weight: 500; text-align: center; color: #33C1ED;}
#gallery h2{color: #000; font-size: 38px; text-align: center; text-shadow: 1px 2px 1px #00000062;}
#gallery .border-lr{text-align: center; color: #33C1ED; font-size: 28px; position: relative; margin-bottom: 10px;}
#gallery .border-lr::before{content: ''; background-color: #33C1ED; width: 60px; height: 2px; position: absolute; top: 50%; left: 42%;}
#gallery .border-lr::after{content: ''; background-color: #33C1ED; width: 60px; height: 2px; position: absolute; top: 50%; right: 42%;}
#gallery .img-wrapper { position: relative; margin-top: 15px; overflow: hidden; border-radius: 10px; box-shadow: 5px 5px 5px #33C1ED;}
#gallery .img-wrapper img { width: 100%; height: 270px; object-fit: cover;}

#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 (min-width: 992px){
  /* Display dropdown menu on hover */
.nav-item:hover .dropdown-menu {
  display: block;
}


.nav-item {
  position: relative;
}


}

@media screen and (min-width: 768px) {
  #overlay img {
    width: 60%;
  }
}
@media screen and (min-width: 1200px) {
  #overlay img {
    width: 62%;
  }
}

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

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

#exitButton i{
  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: 2em;
  }
}


/* blog-page */
#blog-page{padding: 70px 0;}
#blog-page .row{row-gap: 30px;}
#blog-page .p1{font-family: 'Kaushan Script', cursive; font-size: 21px; text-align: center; color: #33C1ED;}
#blog-page h2{color: #000; font-size: 36px; text-align: center; margin-bottom: 30px;}
#blog-page .inner{box-shadow: 0 0 10px #00000033;}
#blog-page .text{padding: 20px;}
#blog-page .text h5 a{color: #000; }
#blog-page .text span{color: #6d6d6d; display: inline-block; margin: 7px 0; font-size: 15px;}
#blog-page .text span i{color: #33C1ED;}
#blog-page .text p{color: #6d6d6d; font-size: 16px;}
#blog-page .text .read{color: #33C1ED; font-weight: 500; font-size: 16px; display: inline-block; margin-top: 20px; transition: .5s;}
#blog-page .text .read:hover{color: #000;}


/* blog-detail */
#blog-detail{padding: 70px 0;}
#blog-detail .row{row-gap: 30px; justify-content: center;}
#blog-detail .p1{font-family: 'Kaushan Script', cursive; font-size: 21px; text-align: center; color: #33C1ED;}
#blog-detail h2 {color: #000; font-size: 33px; text-align: center; margin-bottom: 40px;}
#blog-detail .img img {width: 100%; border-radius: 15px;}
#blog-detail .content h5 a{color: #000; font-size: 26px;}
#blog-detail .content span{color: #6d6d6d; display: inline-block; margin: 7px 0; font-size: 15px;}
#blog-detail .content span i{color: #33C1ED;}
#blog-detail .content p {color: #000000;font-size: 16px;text-align: justify;font-weight: normal;margin-bottom: 10px;}
#blog-detail .content h3 {color: #33C1ED;}
#blog-detail .content ul {margin-left:20px;margin-bottom:10px;}
#blog-detail .blog{background-color: #f1fcff; padding: 15px 30px 30px; border: 1px solid #33C1ED; position: sticky; top: 100px;}
#blog-detail .blog h4{color: #33C1ED; margin-bottom: 15px; text-align: center; font-size: 28px; font-weight: bold;}
#blog-detail .blog ul{list-style: none; background-color: #fff; border: 1px solid #e4e4e4; padding: 10px;}
#blog-detail .blog ul li{margin-bottom: 15px; align-items: center;}
#blog-detail .blog ul li:last-child{margin-bottom: 0;}
#blog-detail .blog a{color: #000; font-size: 17px; display: inline-block;}
#blog-detail .blog p{color: #6d6d6d; display: inline-block; font-size: 14px;}
#blog-detail .blog p i{color: #33C1ED;}


/* contact */
#contact{padding: 70px 0px; background: linear-gradient(45deg, #F44336, #33C1ED);}
#contact .location h2{font-size: 40px; font-weight: 500; color: #000;}
#contact .location h2 span{font-weight: 800; color: #33C1ED; text-shadow: 0px 0px 5px #000;}
#contact .location p{font-size: 16px; color: grey; margin-bottom: 30px;}
#contact .location ul li a{color: #000; font-size: 16px; font-weight: 500; transition: .5s;}
#contact .location ul li{transition: .5s; padding: 15px; border-radius: 10px; box-shadow: 0px 0px 10px #000;  margin-bottom: 20px; background-color: #f1fcff; font-size: 20px; color: #33C1ED; transition: .5s;}
#contact .location ul li:hover a, #contact .location ul li:hover{color: #33C1ED;}
#contact .location .map iframe{border-radius: 20px;}
#contact form{padding: 30px 15px; }
#contact form .form-control{ padding: 12px 10px; border-radius: 10px; color: #000; box-shadow: 0px 0px 10px;}
#contact form .label{color: #000; font-size: 16px; font-weight: 600; margin-bottom: 10px;}
#contact form .form-control:focus{box-shadow: none; border-color: #33C1ED;}
#contact form .form-control::placeholder{color: darkgray;}
#contact form .btn{font-size: 16px; color: #fff; font-weight: 500; display: inline-block; padding: 15px 30px; background: #F44336; border-radius: 30px; transition: .5s; box-shadow: 0px 0px 10px #000;}
#contact form .btn:hover{background: #33C1ED;}
#contact form .btn i{color: #fff; transform: rotate(-45deg); transition: .5s;}
#contact form .btn:hover i{transform: rotate(0deg);}


/* details */
#details {padding: 30px 0; background-color: #fff;}
#details h1{font-size: 32px; margin-bottom: 35px;}
#details .row {row-gap: 25px;}
#details .p1 {font-family: 'Kaushan Script', cursive; font-size: 28px; font-weight: 500; text-align: center; color: #33C1ED;}
#details h2 {color: #000; font-size: 38px; text-align: center; margin-bottom: 50px;}
#details .content h3 {color: #33C1ED;font-size: 26px;margin: 20px 0 10px;font-weight: 500;}
#details .content h4 {color:#000;}
#details .content p {color: #000; font-size: 16px; text-align: justify;margin-bottom: 10px;}
#details .content ul {margin-left:20px;margin-bottom:15px;}
#details .img img {border-radius: 10px; width: 100%;margin-bottom: 20px;} 
#details .service {background-color: #f1fcff; padding: 15px 30px 30px; border: 1px solid #33C1ED; position: sticky; top: 100px; border-radius: 10px;}
#details .service h4 {color: #33C1ED; margin-bottom: 15px; text-align: center; font-size: 28px; font-weight: bold;}
#details .service ul {list-style: none; background-color: #fff; border: 1px solid #e4e4e4;}
#details .service ul li a{color: #000; font-size: 18px; padding: 10px 15px; display: block; transition: .3s;}
#details .service ul li a:hover, #details .service ul li a:active, #details .service ul li a:focus{background-color: #33C1ED; color: #fff;}
#details .service ul li a i{color: #33C1ED; transition: .5s; transform: rotate(-45deg);}
#details .service ul li a:hover i{transform: rotate(0deg);}
#details .service ul li a:hover i, #details .service ul li a:active i, #details .service ul li a:focus i{color: #fff;}