:root {
  --white: #ffffff;
  --black: #000000;
  --grey: #f7f8f9;
  --green: #b0bc21;
  --orange: #ef8903;
  --light-blue: #9ec8fb;
  --bluish-grey: #d6e6f7;
  --primary-color: #005f8e;
  --primary-hover: #0a81bd;
  --secondary-color: #8b357e;
  --secondary-hover: #b64da6;
  --paragraph-color: #000000;

  --light-purple: #F1EAFF;
  --light-purple2: #DDD4FF;
  --light-blue: #DADEFF;
  --light-blue2: #E9ECFD;
}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0;	padding: 0;	border: 0; vertical-align: baseline; font-family: 'Poppins', sans-serif; font-weight: 400; list-style: none; color:var(--paragraph-color);}
* { box-sizing: border-box;}
a:focus,button:focus,input:focus,textarea:focus { outline:0; text-decoration:none;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; -webkit-font-smoothing:antialiased; margin-bottom:15px; line-height: normal; line-height: 1.2; font-weight: 600; font-family: 'Hanimation_Arabic_Regular';}
h1 { font-size: 65px;}
h2 { font-size: 45px; color: var(--primary-color);}
h2 span { color: var(--secondary-color); font-weight: 600; font-family: 'Hanimation_Arabic_Regular';}
h3 { font-size: 35px; color: var(--primary-color);}
h3 span { color: var(--secondary-color); font-weight: 600; font-family: 'Hanimation_Arabic_Regular';}
h4 { font-size: 25px;}
a { color:#018aff; text-decoration:none; transition:all ease-out .3s; -webkit-transition:all ease-out .3s; -moz-transition:all ease-out .3s;-ms-transition:all ease-out .3s; -o-transition:all ease-out .3s;}
a:hover { text-decoration:none;color:#3b90ff;}
label { font-weight:400;margin:0;}
p { font-size: 16px; line-height: 24px; color: var(--paragraph-color); margin:0; padding:0; font-weight: 400; margin-bottom:15px; font-family: 'Hanimation_Arabic_Regular';}
li,ol,ul { list-style:none; margin:0; padding:0;}
focus { outline:0;}

/*========================== Commen styles ========================*/
.primary-btn { display: inline-block; background: var(--secondary-color); color: var(--white); font-size: 17px; font-weight: 600; padding: 17px 45px; line-height: 22px; transition: all ease-out 0.3s; position: relative; overflow: hidden; border-radius: 10px; border: none;}
.primary-btn span { position: relative; z-index: 2; color: var(--white); font-size: 17px; font-weight: 600;}
.primary-btn::after { content: ''; width: 0; height: 100%; display: block; background: var(--secondary-hover); position: absolute; left: 0; top: 0; transition: all ease-out 0.3s;}
.primary-btn:hover { background: var(--secondary-hover); color: var(--white);}
.primary-btn:hover::after { width: 100%;}

.secondary-btn { display: inline-block; padding: 15px 30px; background: var(--grey); color: var(--black); text-align: center; font-size: 12px; font-weight: 500; line-height: 16px; transition: all ease-out 0.3s; letter-spacing: 1px; text-transform: uppercase;}
.secondary-btn:hover { background: var(--black); color: var(--grey);}

section { display: block; padding: 80px 0;}
/*========================== Commen styles ========================*/

.header { display: block; width: 100%; height: auto; position: absolute; top: 0; left: 0; z-index: 2; padding: 25px 0;}
.header .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.logo { max-width: 109px; width: 100%; display: block; margin-left: 115px;}
.logo a { display: inline-block;}
.logo a img { display: block;}
.header-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.header-right li { margin-right: 35px;}
.header-right li a { color: var(--white); display: block; padding-left: 78px; position: relative; min-height: 56px;}
.header-right li a p { color: var(--white); font-size: 25px; font-weight: 500; margin-bottom: 0;}
.header-right li a p strong { display: block; color: var(--white); font-size: 16px; padding-bottom: 7px;}
.header-right li a .icon { width: 56px; height: 56px; border-radius: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; left: 0; top: 0;}
/* .header-right li.header-call .icon { background: var(--primary-color);}
.header-right li.header-mail .icon { background: var(--green);} */

.home-page { overflow: hidden;}

.banner {  display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; align-items: end; min-height: 858px; background-size: cover !important; background-repeat: no-repeat !important; background-position: center top !important; position: relative; background: #8b1874; background: rgb(139,24,116);  background: linear-gradient(270deg, rgba(139,24,116,1) 50%, rgba(29,38,125,1) 50%);}
.banner .container { position: relative;}
.banner-cont { display: block;}
.banner-img { display: flex; justify-content: end;}
.banner-img img { display: block;}

.banner-cont { display: flex; justify-content: space-between; align-items: flex-start; width: 100%; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; padding: 0 15px; z-index: 2;}
.banner-text { padding-left: 115px; position: relative; max-width: 480px; padding-top: 100px; text-align: right;}
.first-text { display: block; font-size: 28px; font-weight: 300; color: var(--primary-color); line-height: 1.1;}
/* .banner-text h1 { font-weight: 600; color: var(--white); line-height: 1.3; font-family: 'Acme', sans-serif; font-size: 60px}
.banner-text h1 span { color: var(--green); font-weight: 600; font-family: 'Acme', sans-serif; display: block;} */

.appointment-form { display: block; padding: 35px 35px 25px 35px; background: var(--white); border-radius: 10px; max-width: 436px; width: 100%; position: relative; margin-right: 35px; position: relative;}
.appointment-form h2 { text-align: center; color: var(--primary-color); font-weight: 700; font-size: 28px;}
.appointment-form p { color: var(--primary-color); text-align: center; font-size: 16px; line-height: 1.3; text-align: center; padding-bottom: 25px;}
.enquiry-input { display: block; width: 100%; height: 57px; background: #f5f7fd; padding: 0 30px; margin-top: 15px; border: none; border-radius: 10px; color: #7b808f;  }
.enquiry-input:focus { outline: none;}
.appointment-form .primary-btn { margin-top: 18px; display: block; text-align: center; width: 100%;}
/* .appointment-form::before { content: ''; width: 126px; height: 126px; display: block; border-radius: 100%; position: absolute; right: -95px; top: 30px; background: rgb(195,16,158); background: linear-gradient(0deg, rgba(195,16,158,1) 19%, rgba(29,38,125,0) 100%);}
.appointment-form::after { content: ''; width: 79px; height: 79px; display: block; border-radius: 100%; position: absolute; right: -40px; bottom: -30px; background: rgb(195,16,158); background: linear-gradient(0deg, rgba(195,16,158,1) 19%, rgba(29,38,125,0) 100%);} */

::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #7b808f; font-size: 16px;}
::-moz-placeholder { /* Firefox 19+ */ color: #7b808f; font-size: 16px;}
:-ms-input-placeholder { /* IE 10+ */ color: #7b808f; font-size: 16px;}
:-moz-placeholder { /* Firefox 18- */ color: #7b808f; font-size: 16px;}

.stats-block { display: block; border-bottom: 1px solid #d6e6f7; position: relative; z-index: 2;}
.stats-list { display: flex; justify-content: center; flex-wrap: wrap; max-width: 1160px; margin: auto;}
.stats-list li { display: block; position: relative; padding: 35px 32px; padding-right: 115px; width: 25%;}
.stats-list li .icon { display: block; position: absolute; left: 65%; top: 35px; border-radius: 100%; background: var(--bluish-grey); width: 70px; height: 70px;}
.stats-list li .icon img { display: inline-block; position: absolute; right: -3px; top: -3px;}
.stats-list li .hover-bg { width: 100%; height: 112%; display: block; position: absolute; left: 0; top: -20px; background: var(--secondary-color); z-index: -1; opacity: 0; transition: all ease-out 0.3s; border-radius: 10px; margin-bottom: -20px;}
.stats-list li .hover-bg::before { content: ''; width: 45px; height: 45px; display: block; border-radius: 100%; position: absolute; left: 15px; bottom: 15px; background: rgb(195,16,158); background: linear-gradient(0deg, rgba(195,16,158,1) 19%, rgba(29,38,125,0) 95%);}
.stats-list li .hover-bg::after { content: ''; width: 31px; height: 31px; display: block; border-radius: 100%; position: absolute; right: 15px; top: 15px; background: rgb(195,16,158); background: linear-gradient(0deg, rgba(195,16,158,1) 19%, rgba(29,38,125,0) 95%);}
.stats-list li h3 { color: var(--secondary-color); margin-bottom: 5px; text-align: right;}
.stats-list li h3 span { font-weight: 600; color: var(--secondary-color);}
.stats-list li p { font-size: 16px; font-weight: 500; color: var(--primary-color); text-align: right;}
.stats-list li:hover .hover-bg { opacity: 1;}
.stats-list li:hover h3,
.stats-list li:hover h3 span,
.stats-list li:hover p { color: var(--white);}

.expertise-block { display: block; min-height: 1312px; position: relative; background: rgb(228,238,251); background: linear-gradient(0deg, rgba(228,238,251,1) 3%, rgba(255,255,255,1) 100%); position: relative;}
.expertise-block::after { content: ''; width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; right: 0; margin: auto; background: url(../img/expertise-bg.webp) no-repeat center top;}
.pediatric-dentistry-block { display: block; position: relative; z-index: 2;}
.pediatric-dentistry-text { display: block; text-align: right;}
.pediatric-dentistry-text h2 { margin-bottom: 30px; line-height: 1.3;}
.pediatric-dentistry-text h2 span { display: block;}
.pediatric-dentistry-text p { margin-bottom: 20px; line-height: 1.6;}
.pediatric-dentistry-img { display: block; margin-left: -75px; margin-right: -75px;}

.fun-filled-environment { display: block; position: relative; z-index: 2; min-height: 556px; padding-bottom: 70px;}
.fun-filled-environment::before { content: ''; max-width: 1688px; width: 100%; height: 556px; display: block; position: absolute; left: 80px; bottom: 0; right: 0; margin: auto; background: url(../img/fun-filled-environment.webp) no-repeat center top;}
.fun-filled-environment .container { position: relative; z-index: 2; margin-top: -70px; margin-top: -130px;}
.fun-filled-img { display: block; margin-right: -35px;}
.fun-filled-text { display: block; margin-left: -20px; text-align: right;}
.fun-filled-text h1 { font-family: 'autumn_in_novemberregular'; font-size: 76px; color: var(--green); font-weight: normal;}
.fun-filled-text h2 { font-size: 35px; text-align: right;}
.fun-filled-text h2 span { font-size: 35px; display: block;}

.commen-head { display: block; max-width: 915px; text-align: center; margin: auto; background: url(../img/fav-avatar.webp) no-repeat center center;}
.commen-head p { font-size: 19px; line-height: 1.6; color: var(--paragraph-color);}
.commen-head h3 { color: var(--primary-color); font-weight: 500; font-size: 25px;}

.why-choose-block { display: block;}
.why-choose-block .commen-head { display: flex; flex-direction: column; justify-content: center; min-height: 365px;}
.why-choose-item { display: block; background: #ffffff; box-shadow: 4px 7px 18px 0 #00000013; margin: 20px;}
.why-choose-block .owl-carousel { margin-top: -50px;}
/* .why-choose-block .owl-carousel .owl-stage-outer { overflow: unset;} */
.why-choose-block .owl-carousel .owl-stage { padding-left: 0 !important; display: -webkit-box; display: -ms-flexbox; display: flex;}
.why-choose-block .container { max-width: 1110px;}
.choose-body { display: block; padding: 15px 55px 35px 55px;}
.choose-body h3 { margin-bottom: 5px; text-align: center; font-family: 'Acme', sans-serif; font-size: 26px;}
.choose-body h3 span { font-family: 'Acme', sans-serif;}

.why-choose-block .owl-nav { display: flex; justify-content: center; margin-top: 20px;}
.why-choose-block .owl-nav button { border: none; background: var(--green); margin: 0 7px;}
.why-choose-block .owl-nav button span { background: var(--primary-color); color: var(--white); font-size: 32px; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; border-radius: 100%; transition: all ease-out 0.3s;}
.why-choose-block .owl-nav button:hover span { background: var(--secondary-color);}

.round-element { width: 126px; height: 126px; display: block; border-radius: 100%; position: absolute; left: 0; top: 0; background: rgb(195,16,158); background: linear-gradient(0deg, rgba(195,16,158,1) 19%, rgba(29,38,125,0) 100%);}

/* .location-orthodontics-block { display: block; background: rgb(139,24,116); background: linear-gradient(90deg, rgba(139,24,116,1) 50%, rgba(29,38,125,1) 50%); position: relative;} */
/* .location-orthodontics-left { display: block; padding: 120px 220px 120px 50px; position: relative; min-height: 576px; height: 100%;}
.location-orthodontics-left h2 { color: var(--white); font-size: 35px; font-weight: 300; margin-bottom: 0; line-height: 1; position: relative; z-index: 2;}
.location-orthodontics-left h3 { color: var(--white); font-size: 26px; position: relative; z-index: 2;}
.location-orthodontics-left h3 span { display: block; color: var(--white); font-size: 52px;}
.location-orthodontics-left p { color: #eeeeee; font-size: 17px; line-height: 1.7; position: relative; z-index: 2;}
.convenient-location { display: inline-block; position: absolute; right: -11px; bottom: 0;}
.convenient-location img { display: block;}
.location-orthodontics-left .round-element { width: 188px; height: 188px; left: -70px; top: 20px;}
.location-orthodontics-left .round-element.second { width: 76px; height: 76px; left: 30%; bottom: 40px; top: inherit;}
.location-orthodontics-left .primary-btn { background: var(--primary-color);} */
/* .location-orthodontics-left .primary-btn:hover { background: var(--primary-hover);}
.location-orthodontics-left .primary-btn:hover::after { background: var(--primary-hover);} */

/* .orthodontics-right { position: relative; display: block; height: 100%;}
.location-orthodontics-right { display: block; padding: 120px 0px 120px 50px; min-height: 576px; position: relative; max-width: 420px; z-index: 2;}
.location-orthodontics-right h2 { color: var(--white); font-size: 35px; font-weight: 300; margin-bottom: 0; line-height: 1; position: relative; z-index: 2;}
.location-orthodontics-right h3 { color: var(--white); font-size: 26px; position: relative; z-index: 2; margin-bottom: 30px;}
.location-orthodontics-right h3 span { display: block; color: var(--white); font-size: 52px;}
.location-orthodontics-right p { color: #eeeeee; font-size: 17px; line-height: 1.7; position: relative; z-index: 2; margin-bottom: 27px;}
.location-orthodontics-right .round-element { width: 188px; height: 188px; left: 0; top: inherit; bottom: 70px;}
.location-orthodontics-right .round-element.second { width: 76px; height: 76px; left: 0; top: 40px; bottom: inherit; right: 0; margin: auto;} */

/* .services-treatment-block { display: block; min-height: 813px; background-size: cover !important; background-repeat: no-repeat !important; background-position: center top !important;}
.services-treatment-slider { position: relative; z-index: 2;}
.services-treatment-slider .owl-stage { display: flex;}
.services-treatment-slider .owl-stage .owl-item { padding: 15px;}
.services-treatment-item { display: block; background: var(--white); height: 100%; border-radius: 10px; overflow: hidden; box-shadow: 4px 7px 13px 0 #00000011;}
.treatment-head { display: block;}
.treatment-body { display: block; text-align: center; padding: 70px 20px 45px 20px; position: relative;}
.treatment-body p { margin: 0; font-size: 25px; color: var(--black); line-height: 1.4;}
.treatment-body .icon { width: 104px; height: 104px; border-radius: 100%; padding: 20px; display: flex; justify-content: center; align-items: center; position: absolute; left: 0; top: -55px; right: 0; margin: auto;}
.services-treatment-slider .owl-stage .owl-item:nth-child(3n+2) .treatment-body .icon { background: rgb(29,38,126); background: linear-gradient(0deg, rgba(29,38,126,1) 10%, rgba(46,63,222,1) 100%);}
.services-treatment-slider .owl-stage .owl-item:nth-child(3n+3) .treatment-body .icon { background: rgb(140,24,116); background: linear-gradient(0deg, rgba(140,24,116,1) 10%, rgba(192,38,162,1) 100%);}
.services-treatment-slider .owl-stage .owl-item:nth-child(3n+1) .treatment-body .icon { background: rgb(175,187,33); background: linear-gradient(0deg, rgba(175,187,33,1) 10%, rgba(123,133,8,1) 100%);}
.services-treatment-slider .owl-nav { display: flex; justify-content: center; margin-top: 25px;}
.services-treatment-slider .owl-nav button { border: none; background: var(--primary-color); margin: 0 7px;}
.services-treatment-slider .owl-nav button span { background: var(--primary-color); color: var(--white); font-size: 32px; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; border-radius: 100%; transition: all ease-out 0.3s;}
.services-treatment-slider .owl-nav button:hover span { background: var(--secondary-color);}
.service-treatment-head { margin-bottom: 45px; position: relative; z-index: 2;} */

.dentist-block { display: block; min-height: 813px; background-repeat: no-repeat !important; background-position: center top !important;}
.dentist-box { display: block; text-align: center;}
.dentist-box-image { display: block;}
.dentist-box-image img { display: block; margin: auto;}
.dentist-box-body { display: block; padding-top: 20px;}
.dentist-box-body h3 { font-size: 22px; font-weight:600; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.dentist-box-body p { font-size: 15px; line-height: 1.3; color: var(--primary-color); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.dentist-box-body p strong {font-family: 'Hanimation_Arabic_Regular'; font-weight: 500; color: var(--primary-color); display: block; padding-bottom: 4px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-size: 18px;}

.dentist-mobile { display: block;}
.dentist-mobile .owl-carousel .owl-item img { width: auto;}
.dentist-mobile .owl-carousel .owl-stage { display: flex;}
.dentist-mobile .owl-dots { display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.dentist-mobile .owl-dots button { display: block; width: 6px; height: 6px; display: block; border-radius: 100%; background: #cccccc; margin: 0 3px;}
.dentist-mobile .owl-dots button.active { background: var(--primary-color);}
.dentist-mobile .dentist-box-body { padding-top: 0;}

.gallery-block { display: block;}
.gallery-item { display: block; position: relative;}
.gallery-item::before { content: ''; width: 100%; height: 0; display: block; background: var(--secondary-color); position: absolute; bottom: 0; left: 0; right: 0; margin: auto; opacity: 0.5; transition: all ease-out 0.3s;}
.gallery-item:hover { cursor: pointer;}
.gallery-item:hover::before { height: 100%;}
.gallery-item::after { content: ''; width: 64px; height: 64px; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; transition: all ease-out 0.3s; background: url(../img/search.svg) no-repeat center center #ffffff; border-radius: 100%; background-size: 20px; opacity: 0;}
.gallery-item:hover::after { opacity: 1;}
.gallery-block .owl-nav { display: flex; justify-content: space-between; margin-top: 25px; position: absolute; z-index: 3; width: 100%;}
.gallery-block .owl-nav button { border: none; background: var(--primary-color); margin: 0 7px; position: absolute; bottom: 200px;}
.gallery-block .owl-nav button.owl-prev { left: 0;}
.gallery-block .owl-nav button.owl-next { right: 0;}
.gallery-block .owl-nav button span { background: var(--primary-color); color: var(--white); font-size: 32px; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; border-radius: 100%; transition: all ease-out 0.3s; border: 2px solid var(--white);}
.gallery-block .owl-nav button:hover span { background: var(--secondary-color);}


/* .testimonials-block { display: block; background: url(../img/testimonials-bubbles.webp) no-repeat center top var(--secondary-color);}
.testimonials-block h2 { color: var(--white);}
.testimonials-block .owl-stage { display: flex;}
.testimonials-block .owl-stage .owl-item { padding-top: 22px; background: var(--light-blue);}
.testimonials-block .owl-item img { width: auto;}
.testimonials-item { height: 100%; background: #e3f0ff; -webkit-border-top-left-radius: 50px; -moz-border-radius-topleft: 50px; border-top-left-radius: 50px; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between;}
.testimonials-body { display: block; padding: 45px 25px 55px 135px; position: relative;}
.testimonials-body::before { content: ''; width: 142px; height: 122px; display: block; position: absolute; left: 25px; top: 25px; background: url(../img/comma.webp) no-repeat left top;}
.testimonials-body p { color: #134173; font-size: 18px; font-weight: 600; z-index: 2; position: relative;}
.testimonials-footer { display: block; padding: 50px 0; padding-left: 230px; position: relative; background: var(--primary-color);}
.testimonials-footer h3 { font-size: 22px; margin-bottom: 0; color: var(--light-blue);}
.testimonials-footer img { display: block; position: absolute; left: 0; bottom: 0;}
.testimonials-block .testimonials-slider { max-width: 90%; margin: auto;}

.testimonials-block .owl-nav { display: flex; justify-content: space-between; margin-top: 25px; position: absolute; z-index: 3; width: 100%;}
.testimonials-block .owl-nav button { border: none; background: var(--primary-color); margin: 0 7px; position: absolute; bottom: 200px;}
.testimonials-block .owl-nav button.owl-prev { left: -30px;}
.testimonials-block .owl-nav button.owl-next { right: -30px;}
.testimonials-block .owl-nav button span { background: var(--primary-color); color: var(--white); font-size: 32px; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; border-radius: 100%; transition: all ease-out 0.3s; border: 2px solid var(--white);}
.testimonials-block .owl-nav button:hover span { background: var(--secondary-color);} */

/* .testimonials-block .owl-carousel .owl-stage-outer { overflow: unset;} */
/* .testimonials-block .owl-carousel .owl-stage { padding-left: 0 !important; display: -webkit-box; display: -ms-flexbox; display: flex;} */

/* .partners-block { display: block;}
.partners-block .owl-carousel .owl-item img { width: auto;}
.partners-item { display: flex; justify-content: center; align-items: center; text-align: center;}
.partners-item img { display: block;}
.partners-block .owl-carousel .owl-stage { display: flex; align-items: center;}
.partners-block .owl-dots { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin-top: 15px;}
.partners-block .owl-dots button { display: block; width: 6px; height: 6px; display: block; border-radius: 100%; background: #cccccc; margin: 0 3px;}
.partners-block .owl-dots button.active { background: var(--primary-color);} */

.footer-map { display: block; overflow: hidden; border-radius: 10px; text-align: center;}
.footer-map img { display: block;}
.footer-map iframe { width: 100%; height: 242px;}

.header-contact li a { padding-left: 50px; min-height: 36px; color: var(--black);}
.header-contact li a p { font-size: 16px; min-height: 36px; display: flex; flex-wrap: wrap; align-items: center; color: var(--black);}
.header-contact li a p span { color: var(--black);}
.header-contact li a .icon { width: 36px; height: 36px; padding: 10px; border: 1px solid var(--primary-color); background: var(--white); transition: all ease-out 0.3s; overflow: hidden;}
.header-contact li a .icon i { color: var(--secondary-color); font-size: 18px; position: relative; z-index: 2;}
.header-contact li a .icon::before { content: ''; width: 0; height: 100%; display: block; background: var(--secondary-color); position: absolute; left: 0; top: 0; transition: all ease-out 0.3s;}
.header-contact li a:hover .icon { border-color: var(--secondary-color);}
.header-contact li a:hover .icon::before { width: 100%;}
.header-contact li a:hover .icon i { color: var(--white);}

.full-detail .dentist-box-body h3 { -webkit-line-clamp: 4;}
.full-detail .dentist-box-body p { -webkit-line-clamp: 4;}
.full-detail .dentist-box-body p strong { -webkit-line-clamp: 4;}
/* .footer-main .header-right li.header-call.whatsapp .icon { background: #b0bc21;} */

.award-text { color: var(--white); margin-bottom: 0;}
.footer-map iframe { width: 100%; height: 240px; display: block;}

.orthodontics-block{background: linear-gradient(0deg, rgba(228,238,251,1) 3%, rgba(255,255,255,1) 100%);}


.arabic-version .header-contact li a p span { font-family: 'Hanimation_Arabic_Regular';}
.arabic-version .first-text { font-family: 'Hanimation_Arabic_Regular';}
.arabic-version .banner-text h1,
.banner-text h1 span { font-family: 'Hanimation_Arabic_Regular';}
.appointment-form .primary-btn,
.stats-list li p,
.pediatric-dentistry-text h2,
.pediatric-dentistry-text h2 span,
.pediatric-dentistry-text p,
.fun-filled-text h2,
.fun-filled-text h2 span,
.fun-filled-text p,
.commen-head h2,
.commen-head h2 span,
.commen-head p,
.commen-head h3,
.choose-body h3,
.choose-body h3 span,
.appointment-form h2,
.appointment-form p,
.location-orthodontics-left h2,
.location-orthodontics-left h3,
.location-orthodontics-left p,
.primary-btn span,
.enquiry-input { font-family: 'Hanimation_Arabic_Regular';}

.full-detail .dentist-box-body p strong { font-family: 'Hanimation_Arabic_Regular';}

.location-orthodontics-left,
.location-orthodontics-right,
.testimonials-body { text-align: right;}
.location-orthodontics-right { max-width: 360px;}
.testimonials-footer { padding-right: 25px; text-align: right;}
.enquiry-input { text-align: right;}

.location-orthodontics-left h2,
.location-orthodontics-left h3,
.location-orthodontics-left p,
.location-orthodontics-left .primary-btn { position: relative; z-index: 2;}

.why-choose-block .owl-carousel { margin-top: 0;}
.new-para { display: block; max-width: 1140px; margin: auto; text-align: center;}
.why-choose-block .commen-head { min-height: auto; padding: 70px 0 20px;}

.orthodontics-block { text-align: right;}

.modal-title {
  font-size: 30px;
  width: 100%;
  text-align: right;
}



.enquire-btn { display: inline-block; background: #fff; color:var(--primary-color) !important; font-size: 14px; font-weight: 600; padding: 10px 18px !important; line-height: 22px; transition: all ease-out 0.3s; position: relative; overflow: hidden; border-radius: 30px; border: 1px solid var(--primary-color) !important;}
.modal-title{font-size: 30px;}
.enquire-btn:hover { background-color: inherit !important; border: 1px solid #fff !important; color: #fff !important;}

.light-purple { background: var(--light-purple) !important;}
.light-purple2 { background: var(--light-purple2) !important;}
.light-blue { background: var(--light-blue) !important;}
.light-blue2 { background: var(--light-blue2) !important;}
.blue-bg { background: var(--primary-color) !important;}

.enquire-btn { font-family: 'Cocola' !important; position: relative; overflow: hidden; border-color: var(--primary-color); font-size: 16px; letter-spacing: 0.5px;}
.enquire-btn::before { content: ''; width: 0; height: 100%; display: block; background: var(--secondary-color); position: absolute; left: 0; top: 0; transition: all ease-out 0.3s;}
.enquire-btn span { position: relative; z-index: 2;}
.enquire-btn:hover::before { width: 100%;}
.enquire-btn:hover span { color: var(--white);}

.banner { background: var(--light-purple) !important;}
.stats-block { background: var(--light-purple2) !important;}
.expertise-block { background: var(--light-blue2) !important;}
.why-choose-block { background: var(--light-purple2) !important;}
.services-treatment-block { background: var(--light-purple2) !important;}
.dentist-block { background: var(--light-blue) !important;}
.testimonials-block { background: var(--light-purple2) !important;}
.partners-block { background: var(--light-blue2) !important;}
.footer { background: var(--light-blue2) !important;}
.footer-bottom { background: var(--light-blue) !important;}
.orthodontics-block { background: var(--light-blue2) !important;}






/* 
font-family: 'Poppins', sans-serif;
font-family: 'Acme', sans-serif;
font-family: 'autumn_in_novemberregular';
*/

/* 
:root {
  --white: #ffffff;
  --black: #000000;
  --grey: #f7f8f9;
  --green: #b0bc21;
  --orange: #ef8903;
  --light-blue: #9ec8fb;
  --bluish-grey: #d6e6f7;
  --primary-color: #1d267d;
  --primary-hover: #3841a1;
  --secondary-color: #8b1874;
  --secondary-hover: #b743a0;
  --paragraph-color: #14194c;
} 
*/