:root {
    --bg-grey: #F5F6F8;
    --color-brand : #16C2D5;
    --color-black : #000000;
    --theme-black : #484848;
    --card-bg : #FAFBFC;
    --opacity-bg : rgba(0,0,0,.60);
    --opacity-bg2 : rgba(33,196,214,.40);
    --fotter-bg:#F5F6F8;
    --title-color:#183B56;
    --contact-title:#5A7184;
    --info-bg: #A0E2EB;
    --input-line : #82A5BF;
}

.no-margin{ margin:0; }
.no-padding{ padding:0; }
.card{ border: none;  }
html,body{ max-width: 100vw; overflow-x: hidden; }
.brandBar{ background-color: var(--bg-grey); padding: 5px;}
h1,h2,h3,h4,h5,h6,p,a,strong{ font-family: 'Open Sans', sans-serif; }
li i { color: var(--color-brand); margin-right: 10px; }
.brandBar .nav li a, .brandnav a{ color:var(--color-black); font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 300; }
.brandnav{ padding-top: 2%; }
.social{ width:40px; }
.lang{ margin-left: 40px; }
.slider{ padding-top: 50px; }
.slider .home-message{ padding-top: 20px; }
.slider .home-message h1{ color: var(--theme-black); font-family: 'Nunito Sans', sans-serif; font-weight: 900; font-size: 68px; }
.slider .home-message p{ font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: 500; color: var(--opacity-bg); width: 80%; }
.slider .home-message { padding-left: 15%; }
.slider .home-slider .carousel-inner{ overflow: hidden; /* border-bottom-left-radius: 30%;*/ }
.slider .home-slider .carousel-control-next, .slider .home-slider .carousel-control-prev{ width: 15px; height: 15px; color:var(--color-brand); font-size: 30px; top:-30px; }
.carousel-control-next{ right: auto ; left: 40px; }
.carousel-indicators{ bottom:auto; top: 0; justify-content: left; margin-left: 10px; }
.carousel-indicators [data-bs-target]{ width: 12px; height: 12px; border-radius: 100%; background-color:var(--theme-black); }

.mainblock{ padding-top:10vh; padding-bottom: 10vh; }
.itemcart .card{ background-color:var(--card-bg); border: none; }
.itemcart .card .card-body{ padding: 50px; }
.itemcart .card .card-body h2{ font-family: 'Nunito Sans', sans-serif; font-size: 28px; font-weight: 700; margin-top: 15px; }
.itemcart .card::after{ }

.aboutHome{ background-image: url("../img/bg-about.png"); }
.about_img{ width: 544px; height: 658px; object-fit: cover; /*border-top-left-radius:50%; border-top-right-radius: 50%; */ }
.aboutHome h2{ font-family: 'Nunito Sans', sans-serif; font-size: 48px; font-weight: 900; width: 70%; color:var(--theme-black); padding-bottom: 30px; }
.aboutHome p{ font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: 500; color:var(--opacity-bg); width: 85%; padding-bottom: 20px; }
.signature{ background-color: var(--card-bg); font-family: 'Nunito Sans', sans-serif; font-size: 24px; font-weight: 700; padding: 30px 10px; border-radius: 10px; margin-top: 40px;  }
.btn-primary{ background-color: var(--color-brand); border-color: var(--color-brand); }
.btn-primary:hover{ background-color: var(--theme-black); border-color: var(--theme-black);  }

.servicess{ padding-top: 10vh; padding-bottom: 10vh; }
.autoplay img { width: 427px; height: 455px; object-fit: cover; border-radius: 10px;}
.title h2{ font-family: 'Nunito Sans', sans-serif; font-size: 48px; font-weight: 900;  text-align: center; padding-bottom: 40px; }
.servicess .autoplay{ width: 100%; margin-left: 1.5%; }
.servicess .autoplay a{ width: 70%; position: relative; margin-left: 10%; margin-top: -100px; font-family: 'Nunito Sans', sans-serif; font-size: 20px; font-weight: 700;  }
.servicess .btn-lg:hover{ background-color:var(--color-brand); border-color: var(--color-brand); color: var(--card-bg);  }

