body{width: 100%; background:#fff ; padding: 0; margin: 0; font-family: "Nunito Sans", sans-serif; }
a{text-decoration: none !important; border: none; outline: none; outline: none; font-family: "Nunito Sans", sans-serif; transition: all 600ms ease-in-out;}
h1, h2, h3, h4, h5, h6, p{ padding: 0; margin: 0; font-family: "Nunito Sans", sans-serif; }
ul{ padding: 0; margin: 0; }
li{ list-style: none; border: none; outline: none; font-family: "Nunito Sans", sans-serif; }
*{padding: 0;margin: 0;}
/*.container{ width: 1370px; }*/

/*Header*/
.header{ width: 100%; position: sticky; content: ""; top: 0; left: 0; right: 0; display: block; padding: 0; margin: 0; z-index: 99; }
.header-top-block{ width: 100%; position: relative; background: #001c54; display: block; padding: 5px 0; margin: 0; }
.header-top-block .header-top-link{ width: 100%; padding: 5px 0 0; margin: 0; }
.header-top-block .header-top-link ul{ padding: 0; margin: 0; float: right; }
.header-top-block .header-top-link ul li{ display: inline-block; font-size: 16px; line-height: 18px; color: #fff; padding: 0 15px 0; margin: 0; border-right: 1px solid #fff; }
.header-top-block .header-top-link ul li:nth-child(2){ border-right: none; }
.header-top-block .header-top-link ul li:nth-child(1){ padding: 0 15px 0 0; }
.header-top-block .header-top-link ul li a{ color: #fff; }
.header-top-block .header-top-link ul li a:hover{ color: #ccc; }
.header-top-block .header-top-link ul li i{ font-size: 16px; color: #fff; padding: 0 10px 0 0; }
.header-top-block .schedule{ width: 96%; padding: 0; margin: 0; }
.header-top-block .schedule a{background-color: #ef4444; border-radius: 10px; border: 0; box-shadow: rgb(0, 0, 0) 0 -1px 3px 0 inset, rgba(255, 255, 255, 0.32) 0 3px 6px 0; box-sizing: border-box; color: #fff; display: inherit; font-size: 16px; font-weight: 700; line-height: 20px; margin: 0; padding: 6px 0; position: relative; text-align: center; user-select: none; -webkit-user-select: none; touch-action: manipulation; vertical-align: baseline; transition: all .2s cubic-bezier(.22, .61, .36, 1); width: 100%; text-transform: capitalize; }
 .header-top-block .schedule a:hover{ background-color: #ca3232; transform: translateY(-2px); }

.header-bottom-block{ width: 100%; background: #fff; display: block; padding: 10px 0; margin: 0; position: sticky; content: ""; top: 0; left: 0; right: 0; z-index: 999; background-color: rgba(255, 255, 255, 0.4) !important;
    backdrop-filter: saturate(180%) blur(20px); -webkit-backdrop-filter: saturate(180%) blur(20px);  }
.header-bottom-block .logo{ width: 100%; padding: 0; margin: 0; display: block; }
.header-bottom-block .logo img{ width: 100%; border-radius: 15px; }


.header-bottom-block .menu{ width: 100%; text-align: center; padding: 20px 0; margin: 0; /*border-top: 1px solid #dfdfdf;*/ /*border-bottom: 1px solid #dfdfdf;*/ }
.header-bottom-block .menu ul.sf-menu{  padding: 0;  }
/*.header-bottom-block .menu ul.sf-menu a { font-family: 'Open Sans', sans-serif; position: relative; display: block; text-align: center; background: none; border-radius: 30px; transition: .5s; color: #037aa2; border: none; padding: 0 10px; margin: 0; font-size: 17px; line-height: 20px; font-weight: bold; }*/



/*Banner Start*/
.banner{ width: 100%; position: relative; display: block; overflow: hidden; background: #fff; padding: 0 0 60px; margin: 0;;  }
.banner .banner-box{ width: 98%;
  display: block;
  margin: 15px auto;
  border-radius: 90px;
  overflow: hidden;
  box-shadow: 0px 0 12px #303234; }
.banner .banner-box img{ width: 100%; }

/*Banner Text Dec*/
.banner .banner-text{ width: 100%; position: absolute; content: ""; bottom: 200px; padding: 20px 0; margin: 0; z-index: 9; }
.banner .banner-text .text-dec{ width: 90%; padding: 0; margin: 0;}
.banner .banner-text .text-dec h1{  font-size: 80px; line-height: 100px; color: #fff; padding: 0; margin: 0; font-weight: bold; text-shadow: 0 0 5px #00aeee; }
.banner .banner-text .text-dec h2 span{ color: #fff; }
.banner .banner-text .text-dec p{ font-size: 20px; line-height: 26px; color: #fff; padding: 15px 0 0 0; margin: 0;  letter-spacing: 2px; text-align: justify; }

/*.banner .banner-text .text-dec a{ position: relative; display: inline-block; padding: 16px 22px; margin: 30px 30px 0 0; color: #fff; text-transform: uppercase; transition: 0.5s; overflow: hidden;  font-weight: bold; width: 18%; text-align: center; letter-spacing: 1px; border: 1px solid #feca36; }
.banner .banner-text .text-dec a.active{ background: #feca36; color: #000; }
.banner .banner-text .text-dec a:hover{ background: #3e7c01; color: #fff; box-shadow: 0 0 5px #3e7c01, 0 0 15px #3e7c01, 0 0 30px #3e7c01, 0 0 50px #3e7c01;  letter-spacing: 4px; }
.banner .banner-text .text-dec a.active:hover{ background: #feca36; color: #fff; box-shadow: 0 0 5px #feca36, 0 0 15px #feca36, 0 0 30px #feca36, 0 0 50px #feca36;  letter-spacing: 2px; }*/


.banner-down{ width: 100%; position: relative; background: #fff; display: block; padding: 0; margin: 0; }
.banner-down .banner-down-row{ width: 25%; float: left; background-image: linear-gradient(to right, #03A9F4 , #03a3ec); transition: all 400ms ease-in-out; padding: 30px 15px; }
.banner-down .banner-down-row:hover{ -webkit-transform: translateY(-15px);
-ms-transform: translateY(-15px);
transform: translateY(-20px); transition: all 400ms ease-in-out; }
.banner-down .banner-down-row:nth-child(2){ background-image: linear-gradient(to right, #0597d8 , #03a3ec); }
.banner-down .banner-down-row:nth-child(3){ background-image: linear-gradient(to right, #037bb0 , #03a3ec); }
.banner-down .banner-down-row:nth-child(4){ background-image: linear-gradient(to right, #0082bc, #0c5475); }

.banner-down .banner-down-row img{ width: 22%; margin: 0 auto; display: block; }
.banner-down .banner-down-row h4{ font-size: 24px; line-height: 26px; color: #fff; padding: 10px 0; margin: 0; text-align: center; font-weight: bold; }
.banner-down .banner-down-row p{ font-size: 16px; line-height: 24px; color: #fff; padding: 0; margin: 0; text-align: center; }

/*Inner Banner Start*/
.inner-banner{ width: 98%; display: inline-block; position: relative; background: url(../images/inner-banner.png) no-repeat top center; background-size: cover; padding: 140px 0; margin: 0 auto 30px; display: block; border-radius: 0 0 150px 0; box-shadow: 0px 0 24px #001c54; }
.inner-banner h2{ font-size: 50px; line-height: 54px; font-weight: bold; color: #fff; text-transform: uppercase; padding: 0 0 0 30px; margin: 0; border-left: 10px solid #fff;}

/*About Us*/
.about{ width: 100%; position: relative; background: #fff; padding: 40px 0; margin: 0; display: inline-block; }
.about .about-box{ width: 100%; padding: 60px 45px; margin: 0; background: #001c54; display: inline-block; border-radius: 15px; box-shadow: 0px 0 24px #002359; }
.about .about-box .about-dec-block{ width: 100%; padding: 0; margin: 0; }
.about .about-box .about-dec-block h5{ font-size: 16px; line-height: 18px; color: #03a9f4; padding: 0; margin: 0; }
.about .about-box .about-dec-block h2{ font-size: 34px; line-height: 40px; color: #fff; padding: 10px 0; margin: 0; }

.about .about-box .about-dec-block .heading-separator{ width: 60px; height: 4px; background-color: #eaeaea; position: relative; }
.about .about-box .about-dec-block .heading-separator span{ background-color: #03a9f4; content: ""; left: 0; position: absolute; bottom: 0; width: 30px; height: 4px; }
.about .about-box .about-dec-block p{ font-size: 16px; line-height: 24px; color: #fff; padding: 15px 0; margin: 0; text-align: justify; }
.about .about-box .about-dec-block a{ background-color: #001c54; border-radius: 10px; border: 0; box-shadow: rgb(104, 153, 255) 0 -1px 3px 0 inset, rgba(1, 72, 216, 0.83) 0 3px 6px 0; box-sizing: border-box; color: #fff; display: inherit; font-size: 18px; font-weight: 700; line-height: 24px; margin: 0; padding: 10px 0; position: relative; text-align: center; user-select: none; -webkit-user-select: none; touch-action: manipulation; vertical-align: baseline; transition: all .2s cubic-bezier(.22, .61, .36, 1); width: 42%; }
.about .about-box .about-dec-block a:hover { background-color: #002c83; transform: translateY(-2px); }
.about .about-box .about-image-block{ width: 100%; padding: 0; margin: 0; }
.about .about-box .about-image-block img{ width: 100%; filter: drop-shadow(0px 15px 24px #0091b14a); }

/*Inner-About Start*/
.inner-about{ width: 100%; position: relative; background: #fff; padding: 50px 0; margin: 0; }
.inner-about .inner-about-box{ width: 100%; padding: 0 15px; margin: 0; background: #303234; display: inline-block; border-radius: 15px; box-shadow: 0px 0 24px #303234; background: #001c54;
    background-size: 600% 600%; -webkit-animation: AnimationName 18s ease infinite; -moz-animation: AnimationName 18s ease infinite; animation: AnimationName 18s ease infinite; border-radius: 30px; }
.inner-about .inner-about-content-block{ width: 100%; padding: 30px 0; margin: 0; }
.inner-about .inner-about-content-block h5{ font-size: 16px; line-height: 18px; color: #03a9f4; padding: 0; margin: 0; }
.inner-about .inner-about-content-block h2{ font-size: 34px; line-height: 40px; color: #fff; padding: 10px 0; margin: 0; }
.inner-about .inner-about-content-block .heading-separator{ width: 60px; height: 4px; background-color: #eaeaea; position: relative; }
.inner-about .inner-about-content-block .heading-separator span{ background-color: #03a9f4; content: ""; left: 0; position: absolute; bottom: 0; width: 30px; height: 4px; }
.inner-about .inner-about-content-block p{ font-size: 16px; line-height: 24px; color: #fff; padding: 15px 0; margin: 0; text-align: justify; }

.inner-about .inner-about-img-block{ width: 100%; padding: 60px 0 120px; margin: 0; }
.inner-about .inner-about-img-block-2{ width: 100%; padding: 30px 0; margin: 0; background: none; border-radius: 15px; overflow: hidden; }
.inner-about .inner-about-img-block img{ width: 100%; padding: 30px; filter: drop-shadow(0px 15px 24px #0040c1);  }
.inner-about .inner-about-img-block-2 img{ width: 100%; padding: 0; filter: none; border-radius: 15px; }

/*About Theme*/
.theme{ width: 100%; display: inline-block; background: #001c54; padding: 60px 0; margin: 0; position: relative; }
.theme .theme-counter-box{ width: 100%; padding: 0; margin: 0; transition: all 400ms ease-in-out; display: block; justify-content: space-around; text-align: center; }
.theme .theme-counter-box:hover{ webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px); transition: all 400ms ease-in-out; }
.theme .theme-counter-box .value{ font-size: 50px; display: block; font-weight: bold; color: #03a9f4; }
.theme .theme-counter-box h4{ font-size: 20px; line-height: 26px; color: #fff; padding: 0; margin: 0; font-weight: bold; text-transform: uppercase; }
.theme .theme-counter-box h4{ font-size: 20px; line-height: 26px; color: #fff; padding: 0; margin: 0; font-weight: bold; }
.theme .theme-counter-box h4 b{ font-size: 50px; display: block; font-weight: bold; color: #03a9f4; line-height: 60px; }
.theme .theme-counter-box h4 b span{ font-size: 20px; line-height: 26px; color: #fff; }
/*About Mission*/
.mission{  width: 100%; display: inline-block; background: #fff; padding: 60px 0; margin: 0; position: relative; }
.mission .mission-image-block{ width: 100%;
  padding: 0;
  margin: 0 0 30px;
  border: 1px solid #03a9f4;
  box-shadow: 0px 0 24px #001c54;
  border-radius: 120px 0;
  background: #001c54;
  overflow: hidden; }
.mission .mission-image-block img{ width: 100%; }

.mission .mission-dec-block{ width: 100%; padding: 0; margin: 0; }
.mission .mission-dec-block h2{ font-size: 34px; line-height: 40px; color: #002130; padding: 10px 0; margin: 0; }
.mission .mission-dec-block .heading-separator{ width: 60px; height: 4px; background-color: #eaeaea; position: relative; }
.mission .mission-dec-block .heading-separator span{ background-color: #03a9f4; content: ""; left: 0; position: absolute; bottom: 0; width: 30px; height: 4px; }
.mission p{ font-size: 16px; line-height: 24px; color: #002130; padding: 15px 0; margin: 0; text-align: justify; }


/*Service*/
.service{ width: 100%;
  background: #001c54;
    background-size: auto;
  background-size: cover;
  display: inline-block;
  padding: 94px 0 160px;
  margin: 35px 0;
  box-shadow: 0px 0 24px #001c54;
  }
.service h5{ font-size: 16px; line-height: 18px; color: #03a9f4; padding: 0; margin: 0; }
.service h2{ font-size: 34px; line-height: 40px; color: #fff; padding: 10px 0; margin: 0; }
.service .heading-separator{ width: 60px; height: 4px; background-color: #eaeaea; position: relative; }
.service .heading-separator span{ background-color: #03a9f4; content: ""; left: 0; position: absolute; bottom: 0; width: 30px; height: 4px; }
.service p{ font-size: 16px; line-height: 24px; color: #002130; padding: 15px 0; margin: 0; text-align: justify; }

.service-content{ width: 100%; display: inline-block; position: relative; padding: 0; margin: -180px 0 50px; }
.service-content .service-block{ width: 100%; padding: 0; margin: 20px 0 0;  border: 1px solid #03a9f4; transition: all 400ms ease-in-out; border-radius: 15px; overflow: hidden; }
.service-content .service-block:hover{ -webkit-transform: translateY(-15px);
-ms-transform: translateY(-15px);
transform: translateY(-20px); transition: all 400ms ease-in-out; }
.service-content .service-block img{ width: 100%; filter: grayscale(60%); }
.service-content .service-block h4{ font-size: 24px; line-height: 26px; color: #fff; padding: 20px 0; margin: 0; text-align: center;  font-weight: bold; background: #001c54; border-radius: 0 0 10px 10px;  }
.service-content #service-slider .item{ margin: 0 15px; }



/*Inner Service Start*/
.inner-service{ width: 100%; display: inline-block; position: relative; padding: 50px 0; margin: 0; background: #fff; }
.inner-service .inner-service-dec-box{ width: 100%; display: inline-block; padding: 0; margin: 0; }
.inner-service .inner-service-dec-box h5{ font-size: 16px; line-height: 18px; color: #03a9f4; padding: 0; margin: 0; }
.inner-service .inner-service-dec-box h2{ font-size: 34px; line-height: 40px; color: #002130; padding: 10px 0; margin: 0; }
.inner-service .inner-service-dec-box .heading-separator{ width: 60px; height: 4px; background-color: #eaeaea; position: relative; }
.inner-service .inner-service-dec-box .heading-separator span{ background-color: #03a9f4; content: ""; left: 0; position: absolute; bottom: 0; width: 30px; height: 4px; }
.inner-service .inner-service-dec-box p{ font-size: 16px; line-height: 24px; color: #002130; padding: 15px 0; margin: 0; text-align: justify; }
.inner-service .inner-service-dec-box a{ background-color: #303234; border-radius: 10px; border: 0; box-shadow: rgb(0, 0, 0) 0 -1px 3px 0 inset, rgba(255, 255, 255, 0.32) 0 3px 6px 0; box-sizing: border-box; color: #fff; display: inherit; font-size: 18px; font-weight: 700; line-height: 24px; margin: 0 15px 15px 0; padding: 10px 25px; position: relative; text-align: center; user-select: none; -webkit-user-select: none; touch-action: manipulation; vertical-align: baseline; transition: all .2s cubic-bezier(.22, .61, .36, 1); }
.inner-service .inner-service-dec-box a:hover{ background-color: #ca3232; transform: translateY(-2px); }
.inner-service .inner-service-dec-box a.active{ background: #1a1348; }
.inner-service .inner-service-dec-box a.active:hover{ background-color: #ca3232; transform: translateY(-2px); }
.inner-service .inner-service-dec-box a i{ padding: 0 10px 0 0;}
.inner-service .inner-service-image-box{ width: 100%; padding: 15px; margin: 0; border: 1px solid #03a9f4; border-radius: 30px; overflow: hidden; }
.inner-service .inner-service-image-box img{ width: 100%; border-radius: 20px; }

.inner-service .inner-service-dec-box ul{ padding:15px 0; margin:0; }
.inner-service .inner-service-dec-box ul li{ font-size: 16px; line-height: 24px; color: #000; padding: 15px 0; margin: 0; }
.inner-service .inner-service-dec-box ul li i{ font-size: 16px; color: #03a9f4; padding: 0 10px 0 0; }
.inner-service .inner-service-dec-box ul li b{ color: #1a1348; }

/*Life-Changing Results*/
.changing-result{ width: 100%; display: inline-block; position: relative; padding: 50px 0; margin: 0; background: #f5f5f5; text-align: center; }
.changing-result h5{ font-size: 16px; line-height: 18px; color: #03a9f4; padding: 0; margin: 0; }
.changing-result h2{ font-size: 34px; line-height: 40px; color: #002130; padding: 10px 0; margin: 0; }
.changing-result .heading-separator{ width: 60px; height: 4px; background-color: #eaeaea; position: relative; margin:0 auto 30px; }
.changing-result .heading-separator span{ background-color: #03a9f4; content: ""; left: 0; position: absolute; bottom: 0; width: 30px; height: 4px; }

.img-comp-container {
  position: relative;
  height: 310px; margin: 0 0 30px; /*should be the same height as the images*/
}


.img-comp-img {
  position: absolute;
  width: auto;
  height: auto;
  overflow:hidden;
}

.img-comp-img img {
  display:block;
  vertical-align:middle;
}

.img-comp-slider {
  position: absolute;
  z-index:9;
  cursor: ew-resize;
  /*set the appearance of the slider:*/
  width: 40px;
  height: 40px;
  background-color: #2196F3;
  opacity: 0.7;
  border-radius: 50%;
}

/*Consultation*/
.consultation{ width: 95%; display: inline-block; background: #ccc; padding: 60px 0; margin: 0 0 30px; box-shadow: 0px 0 24px #303234; position: relative; background: linear-gradient(147deg, #0a6bff, #1a1348, #024cbe);
    background-size: 600% 600%; -webkit-animation: AnimationName 18s ease infinite; -moz-animation: AnimationName 18s ease infinite; animation: AnimationName 18s ease infinite; border-radius: 0 30px 30px 0; }

@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

.consultation .consultation-left-box{ width: 40%; padding: 0; margin: 0; float: left; }
.consultation .consultation-left-box .left-block-box{ width: 64%; float: right; padding: 15px; border-radius: 50%; text-align: center; box-shadow: 0 0 10px #000;  }
.consultation .consultation-left-box .left-block-box img{ width:100%; border-radius: 50%; }
.consultation .consultation-right-box{ width: 55%; float: left; padding: 0 15px 0 30px;}
.consultation .consultation-right-box h5{ font-size: 16px; line-height: 18px; color: #fff; padding: 0; margin: 0; }
.consultation .consultation-right-box h2{ font-size: 34px; line-height: 40px; color: #fff; padding: 10px 0; margin: 0; }
.consultation .consultation-right-box .heading-separator{ width: 60px; height: 4px; background-color: #eaeaea; position: relative; margin:0 0 15px; }
.consultation .consultation-right-box .heading-separator span{ background-color: #03a9f4; content: ""; left: 0; position: absolute; bottom: 0; width: 30px; height: 4px; }
.consultation .consultation-right-box p{ font-size: 16px; line-height: 28px; color: #fff; padding: 15px 0; margin: 0; text-align: justify; }

/*dental-rate*/
.rate{ width: 95%; display: inline-block; background: #e8e8e8; padding: 60px 0; margin: 60px 0; box-shadow: 0px 0 24px #303234; position: relative; background: linear-gradient(147deg, #0a6bff, #1a1348, #024cbe);
    background-size: 600% 600%; -webkit-animation: AnimationName 18s ease infinite; -moz-animation: AnimationName 18s ease infinite; animation: AnimationName 18s ease infinite; border-radius: 0 60px 60px 0; }
.rate .rate-left-box{ width: 50%; padding: 0; margin: 0; float: left;  }
.rate .rate-left-box .left-block-box{ width: 90%; float: right; padding: 0; border-radius: 30px; text-align: center; box-shadow: 0 0 10px #000; overflow:hidden; }
.rate .rate-left-box .left-block-box img{ width:100%; }

.rate .rate-right-box{ width: 50%; float: left; padding: 0 15px 0 30px; }
.rate .rate-right-box h5{ font-size: 16px; line-height: 18px; color: #fff; padding: 0; margin: 0; }
.rate .rate-right-box h2{ font-size: 34px; line-height: 40px; color: #fff; padding: 10px 0; margin: 0; }
.rate .rate-right-box .heading-separator{ width: 60px; height: 4px; background-color: #eaeaea; position: relative; margin:0 0 15px; }
.rate .rate-right-box .heading-separator span{ background-color: #03a9f4; content: ""; left: 0; position: absolute; bottom: 0; width: 30px; height: 4px; }
.rate .rate-right-box p{ font-size: 16px; line-height: 28px; color: #fff; padding: 15px 0; margin: 0; text-align: justify; }
.rate .rate-right-box a{ background-color: #303234; border-radius: 10px; text-transform: capitalize; border: 0; width: 78%; float: left; box-shadow: rgb(0, 0, 0) 0 -1px 3px 0 inset, rgba(255, 255, 255, 0.32) 0 3px 6px 0; box-sizing: border-box; color: #fff; display: inherit; font-size: 18px; font-weight: 700; line-height: 24px; margin: 0 0 15px 0; padding: 10px 25px; position: relative; text-align: center; user-select: none; -webkit-user-select: none; touch-action: manipulation; vertical-align: baseline; transition: all .2s cubic-bezier(.22, .61, .36, 1); }
.rate .rate-right-box a:hover{ background-color: #ca3232; transform: translateY(-2px); }
.rate .rate-right-box a.active{ background: #1a1348; width: 30%; }
.rate .rate-right-box a.active:hover{ background-color: #ca3232; transform: translateY(-2px); }
.rate .rate-right-box a i{ padding: 0 10px 0 0;}
.inner-service .inner-service-image-box{ width: 100%; padding: 15px; margin: 0; border: 1px solid #03a9f4; border-radius: 30px; overflow: hidden; }

/*==========Digital Smile Design=============*/
.smile-design{ width: 100%; display: inline-block; background: #fff; padding: 60px 0; margin: 0; position: relative; }
.smile-design h2{ font-size: 34px; line-height: 40px; color: #aeaeae; padding: 0; margin: 0; text-align: center; text-transform:uppercase; }
.smile-design p{ font-size: 16px; line-height: 24px; color: #002130; padding: 15px 0 30px; margin: 0; text-align: justify; }
.smile-design .smile-design-dec-box{ width: 100%; padding: 15px; margin: 0; border:1px solid #e8e8e8; border-radius: 10px; }
.smile-design .smile-design-dec-box img{ width: 100%; border-radius: 10px; }
.smile-design .smile-design-dec-box h4{ font-size: 22px; line-height: 34px; color: #002130; padding: 15px 0 10px; margin: 0; text-align: center; font-weight: bold; }
.smile-design .smile-design-dec-box p{ font-size: 16px; line-height: 24px; color: #002130; padding: 0; margin: 0; text-align: center; height: 170px; }

/*Our Process*/
.process{ width: 100%; display: inline-block; background: #fafafaa3; padding: 60px 0; margin: 0; position: relative; }
.approach{ background: #fff; }
.approach .process-box-content h4{ height: 90px !important;  }
.approach .process-box-content p{ height: 165px !important; }
.process h2{ font-size: 34px; line-height: 40px; color: #002130; padding: 0 0 30px; margin: 0; font-weight: bold; text-align:center; }
.process h3{ font-size: 18px; line-height: 24px; color: #aeaeae; padding: 0 0 30px; margin: 0; text-align: center; text-transform:uppercase; }
.process .process-box-content{ width: 100%; padding: 15px; margin: 0; border:1px solid #e8e8e8; text-align: center; border-radius: 10px; }
.process .process-box-content i{ font-size: 40px; color:#0a8080; }
.process .process-box-content img{ width: 100%; border-radius: 10px; }
.process .process-box-content h4{ font-size: 22px; line-height: 34px; color: #002130; padding: 15px 0 10px; margin: 0; text-align: center; font-weight: bold; }
.process .process-box-content p{ font-size: 16px; line-height: 24px; color: #002130; padding: 0; margin: 0; text-align: center; height: 120px; }
.process .process-box-content ul{  width: 100%; padding: 0; margin: 0; display: inline-block; text-align:left; height: 280px; }
.process .process-box-content ul li{ font-size: 16px; line-height: 24px; color: #002130; padding: 15px 0 0; margin: 0; text-align: justify }

/*Benefits of Digital Smile Design*/
.benefits{ width: 100%; display: inline-block; background: #fff; padding: 60px 0; margin: 0; position: relative; }
.benefits .benefits-dec-box{  width: 100%; padding: 0; margin: 0; }
.benefits .benefits-dec-box h2{ font-size: 34px; line-height: 40px; color: #002130; padding: 0; margin: 0; font-weight: bold; }
.benefits .benefits-dec-box p{ font-size: 16px; line-height: 24px; color: #002130; padding: 15px 0 30px; margin: 0; text-align: justify;  }
.benefits .benefits-dec-box ul{ width: 100%; padding: 0; margin: 0; display: inline-block; }
.benefits .benefits-dec-box ul li{ font-size: 16px; line-height: 24px; color: #002130; padding: 15px 0 0; margin: 0; text-align: justify; }

.benefits .benefits-image-box{ width: 100%; padding: 0; margin: 0; }
.benefits .benefits-image-box img{ width:100%; }

/*==============Implants==============*/
.implants{ width: 100%; display: inline-block; background: #fff; padding: 60px 0 30px; margin: 0; position: relative; }
.implants .implants-box-content{ width: 100%; padding: 15px; margin: 0 0 30px; border:1px solid #e8e8e8; display:inline-block; }
.implants .implants-box-content h2{ font-size: 34px; line-height: 40px; color: #002130; padding: 0; margin: 0; font-weight: bold; }
.implants .implants-box-content h3{ font-size: 34px; line-height: 40px; color: #002130; padding: 0 0 30px; margin: 0; font-weight: bold; text-align:center; }
.implants .implants-box-content p{ font-size: 16px; line-height: 24px; color: #002130; padding: 15px 0 30px; margin: 0; text-align: justify;  }
.implants .implants-box-content ul{ width: 100%; padding: 0; margin: 0; display: inline-block; }
.implants .implants-box-content ul li{ font-size: 16px; line-height: 24px; color: #002130; padding: 15px 0 0; margin: 0; text-align: justify; }

.implants .implants-box-content .price-box{ width: 100%; padding: 15px; border:1px solid #e8e8e8; }
.implants .implants-box-content .price-box h4{ font-size: 18px; line-height: 30px; color: #002130; padding: 0; margin: 0; font-weight: bold; }
.implants .implants-box-content .price-box h4 span{ display:block; font-weight: 400; }


/*======================Digital Dentures====================*/
.digital-dentures{ width: 100%; display: inline-block; background: #fff; padding: 60px 0 30px; margin: 0; position: relative; }
.digital-dentures h2{ font-size: 34px; line-height: 40px; color: #002130; padding: 0 0 30px; margin: 0; font-weight: bold; text-align:center; }
.digital-dentures .digital-dentures-box{ width: 100%; padding: 15px; margin: 0 0 30px; border:1px solid #e8e8e8; display:inline-block; border-radius: 10px; }
.digital-dentures .digital-dentures-box img{ width: 100%; border-radius: 10px; }
.digital-dentures .digital-dentures-box h4{ font-size: 22px; line-height: 34px; color: #002130; padding: 15px 0 10px; margin: 0; text-align: center; font-weight: bold; }
.digital-dentures .digital-dentures-box p{ font-size: 16px; line-height: 24px; color: #002130; padding: 0 0 30px; margin: 0; text-align: justify;  }
.digital-dentures .digital-dentures-box ul{ width: 100%; padding: 0; margin: 0; display: inline-block; }
.digital-dentures .digital-dentures-box ul li{ font-size: 16px; line-height: 24px; color: #002130; padding: 15px 0 0; margin: 0; text-align: justify; }

/*Digital Dentures Price*/
.price{ width: 100%; display: inline-block; background: #fafafaa3; padding: 60px 0; margin: 0; position: relative; }
.price h2{ font-size: 34px; line-height: 40px; color: #002130; padding: 0 0 30px; margin: 0; font-weight: bold; text-align: center;  }
.price .price-box-content{ width: 100%; padding: 15px; margin: 0; border:1px solid #e8e8e8; display:inline-block; border-radius: 10px; }
.price .price-box-content h4{ font-size: 22px; line-height: 34px; color: #002130; padding: 0; margin: 0; text-align: center; font-weight: bold; }
.price .price-box-content h3{ font-size: 34px; line-height: 36px; color: #002130; padding: 10px 0 20px; margin: 0; text-align: center; font-weight: bold; }
.price .price-box-content p{ font-size: 16px; line-height: 24px; color: #002130; padding: 0; margin: 0; text-align: justify;  }


/*=============New Patients================*/
.patients{ width: 100%; display: inline-block; background: #fafafaa3; padding: 60px 0; margin: -30px 0 0; position: relative; }
.patients h2{ font-size: 34px; line-height: 40px; color: #002130; padding: 0; margin: 0; font-weight: bold; text-align: center;  }
.patients p{ font-size: 16px; line-height: 24px; color: #002130; padding: 15px 0 30px; margin: 0; text-align: center;  }
.patients .patients-box-content{ width: 100%; padding: 0; margin: 0; }
.patients .patients-box-content h4{ font-size: 22px; line-height: 34px; color: #002130; padding: 0 ; margin: 0; font-weight: bold; }
.patients .patients-box-content p{ font-size: 16px; line-height: 24px; color: #002130; padding: 10px 0 15px; margin: 0; text-align: justify; }

.patients .patients-image-box{ width: 100%; padding: 0; margin: 0; }
.patients .patients-image-box img{ width: 100%; }

/*Free Initial Consultation*/
.initial-consultation{ width: 100%; display: inline-block; background: #fff; padding: 60px 0 30px; margin: 0; position: relative; }
.initial-consultation .initial-consultation-image-box{ width: 100%; padding: 0; margin: 0; }
.initial-consultation .initial-consultation-image-box img{ width: 100%; }

.initial-consultation .initial-consultation-box-content{ width: 100%; padding: 0; margin: 0; }
.initial-consultation .initial-consultation-box-content h2{ font-size: 34px; line-height: 40px; color: #002130; padding: 0 0 30px; margin: 0; font-weight: bold; }
.initial-consultation .initial-consultation-box-content p{ font-size: 16px; line-height: 24px; color: #002130; padding: 0 0 15px; margin: 0; text-align: justify; }
.initial-consultation .initial-consultation-box-content ul{  width: 100%; padding: 0 0 15px; margin: 0; display: inline-block; }
.initial-consultation .initial-consultation-box-content ul li{ font-size: 16px; line-height: 24px; color: #002130; padding: 0; margin: 0; text-align: justify; }

.initial-consultation .initial-consultation-box-content a{ background-color: #ef4444; border-radius: 10px; border: 0; box-shadow: rgb(0, 0, 0) 0 -1px 3px 0 inset, rgba(255, 255, 255, 0.32) 0 3px 6px 0; box-sizing: border-box; color: #fff; display: inherit; font-size: 18px; font-weight: 700; line-height: 24px; margin: 0 15px 15px 0; padding: 10px 25px; position: relative; text-align: center; user-select: none; -webkit-user-select: none; touch-action: manipulation; vertical-align: baseline; transition: all .2s cubic-bezier(.22, .61, .36, 1); }
.initial-consultation .initial-consultation-box-content a:hover{ background-color: #ca3232; transform: translateY(-2px); }
.initial-consultation .initial-consultation-box-content a.active{ background: #001c54; width: 46%; }
.initial-consultation .initial-consultation-box-content a.active:hover{ background-color: #032e84; transform: translateY(-2px); }
.initial-consultation .initial-consultation-box-content a i{ padding: 0 10px 0 0;}

/*New Patients Frequently Asked Questions*/
.frequently{ width: 100%; display: inline-block; background: #fafafaa3; padding: 60px 0; margin: 0; position: relative; }
.frequently h2{ font-size: 34px; line-height: 40px; color: #002130; padding: 0; margin: 0; font-weight: bold; text-align: center;  }
.frequently p{ font-size: 16px; line-height: 24px; color: #002130; padding: 15px 0 30px; margin: 0; text-align: center;  }
.frequently .frequently-box-content{ width: 100%; padding: 0; margin: 0 0 30px; height: 130px; }
.frequently .frequently-box-content h4{ font-size: 22px; line-height: 34px; color: #002130; padding: 0 ; margin: 0; font-weight: bold; }
.frequently .frequently-box-content p{ font-size: 16px; line-height: 24px; color: #002130; padding: 10px 0 15px; margin: 0; text-align: justify; }
.frequently a{ background-color: #ef4444; border-radius: 10px; border: 0; box-shadow: rgb(0, 0, 0) 0 -1px 3px 0 inset, rgba(255, 255, 255, 0.32) 0 3px 6px 0; box-sizing: border-box; color: #fff; display: inherit; font-size: 18px; font-weight: 700; line-height: 24px; width: 48%; display: inline-block; margin: 0 15px 15px 0; padding: 10px 25px; position: relative; text-align: center; user-select: none; -webkit-user-select: none; touch-action: manipulation; vertical-align: baseline; transition: all .2s cubic-bezier(.22, .61, .36, 1); }
.frequently a:hover{ background-color: #ca3232; transform: translateY(-2px); }
.frequently a.active{ background: #001c54; width: 20%; }
.frequently a.active:hover{ background-color: #032e84; transform: translateY(-2px); }
.frequently a i{ padding: 0 10px 0 0;}

/*================Veneers Commit=================*/
.commit{ width: 100%; display: inline-block; background: #05034d; padding: 60px 0; margin: -30px 0 0; position: relative; text-align: center; }
.commit h2{ font-size: 34px; line-height: 40px; color: #fff; padding: 0; margin: 0; font-weight: bold; text-align: center;  }
.commit p{ font-size: 16px; line-height: 24px; color: #fff; padding: 15px 0 30px; margin: 0; text-align: center;  }
.commit a{ background-color: #ef4444; border-radius: 10px; border: 0; box-shadow: rgb(0, 0, 0) 0 -1px 3px 0 inset, rgba(255, 255, 255, 0.32) 0 3px 6px 0; box-sizing: border-box; color: #fff; display: inherit; font-size: 18px; font-weight: 700; line-height: 24px; width: 48%; display: inline-block; margin: 0 15px 15px 0; padding: 10px 25px; position: relative; text-align: center; user-select: none; -webkit-user-select: none; touch-action: manipulation; vertical-align: baseline; transition: all .2s cubic-bezier(.22, .61, .36, 1); }
.commit a:hover{ background-color: #ca3232; transform: translateY(-2px); }

/*The 3D Printing Process*/
.printing-process{ width: 100%; display: inline-block; background: #fff; padding: 60px 0; margin: 0; position: relative }
.printing-process .printing-process-image-box{ width: 100%; padding: 0; margin: 0; }
.printing-process .printing-process-image-box img{ width: 100%; }

.printing-process .printing-process-box-content{ width: 100%; padding: 0; margin: 0; }
.printing-process .printing-process-box-content h2{ font-size: 34px; line-height: 40px; color: #002130; padding: 0; margin: 0; font-weight: bold; }
.printing-process .printing-process-box-content p{ font-size: 16px; line-height: 24px; color: #002130; padding: 15px 0; margin: 0; text-align: justify; }

/*Advantages of 3D-Printed Veneers*/
.printed-veneers{ width: 100%; display: inline-block; background: #fafafaa3; padding: 60px 0; margin: 0; position: relative; }
.printed-veneers h2{ font-size: 34px; line-height: 40px; color: #002130; padding: 0 0 30px; margin: 0; font-weight: bold; text-align: center; }
.printed-veneers .printing-process-box-content{ width: 100%; padding: 15px; margin: 0 0 30px; border:1px solid #e8e8e8; display:inline-block; border-radius: 10px; }
.printed-veneers .printing-process-box-content img{ width: 30%; margin:0 auto; border-radius: 10px; display: block; }
.printed-veneers .printing-process-box-content h4{ font-size: 22px; line-height: 34px; color: #002130; padding: 15px 0 10px; margin: 0; text-align: center; font-weight: bold; }
.printed-veneers .printing-process-box-content p{ font-size: 16px; line-height: 24px; color: #002130; padding: 0; margin: 0; text-align: center; height: 170px; }


/*Schedule Your Consultation Today*/
.schedule-consultation{ width: 100%; display: inline-block; background: #f2f2f2; padding: 60px 0; margin: 0; position: relative; text-align: center; }
.schedule-consultation h2{ font-size: 34px; line-height: 40px; color: #002130; padding: 0; margin: 0; font-weight: bold; text-align: center;  }
.schedule-consultation p{ font-size: 16px; line-height: 24px; color: #002130; padding: 15px 0 30px; margin: 0; text-align: center;  }
.schedule-consultation a{ background-color: #ef4444; border-radius: 10px; border: 0; box-shadow: rgb(0, 0, 0) 0 -1px 3px 0 inset, rgba(255, 255, 255, 0.32) 0 3px 6px 0; box-sizing: border-box; color: #fff; display: inherit; font-size: 18px; font-weight: 700; line-height: 24px; width: 22%; display: inline-block; margin: 0 15px 15px 0; padding: 10px 25px; position: relative; text-align: center; user-select: none; -webkit-user-select: none; touch-action: manipulation; vertical-align: baseline; transition: all .2s cubic-bezier(.22, .61, .36, 1); }
.schedule-consultation a:hover{ background-color: #ca3232; transform: translateY(-2px); }










/*Counter*/
.counter{ width: 100%; display: inline-block; background: #fff; padding: 60px 0; margin: 0; position: relative; }
.counter .counter-box-color{ width: 100%; padding: 15px; margin: 0;  display: inline-block; border-radius: 15px; box-shadow: 0px 0 24px #001c54; background-image: linear-gradient(to right, #0c5475, #0082bc); background: #001c54; }
.counter .theme-counter{ display: block; justify-content: space-around; align-items: center; }
.counter .theme-counter .theme-counter-box{ width: 100%; padding: 10px 0; margin: 0 0 30px; transition: all 400ms ease-in-out; text-transform: uppercase;  }
.counter .theme-counter .theme-counter-box:hover{ webkit-transform: translateY(-15px);
-ms-transform: translateY(-10px);
transform: translateY(-10px); transition: all 400ms ease-in-out; }
.counter .theme-counter .theme-counter-box .value{ font-size: 50px; display: block; font-weight: bold; color: #03a9f4; }
.counter .theme-counter .theme-counter-box h4{ font-size: 20px; line-height: 26px; color: #fff; padding: 0; margin: 0; font-weight: bold; }
.counter .theme-counter .theme-counter-box h4 b{ font-size: 50px; display: block; font-weight: bold; color: #03a9f4; line-height: 60px; }
.counter .theme-counter .theme-counter-box h4 b span{ font-size: 20px; line-height: 26px; color: #fff; }
.counter .doctor-image{ width: 100%; padding: 130px 15px; margin: 0;  }
.counter .doctor-image img{ width: 100%; filter: drop-shadow(0px 15px 24px #083284); }

.counter .doctor-content{ width: 100%; padding: 0; margin: 0; }
.counter .doctor-content h5{ font-size: 16px; line-height: 18px; color: #03a9f4; padding: 0; margin: 0; }
.counter .doctor-content h2{ font-size: 34px; line-height: 40px; color: #fff; padding: 10px 0; margin: 0; }
.counter .doctor-content .heading-separator{ width: 60px; height: 4px; background-color: #eaeaea; position: relative; }
.counter .doctor-content .heading-separator span{ background-color: #03a9f4; content: ""; left: 0; position: absolute; bottom: 0; width: 30px; height: 4px; }
.counter .doctor-content p{ font-size: 16px; line-height: 24px; color: #fff; padding: 15px 0; margin: 0; text-align: justify; }
.counter .doctor-content a { background-color: #001c54; border-radius: 10px; border: 0; box-shadow: rgb(104, 153, 255) 0 -1px 3px 0 inset, rgba(1, 72, 216, 0.83) 0 3px 6px 0; box-sizing: border-box; color: #fff; display: inherit; font-size: 18px; font-weight: 700; line-height: 24px; margin: 0; padding: 10px 0; position: relative; text-align: center; user-select: none; -webkit-user-select: none; touch-action: manipulation; vertical-align: baseline; transition: all .2s cubic-bezier(.22, .61, .36, 1); width: 42%;  }

.counter .doctor-content a:hover { background-color: #002c83; transform: translateY(-2px); }

@media (min-width: 768px) {
  .button-66 {
    padding: 16px 44px;
    min-width: 150px;
  }
}

/*Why Choose Us*/
.why{ width: 100%; background: #001c54; background-size: cover; text-align:center; display: inline-block; padding: 50px 0; margin: 35px 0; box-shadow: 0px 0 24px #001c54; }
.why h5{ font-size: 16px; line-height: 18px; color: #03a9f4; padding: 0; margin: 0; }
.why h2{ font-size: 34px; line-height: 40px; color: #fff; padding: 10px 0; margin: 0; }
.why .heading-separator{ width: 60px; height: 4px; background-color: #eaeaea; position: relative; margin: 0 auto; }
.why .heading-separator span{ background-color: #03a9f4; content: ""; left: 0; position: absolute; bottom: 0; width: 30px; height: 4px; }
.why p{ font-size: 16px; line-height: 24px; color: #002130; padding: 15px 0; margin: 0; text-align: justify; }
.why .why-content-block{ width: 100%; padding: 15px; margin: 30px 0 0; background: #001c54; border-radius: 15px; height: 270px; box-shadow: 0px 0 15px #ffffff4a; }
.why .why-content-block .icon-block{ width: 20%; padding: 15px 0 0; margin: 0 auto; }
.why .why-content-block .icon-block img{ width: 100%; border: 2px solid #fff; border-radius: 60px; filter: drop-shadow(2px 2px 4px #d9d9d9ab); }
.why .why-content-block .why-dec-block{ width: 100%; padding: 20px 0 0; margin: 0; text-align: center; }
.why .why-content-block .why-dec-block h4{ font-size: 22px; line-height: 28px; color: #0a6bff; padding: 0 0 10px; margin: 0; font-weight: bold; height: 60px; }
.why .why-content-block .why-dec-block p{ font-size: 16px; line-height: 24px; color: #fff; padding: 0; margin: 0; text-align: center; font-weight: bold; }

/*Inner Why Start*/
.inner-why{ width: 100%; position: relative; background: #fff; padding: 60px 0; margin: 0; }
.inner-why .inner-why-content-block{ width: 100%; padding: 0; margin: 0; }
.inner-why .inner-why-content-block h5{ font-size: 16px; line-height: 18px; color: #03a9f4; padding: 0; margin: 0; }
.inner-why .inner-why-content-block h2{ font-size: 34px; line-height: 40px; color: #002130; padding: 10px 0; margin: 0; }
.inner-why .inner-why-content-block .heading-separator{ width: 60px; height: 4px; background-color: #eaeaea; position: relative; }
.inner-why .inner-why-content-block .heading-separator span{ background-color: #03a9f4; content: ""; left: 0; position: absolute; bottom: 0; width: 30px; height: 4px; }
.inner-why .inner-why-content-block p{ font-size: 16px; line-height: 24px; color: #002130; padding: 15px 0; margin: 0; text-align: justify; }
.inner-why .inner-why-image-block{  width: 100%; padding: 0; margin: 0; border: 1px solid #03a9f4; box-shadow: 0px 0 24px #001c54; border-radius: 0 306px; overflow: hidden; }
.inner-why .inner-why-image-block img{ width: 100%; }
.inner-why .inner-why-box-content{ width: 100%; padding: 0; margin: 30px 0 50px; display: inline-block; }
.inner-why .inner-why-box-content .inner-why-icon-block{ width: 15%; float: left; padding: 0; margin: 0; }
.inner-why .inner-why-box-content .inner-why-icon-block img{ width: 100%; border: 2px solid #fff; border-radius: 60px; filter: drop-shadow(2px 4px 6px #03a9f485); }
.inner-why .inner-why-box-content .inner-why-dec-block{ width: 85%; padding: 0 15px; margin: 0; float: right; }
.inner-why .inner-why-box-content .inner-why-dec-block h4{ font-size: 22px; line-height: 24px; color: #0a6bff; padding: 0 0 10px; margin: 0; font-weight: bold; }
.inner-why .inner-why-box-content .inner-why-dec-block p{ font-size: 16px; line-height: 24px; color: #002130; padding: 0; margin: 0; text-align: justify; font-weight: bold; }



/*Client Testimonial*/
.testimonial{ width: 100%; display: block; background: #fff; position: relative; padding: 50px 0; margin: 0; text-align: center;}
.testimonial h5{ font-size: 16px; line-height: 18px; color: #03a9f4; padding: 10px 0; margin: 0; }
.testimonial h2{ font-size: 34px; line-height: 40px; color: #002130; padding: 0; margin: 0; }
.testimonial .heading-separator{ width: 60px; height: 4px; background-color: #eaeaea; position: relative; margin: 0 auto; }
.testimonial .heading-separator span{ background-color: #03a9f4; content: ""; left: 0; position: absolute; bottom: 0; width: 30px; height: 4px; }


.testimonial .testimonial-box-content{ width: 100%; padding: 0; margin: 30px 0 0; }
.testimonial .testimonial-box-content .star-rating{ width: 100%; padding: 0; margin: 0; }
.testimonial .testimonial-box-content .star-rating ul{ padding: 0; margin: 0; }
.testimonial .testimonial-box-content .star-rating ul li{ display: inline-block; font-size: 20px; line-height: 24px; color: #ffcd00; padding: 0 5px; margin: 0; }
.testimonial .testimonial-box-content .star-rating ul li i{  }
.testimonial .testimonial-box-content p{ font-size: 16px; line-height: 24px; color: #002130; padding: 15px 0; margin: 0; }
.testimonial .testimonial-box-content h4{ font-size: 22px; line-height: 26px; font-weight: bold; color: #002130; padding: 0; margin: 0; }
.testimonial h3{ font-size: 16px; line-height: 24px; color: #002130; padding: 30px 0 40px; margin: 0; }
.testimonial h3 b{ color: #000; }
.testimonial h3 a{ color: #03a9f4; }
.testimonial a.review-btn{ background-color: #303234; border-radius: 10px; border: 0; box-shadow: rgb(0, 0, 0) 0 -1px 3px 0 inset, rgba(255, 255, 255, 0.32) 0 3px 6px 0; box-sizing: border-box; color: #fff; display: inherit; font-size: 18px; font-weight: 700; line-height: 24px; margin: 0 auto; padding: 10px 0; position: relative; text-align: center; user-select: none; -webkit-user-select: none; touch-action: manipulation; vertical-align: baseline; transition: all .2s cubic-bezier(.22, .61, .36, 1); width: 25%; }
.testimonial a.review-btn:hover { background-color: #ca3232; transform: translateY(-2px); }

/*FAQ*/
.faq{ width: 100%; background: #001c54; background-size: cover; display: inline-block; padding: 50px 0; margin: 35px 0; box-shadow: 0px 0 24px #001c54; }
.faq .faq-block-content{ width: 100%; padding: 0; margin: 0; }
.faq .faq-block-content h5{ font-size: 16px; line-height: 18px; color: #03a9f4; padding: 0; margin: 0; text-align: center; }
.faq .faq-block-content h2{ font-size: 34px; line-height: 40px; color: #fff; padding: 10px 0; margin: 0; text-align: center; }
.faq .faq-block-content .heading-separator{ width: 60px; height: 4px; background-color: #eaeaea; position: relative; margin: 0 auto; }
.faq .faq-block-content .heading-separator span{ background-color: #03a9f4; content: ""; left: 0; position: absolute; bottom: 0; width: 30px; height: 4px; }

.faq .faq-block-content .card {
  width: 100%;
  margin: 30px 0 0;
  border-radius: 2px;

}
  
.faq .faq-block-content .card article {
 position: relative;
  box-shadow: 0px 0 7px #fdefef82;
  transition: all .3s;
  border-top: 1px solid #03a9f4;
  padding: 0;
  margin: 0 0 15px;
  border-bottom: 1px solid #03a9f4;
  
  &.selected {
    transform: scale(1.1);
    box-shadow: 0 0 5px rgba(2, 2, 2, 0.4);
    z-index: 2;
  } 
}
  
.faq .faq-block-content .card article h3 {
  position: relative;
  background: #001c54;
  padding: 20px 75px 20px 30px;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  overflow: hidden;
  transition: background .3s;
  
  &:hover,
  .selected & {
    cursor: pointer;
    background: #002c83;
    color: #fff;
  }

  &:before,
  &:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -1px;
    margin-right: 30px;
    width: 20px;
    height: 2px;
    background: #fff;
    transition: transform .3s;
  }

  &:before {
    transform: rotate(0deg);
    animation: close-line-one-in .8s forwards;
    
    .selected & {
      animation: close-line-one-out .8s forwards;
    }
  }
  
  &:after {
    transform: rotate(90deg);
    animation: close-line-two-in .8s forwards;
    
    .selected & {
      animation: close-line-two-out .8s forwards;  
    }
  }

}
.faq .faq-block-content .card article h3 i{ font-size: 16px; line-height: 18px; padding: 0 10px 0 0; }
.faq .faq-block-content .card article .content {  
  opacity: 0;
  transform: translateY(20px);
  transition: all ease-out .4s .1s;
  
  .selected & {
    transform: translateY(0);
    opacity: 1;
  }
  
  .collapsed & {
    display: none;
  }
}

.faq .faq-block-content .card article .content p {
  padding: 25px 30px 40px;
  background: #E8EAF6;
  font-size: 16px;
  line-height: 24px;
  color: #000;
}


@keyframes close-line-one-out {
    0%, 50% {
      transform: translateX(0);
    }
    75% { 
      transform: translateX(50px);
    }
    76% { 
      transform: translateX(50px) translateY(50px);
    }
    100% { 
      transform: rotate(45deg);
    }
}

@keyframes close-line-one-in {
    0%, 20% {
      transform: rotate(45deg);
    }
    60% { 
      transform: translateX(50px) translateY(50px) rotate(45deg);
    }
    61% { 
      transform: translateX(50px);
    }
    100% { 
      transform: rotate(0deg);
    }
}

@keyframes close-line-two-out {
    0%, 50% { 
      transform: rotate(90deg);
    }
    75% { 
      transform: translateY(-50px) rotate(90deg);
    }
    76% {
      transform: translateY(-50px) translateX(50px) rotate(90deg);
    }
    100% { 
      transform: rotate(135deg);
    }
}

@keyframes close-line-two-in {
    0% { 
      transform: rotate(135deg);
    }
    50% { 
      transform: translateY(-50px) translateX(50px) rotate(135deg);
    }
    51% { 
      transform: translateY(-50px) rotate(90deg);
    }
    100% { 
      transform: rotate(90deg);
    }
}


/*Inner FAQ*/
.inner-faq{ width: 100%; position: relative; display: block; background: #fff; padding: 60px 0; margin: 0; }
.inner-faq .inner-faq-image-block{ width: 100%; padding: 0; margin: 0; border: 1px solid #03a9f4; box-shadow: 0px 0 24px #03a9f485; border-radius: 60px; overflow: hidden; }
.inner-faq .inner-faq-image-block img{ width: 100%; }
.inner-faq .inner-faq-content-block{ width: 100%; float: right; padding: 0; margin: 0; }
.inner-faq .inner-faq-content-block h5{ font-size: 16px; line-height: 18px; color: #03a9f4; padding: 0; margin: 0; }
.inner-faq .inner-faq-content-block h2{ font-size: 34px; line-height: 40px; color: #002130; padding: 10px 0; margin: 0; }
.inner-faq .inner-faq-content-block .heading-separator{ width: 60px; height: 4px; background-color: #eaeaea; position: relative;  }
.inner-faq .inner-faq-content-block .heading-separator span{ background-color: #03a9f4; content: ""; left: 0; position: absolute; bottom: 0; width: 30px; height: 4px; }

.inner-faq .inner-faq-content-block .card {
  width: 100%;
  margin: 30px 0 0;
  border-radius: 2px;
  background: white;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}
  
.inner-faq .inner-faq-content-block .card article {
  position: relative;
  box-shadow: 0px 0 24px #303234;
  transition: all .3s;
  background: #E8EAF6;
  border-top: 1px solid #fff;
  
  &.selected {
    transform: scale(1.1);
    box-shadow: 0 0 5px rgba(2, 2, 2, 0.4);
    z-index: 2;
  } 
}
  
.inner-faq .inner-faq-content-block .card article h3 {
  position: relative;
  background: #03a9f4;
  padding: 20px 75px 20px 30px;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  overflow: hidden;
  transition: background .3s;
  
  &:hover,
  .selected & {
    cursor: pointer;
    background: #ca3232;
    color: #fff;
  }

  &:before,
  &:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -1px;
    margin-right: 30px;
    width: 20px;
    height: 2px;
    background: #fff;
    transition: transform .3s;
  }

  &:before {
    transform: rotate(0deg);
    animation: close-line-one-in .8s forwards;
    
    .selected & {
      animation: close-line-one-out .8s forwards;
    }
  }
  
  &:after {
    transform: rotate(90deg);
    animation: close-line-two-in .8s forwards;
    
    .selected & {
      animation: close-line-two-out .8s forwards;  
    }
  }

}
.inner-faq .inner-faq-content-block .card article h3 i{ font-size: 16px; line-height: 18px; padding: 0 10px 0 0; }
.inner-faq .inner-faq-content-block .card article .content {  
  opacity: 0;
  transform: translateY(20px);
  transition: all ease-out .4s .1s;
  
  .selected & {
    transform: translateY(0);
    opacity: 1;
  }
  
  .collapsed & {
    display: none;
  }
}

.inner-faq .inner-faq-content-block .card article .content p {
  padding: 25px 30px 40px;
  background: #E8EAF6;
  font-size: 16px;
  line-height: 24px;
  color: #000;
}


@keyframes close-line-one-out {
    0%, 50% {
      transform: translateX(0);
    }
    75% { 
      transform: translateX(50px);
    }
    76% { 
      transform: translateX(50px) translateY(50px);
    }
    100% { 
      transform: rotate(45deg);
    }
}

@keyframes close-line-one-in {
    0%, 20% {
      transform: rotate(45deg);
    }
    60% { 
      transform: translateX(50px) translateY(50px) rotate(45deg);
    }
    61% { 
      transform: translateX(50px);
    }
    100% { 
      transform: rotate(0deg);
    }
}

@keyframes close-line-two-out {
    0%, 50% { 
      transform: rotate(90deg);
    }
    75% { 
      transform: translateY(-50px) rotate(90deg);
    }
    76% {
      transform: translateY(-50px) translateX(50px) rotate(90deg);
    }
    100% { 
      transform: rotate(135deg);
    }
}

@keyframes close-line-two-in {
    0% { 
      transform: rotate(135deg);
    }
    50% { 
      transform: translateY(-50px) translateX(50px) rotate(135deg);
    }
    51% { 
      transform: translateY(-50px) rotate(90deg);
    }
    100% { 
      transform: rotate(90deg);
    }
}


/*Photo Gallery*/
.photo-gallery-block{ width: 100%; display: block; position: relative; background: #fff; padding: 30px 0; margin: 0; }
.photo-gallery-block h5{ font-size: 16px; line-height: 18px; color: #03a9f4; padding: 0; margin: 0; }
.photo-gallery-block h2{ font-size: 34px; line-height: 40px; color: #002130; padding: 10px 0; margin: 0; }
.photo-gallery-block .heading-separator{ width: 60px; height: 4px; background-color: #eaeaea; position: relative; margin: 0 0 30px; }
.photo-gallery-block .heading-separator span{ background-color: #03a9f4; content: ""; left: 0; position: absolute; bottom: 0; width: 30px; height: 4px; }
.photo-gallery-block p{ font-size: 16px; line-height: 24px; color: #002130; padding: 15px 0; margin: 0; text-align: justify; }


.photo-gallery-block .gallery-box{ position: relative; width: 100%; padding: 0; border-radius: 15px; margin: 0 0 30px; float: left; border: 1px solid #03a9f4; height: 190px; overflow: hidden; -webkit-filter: grayscale(0%); filter: grayscale(50%); }
.photo-gallery-block .gallery-box img.pho-gall { width: 100%; height: 190px; }
.photo-gallery-block .gallery-box .view-caption { position: absolute; top:-140%; width: 100%; text-align: center; padding: 75px 0; -webkit-transition: .5s all; -moz-transition: .5s all; transition: .5s all; background: rgba(0, 0, 0, 0.82); }
.photo-gallery-block .gallery-box:hover .view-caption { top: 0%; height:100%; -webkit-filter: grayscale(100%); filter: grayscale(10%); }
.photo-gallery-block .gallery-box .view-caption p { background-color: #303234; border-radius: 10px; border: 0; box-shadow: rgb(0, 0, 0) 0 -1px 3px 0 inset, rgba(255, 255, 255, 0.32) 0 3px 6px 0; box-sizing: border-box; color: #fff; display: inherit; font-size: 18px; font-weight: 700; line-height: 24px; margin: 0 auto; padding: 10px 0; position: relative; text-align: center; user-select: none; -webkit-user-select: none; touch-action: manipulation; vertical-align: baseline; transition: all .2s cubic-bezier(.22, .61, .36, 1); width: 68%; }
/*Video-gallery*/
.video-gallery{ width: 100%; display: block; position: relative; background: #fff; padding: 30px 0; margin: 0; }
.video-gallery h5{ font-size: 16px; line-height: 18px; color: #03a9f4; padding: 0; margin: 0; }
.video-gallery h2{ font-size: 34px; line-height: 40px; color: #002130; padding: 10px 0; margin: 0; }
.video-gallery .heading-separator{ width: 60px; height: 4px; background-color: #eaeaea; position: relative; margin: 0 0 30px; }
.video-gallery .heading-separator span{ background-color: #03a9f4; content: ""; left: 0; position: absolute; bottom: 0; width: 30px; height: 4px; }
.video-gallery p{ font-size: 16px; line-height: 24px; color: #002130; padding: 15px 0; margin: 0; text-align: justify; }

.video-gallery .video-gallery-block{ width: 100%; padding: 0; margin: 0 0 30px; height: 190px; filter: grayscale(45%); }
.video-gallery .video-gallery-block iframe{ width: 100%; border: 1px solid #03a9f4; padding: 0; border-radius: 15px; height: 190px; }


/*Privacy Policy*/
.privacy{ width: 100%; display: block; position: relative; background: #fff; padding: 50px 0; margin: 0; }

.privacy h5{ font-size: 16px; line-height: 18px; color: #03a9f4; padding: 0; margin: 0; }
.privacy h2{ font-size: 34px; line-height: 40px; color: #002130; padding: 10px 0; margin: 0; }
.privacy .heading-separator{ width: 60px; height: 4px; background-color: #eaeaea; position: relative; margin: 0 0 15px; }
.privacy .heading-separator span{ background-color: #03a9f4; content: ""; left: 0; position: absolute; bottom: 0; width: 30px; height: 4px; }
.privacy p{ font-size: 16px; line-height: 24px; color: #002130; padding: 15px 0; margin: 0; text-align: justify; }

.privacy .privacy-block-dec{ width: 100%; padding: 0; margin: 0; }
.privacy .privacy-block-dec ul{ padding: 0; margin: 0; }
.privacy .privacy-block-dec ul li{ font-size: 16px; line-height: 20px; color: #000; padding: 10px 0; margin: 0; text-align: justify; }
.privacy .privacy-block-dec ul li b{ font-size: 18px; line-height: 20px; color: #000; }
.privacy ul{ padding: 0; margin: 0; }
.privacy ul li{ font-size: 16px; line-height: 20px; color: #000; padding: 10px 0; margin: 0; text-align: justify; }
.privacy ul li b{ font-size: 18px; line-height: 20px; color: #000; }
.privacy ul li a{ font-size: 16px; line-height: 18px; color: #FFBC13; transition: all 500ms ease-in-out; font-weight: 400; }
.privacy ul li a:hover{ color: #FFBC13; transition: all 500ms ease-in-out; }
.privacy .privacy-block-img{ width: 100%; padding: 15px; margin: 0; border: 1px solid #03a9f4;  }
.privacy .privacy-block-img img{ width: 100%; }


/*Contact Us Start*/
.contact{ width: 100%; position: relative; background: #fff; padding: 60px 0; margin: 0; display: inline-block; }
.contact .get-in-touch{ width: 100%; padding: 0; margin: 0; display: inline-block; }


.contact .get-in-touch h5{ font-size: 16px; line-height: 18px; color: #03a9f4; padding: 0; margin: 0; }
.contact .get-in-touch h2{ font-size: 34px; line-height: 40px; color: #002130; padding: 10px 0; margin: 0; }
.contact .get-in-touch .heading-separator{ width: 60px; height: 4px; background-color: #eaeaea; position: relative; }
.contact .get-in-touch .heading-separator span{ background-color: #03a9f4; content: ""; left: 0; position: absolute; bottom: 0; width: 30px; height: 4px; }
.contact .get-in-touch p{ font-size: 16px; line-height: 24px; color: #002130; padding: 15px 0; margin: 0; text-align: justify; }
.contact .get-in-touch form{ width: 100%; padding: 0; margin: 0; display: inline-block; }
.contact .get-in-touch form .fill-box{ width: 50%; float: left; padding: 0; margin: 0 0 30px; }
.contact .get-in-touch form .fill-box label{ font-size: 16px; line-height: 18px; color: #002130; padding: 0 0 10px; margin: 0; width: 100%; }
.contact .get-in-touch form .fill-box input{ border-radius: 10px; font-size: 16px; line-height: 18px; color: #000; padding: 10px 15px; width: 96%; border: 1px solid #03a9f4; outline: none; background: #fff; }
.contact .get-in-touch form .message{ width: 100%;  }
.contact .get-in-touch form .message textarea{ border-radius: 10px; font-size: 16px; line-height: 18px; color: #000; padding: 10px 15px; width: 98% !important; border: 1px solid #03a9f4; outline: none; background: #fff; height: 100px; }
.contact .get-in-touch form .submit-btn{ width: 100%; margin: 0; }
.contact .get-in-touch form .submit-btn input[type="submit"]{ background-color: #001c54; border-radius: 10px; border: 0; box-shadow: rgb(0, 0, 0) 0 -1px 3px 0 inset, rgba(255, 255, 255, 0.32) 0 3px 6px 0; box-sizing: border-box; color: #fff; display: inherit; font-size: 18px; font-weight: 700; line-height: 24px; margin: 0; padding: 10px 0; position: relative; text-align: center; user-select: none; -webkit-user-select: none; touch-action: manipulation; vertical-align: baseline; transition: all .2s cubic-bezier(.22, .61, .36, 1); width: 42%;  }

.contact .get-in-touch form .submit-btn input[type="submit"]:hover { background-color: #062970; transform: translateY(-2px); }

.contact .contact-now{ width: 100%; padding: 0; margin: 0; display: inline-block; }
.contact .contact-now h5{ font-size: 16px; line-height: 18px; color: #03a9f4; padding: 0; margin: 0; }
.contact .contact-now h2{ font-size: 34px; line-height: 40px; color: #002130; padding: 10px 0; margin: 0; }
.contact .contact-now .heading-separator{ width: 60px; height: 4px; background-color: #eaeaea; position: relative; }
.contact .contact-now .heading-separator span{ background-color: #03a9f4; content: ""; left: 0; position: absolute; bottom: 0; width: 30px; height: 4px; }
.contact .contact-now p{ font-size: 16px; line-height: 24px; color: #002130; padding: 15px 0; margin: 0; text-align: justify; }
.contact .contact-now ul{ display: inline-block; padding: 18px 0 0; margin: 0; width: 100%; }
.contact .contact-now ul li{ font-size: 16px; line-height: 18px; color: #002130; padding: 0 0 15px; margin: 0; }
.contact .contact-now ul li a{ color: #03a9f4; transition: all 400ms ease-in-out; }
.contact .contact-now ul li a:hover{ color: #ccc; transition: all 400ms ease-in-out; }
.contact .contact-now ul li i{ color: #03a9f4; padding: 0 10px 0 0; font-size: 16px; }

.contact .contact-now .contact-map{ width: 100%; height: 400px; padding: 15px; margin: 0; border: 1px solid #03a9f4; border-radius: 15px; }
.contact .contact-now .contact-map iframe{ width: 100%; height: 100%; border-radius: 10px; }


/*Footer Map*/
.footer-map{ width: 100%; display: inline-block; padding: 30px 0 60px; margin: 0;  position: relative; }
.footer-map h2{ font-size: 34px; line-height: 40px; color: #002130; padding: 10px 0; margin: 0; text-align: center; }
.footer-map .heading-separator{ width: 60px; height: 4px; background-color: #eaeaea; position: relative; margin:0 auto; }
.footer-map .heading-separator span{ background-color: #03a9f4; content: ""; left: 0; position: absolute; bottom: 0; width: 30px; height: 4px; }
.footer-map .map-box{ width: 100%; height: 400px; border: 1px solid #03a9f4; padding: 15px; margin: 30px 0 0; border-radius: 15px; box-shadow: 0px 0 24px #001c54; background: #001c54;  }
.footer-map .map-box iframe{ width: 100%; height: 100%; border-radius: 10px; }


/*footer*/
.footer{ width: 100%; position: relative; display: block; background: #68a1e936; background-size: cover; padding: 30px 0 50px; margin: 0; border-top: 1px solid #03a9f4; }
.footer .footer-about{ width: 100%; padding: 0; margin: 0; }
.footer .footer-about h4{ font-size: 22px; line-height: 26px; color: #001c54; padding: 5px 0; margin: 0; font-weight: bold; }
.footer .footer-about .heading-separator{ width: 60px; height: 4px; background-color: #fff; position: relative;  }
.footer .footer-about .heading-separator span{ background-color: #03a9f4; content: ""; left: 0; position: absolute; bottom: 0; width: 30px; height: 4px; }
.footer .footer-social .heading-separator{ width: 60px; height: 4px; background-color: #fff; position: relative;  }
.footer .footer-social .heading-separator span{ background-color: #03a9f4; content: ""; left: 0; position: absolute; bottom: 0; width: 30px; height: 4px; }
.footer .footer-about p{ width: 90%; font-size: 16px; line-height: 26px; color: #000; text-align: justify; padding: 15px 0; margin: 0; }
.footer .footer-about p i{ padding: 0 10px 0 0; }
.footer .footer-about a{ background-color: #ef4444;
  border-radius: 10px;
  text-transform: capitalize;
  border: 0;
  box-shadow: rgb(0, 0, 0) 0 -1px 3px 0 inset, rgba(255, 255, 255, 0.32) 0 3px 6px 0;
  box-sizing: border-box;
  color: #fff;
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  margin: 10px 0 0;
  padding: 10px 25px;
  position: relative;
  text-align: center;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: baseline;
  transition: all .2s cubic-bezier(.22, .61, .36, 1); }
.footer .footer-about a:hover { background-color: #ca3232; transform: translateY(-2px); }  
  .footer .footer-about a i{ padding: 0 10px 0 0;}
 .footer .footer-about a.active{ background: #001c54; }
.footer .footer-about a.active:hover{ background: #032e84; }

.footer .footer-social{ width: 100%; padding: 15px 0 0; margin: 0; }
.footer .footer-social h4{ font-size: 22px; line-height: 26px; color: #001c54; padding: 5px 0; margin: 0; font-weight: bold; }
.footer .footer-social ul{ padding: 15px 0 0; margin: 0; }
.footer .footer-social ul li{ display: inline-block;
  font-size: 16px;
  margin: 0 15px 0 0;
  border-radius: 10px;
  width: 47px;
  background: #001c54; }
.footer .footer-social ul li a{ color: #fff;
  padding: 15px;
  transition: all 500ms ease-in-out;
  text-align: center;
  width: 100%;
  display: inline-block;
  border-radius: 10px;
  box-shadow: rgba(0, 112, 255, 0.99) 0 -1px 3px 0 inset, rgba(0, 44, 97, 0.84) 0 3px 6px 0; }
.footer .footer-social ul li i{ color: #fff; }
.footer .footer-social ul li a:hover{ color: #fff; transition: all 500ms ease-in-out; }
.footer .footer-social ul li a:hover i{ color: #ef4444; transition: all 500ms ease-in-out; }

.footer .footer-about ul{ padding: 0; margin: 0; }
.footer .footer-about ul li{ padding: 15px 0 0; margin: 0; color: #000; font-size: 16px; line-height: 18px; width: 100%; }
.footer .footer-about ul li h5:hover{ font-style: italic; font-weight: bold; }
.footer .footer-about ul li h5{ color: #000; width: 100%; font-size: 16px; font-weight: 400; }
.footer .footer-about ul li h5 span{ text-align: right; float: right; font-weight: 400; font-size: 16px; color: #ef4444; padding: 0 60px;}
.footer .footer-about ul li i{ font-size: 16px; padding: 0 10px 0 0; }

.footer .footer-about .map{ width: 100%; height: 200px; border: 1px solid #03a9f4; padding: 10px; margin: 15px 0 0; }
.footer .footer-about .map iframe{ width: 100%; height: 100%; }

/*Copyright Start*/
.copyright{ width: 100%; background: #001c54; position: relative; padding: 10px 0; margin: 0; }
.copyright .just-link{ width: 100%; padding: 0; margin: 0; }
.copyright .just-link ul{ padding: 0; margin: 0; }
.copyright .just-link ul li{ font-size: 16px; line-height: 18px; display: inline-block; padding: 0 15px 0 0; margin: 0; }
.copyright .just-link ul li a{ color: #fff; transition: all 500ms ease-in-out; }
.copyright .just-link ul li a:hover{ color: #03a9f4; transition: all 500ms ease-in-out; }
.copyright p{ ont-size: 16px; line-height: 18px; color: #fff; text-align: right; padding: 0; margin: 0; }
.copyright p a{ color: #ef4444; }
.copyright p a:hover{ font-style: italic; }



/*----------------------------RESPONSIV - TAB/MOB----------------------------*/

/*Chek 768*/
@media(max-width: 768px){
.header { width: 100%; position: relative;}
.header-top-block .header-top-link ul { padding: 0; margin: 0; float: left;} 
.header-top-block .header-top-link ul li i { font-size: 11px; color: #fff; padding: 0 5px 0 0; }  
.header-top-block .header-top-link ul li { display: inline-block; font-size: 12px; line-height: 13px; color: #fff; padding: 0 14px 0 0 !important; margin: 0; border: none; } 
.header-top-block .header-top-link ul li i { font-size: 12px; color: #fff; padding: 0 8px 0 0; }  
.header-top-block .header-top-link ul { padding: 4px 0 0 0; margin: 0; float: left; }
.header-top-block .schedule { width: 100%; padding: 0; margin: 0; } 
.header-top-block .schedule a { background-color: #ef4444; border-radius: 10px; border: 0; box-shadow: none; box-sizing: border-box; color: #fff; display: inherit; font-size: 11px; font-weight: 700; line-height: 20px; margin: 0; padding: 4px 0;}
.header-bottom-block { width: 100%;position: relative; padding: 0; margin: 0;}
.header-top-block .header-top-link { width: 100%; padding: 0; margin: 0; }
.header-bottom-block .menu { width: 100%; text-align: center; padding: 0; margin: 0;}
.banner { width: 90%; position: relative; display: block; overflow: hidden; background: #fff; padding: 40px 0; margin: 0 auto; }
.banner .banner-box { width: 100%; display: block; margin: 15px auto 5px; border-radius: 15px; overflow: hidden; box-shadow: 0px 0 12px #30323447; }
.about .about-box { width: 100%; padding: 40px 10px; margin: 0; background: #001c54; display: inline-block; border-radius: 15px; box-shadow: 0px 0 24px #00000026; } 
.about { width: 100%; position: relative; background: #fff; padding: 10px 0; margin: 0 auto; display: inline-block; } 
.about .about-box .about-dec-block h5 { font-size: 15px; line-height: 18px; }
.about .about-box .about-dec-block h2 { font-size: 25px; line-height: 35px; color: #fff; padding: 5px 0; margin: 0; }
.about .about-box .about-dec-block p { font-size: 12px; line-height: 18px; color: #fffc; padding: 5px 0 6px; margin: 0; text-align: left; } 
.service { width: 100%; background: #001c54; display: inline-block; padding: 25px 0 100px; margin: 50px 0; box-shadow: 0px 0 24px #001c54; }  
.service h2 { font-size: 25px; line-height: 30px; color: #fff; padding: 8px 0; margin: 0; }
.service-content { width: 100%; display: inline-block; position: relative; padding: 0; margin: -130px 0 10px; }
.service-content .service-block h4 { font-size: 18px; line-height: 25px; color: #fff; padding: 15px 0; margin: 0; text-align: center; font-weight: bold; background: #032975; border-radius: 0 0 10px 10px; }
.counter .theme-counter .theme-counter-box h4 { font-size: 13px;line-height: 20px;}
.counter .theme-counter .theme-counter-box h4 b span { font-size: 13px;line-height: 20px;}
.counter .theme-counter .theme-counter-box h4 b { font-size: 25px; color: #03a9f4; line-height: 40px; }
.counter .doctor-content h2 { font-size: 25px; line-height: 35px; color: #fff; padding: 7px 0;}
.counter .doctor-content p { font-size: 13px; line-height: 22px; color: #ffffffd6; padding: 10px 0; margin: 0; text-align: justify; }
.footer .footer-about ul li h5 { color: #000; width: 100%; font-size: 14px; font-weight: 400; }
.footer .footer-about ul li h5 span { text-align: right; float: right; font-weight: 400; font-size: 12px; color: #ef4444; padding: 0; } 
.footer .footer-about h4 { font-size: 19px; line-height: 25px; color: #001c54; padding: 4px 0; margin: 0; font-weight: bold; }
.footer .footer-about p { width: 100%; font-size: 14px; line-height: 25px; color: #000; text-align: left; padding: 10px 0; margin: 0; }
.footer .footer-social h4 { font-size: 19px; line-height: 24px; color: #001c54; padding: 5px 0; margin: 0; font-weight: bold; }
.footer .footer-social ul li a { color: #fff; padding: 6px 2px; transition: all 500ms ease-in-out; text-align: center; width: 100%; display: inline-block; border-radius: 10px; box-shadow: rgba(0, 112, 255, 0.99) 0 -1px 3px 0 inset, rgba(0, 44, 97, 0.84) 0 3px 6px 0; }
.footer .footer-social ul li { display: inline-block; font-size: 10px; margin: 0 8px 0 0; border-radius: 10px; width: 30px; background: #001c54; }
.footer .footer-about a { color: #fff; display: inline-block; font-size: 14px; font-weight: 700; line-height: 20px; margin: 5px 0 0; padding: 5px 5px;}
.footer .footer-about ul li i { font-size: 12px; padding: 0 10px 0 10px; } 
.copyright p { font-size: 12px; line-height: 16px;} 
.copyright .just-link ul li { font-size: 13px; line-height: 15px; display: inline-block; padding: 0 10px 0 0; margin: 0; }
.faq .faq-block-content { width: 90%; padding: 0; margin: 0 auto; }
.faq .faq-block-content .card article { position: relative; box-shadow: 0px 0 7px #fdefef42; transition: all .3s; border-top: 1px solid #03a9f400; padding: 0; margin: 0 0 15px; border-bottom: 1px solid #03a9f400; }
.faq .faq-block-content .card article h3 { position: relative; background: #001c54; padding: 10px 55px 10px 14px; font-size: 14px; line-height: 22px; color: #ffffffd9; overflow: hidden; transition: background .3s; }


.inner-banner{padding: 100px 0; margin: 0 auto 30px;}
.inner-banner h2 { font-size: 40px; line-height: 35px; font-weight: bold; color: #fff; text-transform: uppercase; padding: 0 0 0 20px; margin: 0; border-left: 10px solid #ef4444; }
.smile-design { width: 100%; display: inline-block; background: #fff; padding: 30px 0;}
.smile-design h2 { font-size: 25px; line-height: 30px; color: #373737; padding: 0; margin: 0;}
.smile-design p { font-size: 15px; line-height: 24px; color: #002130c2; padding: 15px 0 30px; margin: 0; text-align: left; } 
.smile-design .smile-design-dec-box { width: 100%; padding: 5px;} 
.smile-design .smile-design-dec-box h4 { font-size: 16px; line-height: 25px; color: #002130; padding: 10px 0 5px;}
.smile-design .smile-design-dec-box p { font-size: 13px; line-height: 20px; color: #002130; padding: 0; margin: 0; text-align: center; height: 150px;}
.process h3 { font-size: 20px; line-height: 24px; color: #424141; padding: 0 0 20px;}
.process .process-box-content h4 { font-size: 15px; line-height: 20px; color: #002130; padding: 10px 0 10px;}
.process .process-box-content p { font-size: 13px; line-height: 20px; color: #002130c9; padding: 0; margin: 0; text-align: center; height: 100px;}
.benefits .benefits-dec-box h2 { font-size: 25px; line-height: 30px;}
.benefits .benefits-dec-box p { font-size: 13px; line-height: 20px; color: #002130ad; padding: 5px 0 10px; margin: 0; text-align: left; }
.benefits .benefits-dec-box ul li { font-size: 13px; line-height: 20px; color: #002130d1; padding: 5px 0 0; margin: 0; text-align: left; } 
.implants { width: 100%; display: inline-block; background: #fff; padding: 20px 0 20px;}
.implants .implants-box-content { width: 100%; padding: 10px; margin: 0 0 30px; border: 1px solid #e8e8e8ba; display: inline-block;}
.implants .implants-box-content h2 { font-size: 22px; line-height: 26px; color: #002130;}
.implants .implants-box-content p { font-size: 14px; line-height: 20px; color: #002130cc; padding: 10px 0 10px; margin: 0; text-align: left;}
.implants .implants-box-content ul li { font-size: 14px; line-height: 20px; color: #002130db; padding: 5px 0 0; margin: 0; text-align: left;}
.digital-dentures { width: 100%; display: inline-block; background: #fff; padding: 15px 0 10px;}
.digital-dentures .digital-dentures-box h4 { font-size: 17px; line-height: 20px; color: #002130db; padding: 5px 0 10px; margin: 0;}
.digital-dentures .digital-dentures-box p { font-size: 13px; line-height: 20px; color: #002130c7; padding: 0 0 15px; margin: 0; text-align: left;}
.digital-dentures .digital-dentures-box ul li { font-size: 13px; line-height: 20px; color: #002130; padding: 10px 0 0; margin: 0; text-align: left; }
.process h2 { font-size: 20px; line-height: 20px; color: #002130; padding: 0 0 20px;} 
.process .process-box-content h4 { font-size: 14px; line-height: 14px; color: #002130; padding: 0px 0 10px;}
.process .process-box-content ul li { font-size: 13px; line-height: 20px; color: #002130; padding: 5px 0 0; margin: 0; text-align: left; }
.process .process-box-content ul { width: 100%; padding: 0; margin: 0; display: inline-block; text-align: left; height: 250px; }   
.process .process-box-content h4 { font-size: 14px; line-height: 20px; color: #002130; padding: 0px 0 10px; height: auto !important;}
.price { width: 100%; display: inline-block; background: #fafafaa3; padding: 30px 0;} 
.price h2 { font-size: 20px; line-height: 30px; color: #002130; padding: 0 0 20px;}
.price .price-box-content { width: 100%; padding: 5px; margin: 0; border: 1px solid #e8e8e8b0; display: inline-block; border-radius: 10px;}
.price .price-box-content h4 { font-size: 15px; line-height: 25px; color: #002130;}
.price .price-box-content h3 { font-size: 25px; line-height: 30px; color: #002130; padding: 5px 0 10px;}
.price .price-box-content p { font-size: 14px; line-height: 22px; color: #002130d9; padding: 0; margin: 0; text-align: left; }
.contact .contact-now h2 { font-size: 20px; line-height: 30px; color: #002130; padding: 5px 0; margin: 0; }
.contact .get-in-touch h2 { font-size: 20px; line-height: 30px; color: #002130; padding: 5px 0; margin: 0; }  
.contact .get-in-touch p { font-size: 13px; line-height: 21px; color: #002130b8; padding: 15px 0; margin: 0; text-align: left; }
.contact .get-in-touch form .fill-box { width: 100%; float: left; padding: 0; margin: 0 0 10px; }
.contact .get-in-touch form .fill-box input { border-radius: 10px; font-size: 13px; line-height: 18px; color: #000; padding: 8px 10px; width: 96%; border: 1px solid #0526353d; outline: none; background: #fff;}
.contact .get-in-touch form .submit-btn input[type="submit"]{font-size: 15px;}


  
}

/*Chek 601*/
@media(max-width: 700px){
.header-top-block .header-top-link { width: 100%; padding: 0; margin: 0; display: inline-block; text-align: center; }
.header-top-block .header-top-link ul { padding: 0; margin: 0; float: none; text-align: center; }
.header-top-block .header-top-link ul li { font-size: 13px; line-height: 15px; padding: 0 15px 0 0 !important; }
.header-top-block .schedule a { background: none; border-radius: 0; border: 0; box-shadow: none; box-sizing: border-box; color: #ff0007; font-size: 14px; font-weight: 700; line-height: 20px; margin: 0; padding: 4px 0; display: inline-block; }
.header-top-block .schedule a:hover { color:#fff;}
.copyright .just-link ul { padding: 0; margin: 0; text-align: center; }

  
}

/*Chek 501*/
@media(max-width: 600px){
.copyright p { font-size: 12px; line-height: 16px; text-align: center; } 
    
}

/*Chek 450*/
@media(max-width: 500px){
    
}

/*Chek 420*/
@media(max-width: 450px){
    .counter .doctor-image {
  width: 100%;
  padding: 10px 15px;
  margin: 0;}
  .faq .faq-block-content h2 {
  font-size: 20px;
  line-height: 30px;}
  .contact .contact-now h2 {
    font-size: 15px;
    line-height: 30px;}
    .contact .contact-now ul li {
  font-size: 13px;
  line-height: 15px;
  color: #002130;
  padding: 0 0 10px;
  margin: 0; }
  .footer-map h2 {
  font-size: 20px;
  line-height: 30px;}
}

/*Chek 400*/
@media(max-width: 420px){
.header-top-block .header-top-link ul li {
    font-size: 11px;
    line-height: 19px;
    padding: 0 10px 0 0 !important;
  }
   .header-top-block .schedule a { font-size: 12px;}
  .inner-banner {
    padding: 60px 0;
    margin: 0 auto 30px;
  }
   .inner-banner h2 {
    font-size: 30px;
    line-height: 30px;}
}


/*Chek 380*/
@media(max-width: 380px){
    
}

/*Chek 350*/
@media(max-width: 360px){
    
}

/*Chek 300*/
@media(max-width: 320px){
    
}