.news .card{ border: none; }
.news .card img{ border-radius: 30px; }
.news .tag{ background-color:#fff; position: absolute; margin-top: 46%; margin-left:0px; border-top-right-radius: 20px; border-bottom-left-radius: 27px; padding: 15px 25px;  width: 60%; }
.news .tag h4{ font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 600; }
.news .tag p{ font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: 600; }
.news h5{ font-family: 'Nunito Sans', sans-serif; font-size: 28px; font-weight: 900; }
.news p{ font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: 600; color:var(--opacity-bg); }
.news .date{ font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: 600; padding-top: 5px; }
.news .date i{ color: var(--color-brand); margin-right: 10px; }

footer{ background-color:var(--fotter-bg); padding-top: 50px;  }
footer p{ font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: 200; }
.footer-nav h5{ padding-left: 10px; margin-top: 31px; }
.footer-nav a{ font-size: 18px; }
.spanx{ display: block; width: 100%; border:1px solid #D3D3D3; margin: 0; padding: 0; margin-top: 25px; }

footer .brandBar .nav li a, footer .brandnav a{ font-size: 14px; }

.contact-cart{ padding: 30px 90px; position: relative; margin-top: -120px; }
.contact-item-icon{ padding:20px; background-color: var(--card-bg); border-radius: 10px; width: 80px; height: 80px; margin: 8px auto; }
.contact-item h3{ font-family: 'Nunito Sans', sans-serif; font-size: 24px; color:var(--title-color); }
.contact-item p{ font-family: 'Open Sans', sans-serif; font-size: 16px; color:var(--contact-title); }
.contact-item a{ font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: bold; color:var(--color-brand); text-decoration: none; }

.page-title { width: 100%; background-color: var(--bg-grey); padding: 15px; }
.page-title h1{ width: 100%; background-color: var(--bg-grey); font-family: 'Nunito Sans', sans-serif; font-size: 36px; font-weight: 900; padding-left: 25px; }

.services_item{ padding: 10px; }
.services_item img { width: 100%; height: 455px; object-fit: cover; border-radius: 10px;  }
.services_item  a{ width: 80%; position: relative; margin-left: 10%; margin-top: -100px; font-family: 'Nunito Sans', sans-serif; font-size: 20px; font-weight: 700;  }
.services_item .btn-lg:hover{ background-color:var(--color-brand); border-color: var(--color-brand); color: var(--card-bg);  }

.detail .title{ font-family: 'Nunito Sans', sans-serif; font-size: 48px; font-weight: 900; }
.detail .title strong{ font-family: 'Nunito Sans', sans-serif; font-size: 48px; font-weight: 900; color:var(--color-brand); display: block; }
.detail p{ color: var(--opacity-bg); font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: 300;  }
.detail_img{ padding-left: 100px; padding-right:100px; }
.detail_img::before{ content: ""; width: 80px; height: 80px; background-color:var(--bg-grey); display: block; border-radius: 10px; position: absolute; z-index: -2;  margin-left: -30px; margin-top: -30px; }


.reservation .card{ -webkit-box-shadow: 2px 4px 13px 1px rgba(0,0,0,0.25); -moz-box-shadow: 2px 4px 13px 1px rgba(0,0,0,0.25); box-shadow: 2px 4px 13px 1px rgba(0,0,0,0.25); }
.reservation .reservation_title h2{ font-family: 'Nunito Sans', sans-serif; font-size: 48px; font-weight: 900; }
.reservation .reservation_title{ padding-left: 15%; border-right: 2px solid #DADADA; padding-top: 80px; padding-bottom: 80px; }
.reservation .reservation_form{ padding-left: 10%; padding-right: 10%; padding-top: 80px; padding-bottom: 80px;  }
.reservation .reservation_title h2 strong{ font-family: 'Nunito Sans', sans-serif; font-size: 48px; font-weight: 900; color:var(--color-brand); }
.reservation .infocard{ box-shadow: none; background-color:var(--info-bg); padding:30px; width: 285px; border-radius: 10px; margin-top: 20px; margin-bottom: 20px; margin-top: 30px; }
.reservation .infocard a{ color:#fff; text-decoration: none; font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight:400; letter-spacing:1.2px;  margin-top: 10px; }
.reservation .infocard a i{ margin-right: 20px; }


.alert-img{ width: 90%; background-color:#FFFFFF; padding: 22px; position: relative; margin-top: -120px; margin-left: 23px; text-align: center; border-radius: 13px; }
.alert-img h3{ font-family: 'Nunito Sans', sans-serif; font-size: 19px; font-weight: 900; }
.alert-img h3:before{ content: ""; display: inline-block; width: 26px; height: 35px; background-image: url("../img/award.png"); position: absolute; margin-left: -40px; }
.alert-img p{ font-family: 'Nunito Sans', sans-serif; font-size: 17px; font-weight: 600; margin-bottom: 0; }

.icon{ width: 76px; height: 76px; color:var(--color-brand); background-color: var(--bg-grey); border-radius: 20px; font-size: 24px; text-align: center; padding-top: 17px; }
.detail h5{ font-family: 'Nunito Sans', sans-serif; font-size: 28px; font-weight: 800; padding-top: 5px;}
.detail h5 strong{ color:var(--color-brand) !important;  }

.aboutbar{ background-color:var(--bg-grey); padding: 40px; border-radius: 20px; overflow:hidden; position: relative; margin-top: 20vh; margin-bottom: 20vh; }
.aboutbar::before{ content: ""; display: block; width: 90px; height: 90px; border-radius: 100%; background-color: var(--opacity-bg2); position: absolute; bottom: -30px; left: -30px; }
.aboutbar::after{ content: ""; display: block; width: 90px; height: 90px; border-radius: 100%; background-color: var(--opacity-bg2); position: absolute; top: -30px; right: -30px; }
.aboutbar .barItem strong{ color:var(--color-brand); font-family: 'Nunito Sans', sans-serif; font-size: 28px; }
.aboutbar .barItem p{ color:var(--color-black); font-family: 'Nunito Sans', sans-serif; font-size: 28px; font-weight: 800; }

#exampleModal .modelTitle{ font-family: 'Nunito Sans', sans-serif; font-size: 33px; font-weight: 800; text-align: center; color:var(--color-brand);  }
#exampleModal .modal-body{ padding-left: 10%; padding-right: 10%; }
#exampleModal .modal-body label{  font-family: 'Nunito Sans', sans-serif; font-size: 16px; color:var(--opacity-bg); margin-top: 10px; margin-bottom:10px; }
.input-group-text{ background-color: transparent !important; color:var(--input-line); border-color:var(--input-line);  }
#exampleModal .form-control{ border-color: var(--input-line); }


#whatsapp { position: fixed; bottom: 100px; right: 20px; z-index: 100000; }
#whatsapp .sohbet { display: none; width: 360px; border-radius: 10px; }
#whatsapp .buton { position: relative; display: flex; justify-content: center; align-items: center; width: 80px; height: 80px; border-radius: 50%; background: #25D366; font-size: 40px; color: #fff; float: right; margin-top: 20px; }
#whatsapp .buton:before { position: absolute; content: ""; top: 7px; right: 7px; width: 10px; height: 10px; border-radius: 50%; background: #ff4242; }
#whatsapp .sohbet:after { position: absolute; font: var(--fa-font-solid); content: "\f00d"; bottom: 68px; right: -3px; width: 10px; height: 10px; border-radius: 50%; }
#whatsapp .sohbet .ust .avatar {position: absolute; top: 20px; left: 20px; }
#whatsapp .sohbet .ust .avatar img { height: 55px; width: 55px; border-radius: 50%; object-fit: cover; }
#whatsapp .sohbet .ust .isim { font-size: 16px; font-weight: 700; line-height: 20px; color: #fff; }
#whatsapp .sohbet .ust .cevap { font-size: 13px; line-height: 18px; margin-top: 4px; color: #fff; }
#whatsapp .sohbet .ust .kapat {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 20px;
    height: 20px;
    opacity: 0.4;
    cursor: pointer;
    transition: 0.3s ease all;
    outline: transparent;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    color: rgba(255,255,255,0.5);
}
#whatsapp .sohbet .ust {
    position: relative;
    padding: 20px 20px 30px 90px;
    background: #075E54;
    border-radius: 10px 10px 0px 0px;
}

#whatsapp .sohbet .orta {
    padding: 20px;
    background: url("https://www.drmuskclinic.com/app/Themes/default/assets/img/whatsapp-orjinal-arkaplan.png");
    background-size: 200% auto;
}
#whatsapp .sohbet .orta .baloncuk .isim {
    font-size: 13px;
    font-weight: 700;
    line-height: 18px;
    color: rgba(0,0,0,0.4);
}

#whatsapp .sohbet .orta .baloncuk {
    position: relative;
    padding: 5px 5px 2px 10px;
    background: #fff;
    border-radius: 0px 10px 10px 10px;
    font-size: 14px;
    line-height: 19px;
    margin-top: 4px;
    color: #111;
}
#whatsapp .sohbet .orta .baloncuk .saat {
    text-align: right;
    margin-top: 4px;
    font-size: 12px;
    line-height: 16px;
    color: rgba(17,17,17,0.5);
}
#whatsapp .sohbet .orta .baloncuk:after {
    content: '';
    position: absolute;
    left: -10px;
    top: 0;
    border-style: solid;
    border-width: 0 10px 10px 0;
    border-color: transparent #fff transparent transparent;
}
#whatsapp .sohbet .alt {
    padding: 20px;
    background: #fff;
    border-radius: 0px 0px 10px 10px;
}
/*.slick-prev, .slick-next{ background: var(--color-brand) !important;  width: 40px; height: 40px; border-radius: 100%; left: -52px; }*/
.slick-prev:before, .slick-next:before{ font-size: 31px !important;}
.slick-prev{ position: absolute !important; top: 48% !important; z-index: 9999 !important; left: 1px !important; }
.slick-next{ position: absolute !important; top: 48% !important; z-index: 9999 !important; left: 94% !important; }
@media only screen and (max-width: 450px) {
    .brandBar .nav li a, .brandnav a{ font-size: 12px; }
    .slider .home-message h1{ font-size: 40px; }
    .slider .home-message{ padding-left: 7%; padding-top: 0px; }
    .home-slider{ margin-top: 35px; }
    .carousel-control-prev{  left: 10px;  }
    .carousel-control-next{ left: 50px; }
    #whatsapp{ bottom: 20px; right: 12px;}
    .about_img{ width: 100%; height: 424px; }
    .aboutHome h2{ font-size: 35px; width: 100%; padding-top: 17px; }
    .aboutHome p{ width: 100%; font-size: 13px; }
    .autoplay img{ width: 182px;  height: 246px; }
    .servicess .autoplay a{ font-size: 12px; }
    .servicess{ padding-bottom: 0; }
    .page-title h1{ font-size: 20px; padding-left: -1px; }
    .detail_img{ padding-left: 5px; padding-right: 5px; }
    .services_item img{ height: 364px; }
    .alert-img{ width: 90%; background-color: #FFFFFF; padding: 18px; position: relative; margin-top: -96px; margin-left: 18px; text-align: center; border-radius: 13px;  }
    .detail .title{ font-size: 32px; }
    .detail .title strong{ font-size: 32px; }
    .detail p{ font-size: 14px; }
    .detail h5{ font-size: 28px; margin-left: 20px; }
    .reservation .reservation_title{ padding-top: 20px; padding-bottom: 20px; }
    .reservation .reservation_form{  padding-top: 20px; padding-bottom: 20px; }
    .contact-cart{ padding: 20px 14px; }
    .contact-cart .mt-5{ margin-top: 12px !important; }
    #whatsapp .buton{ width: 65px; height: 65px; }
}