@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Caveat+Brush&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Gabriela&display=swap');
*{margin: 0;padding: 0;box-sizing: border-box;}
body{
    background: #fff;
    width: 100%;
    height: 100%;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    overflow-x: hidden;
}
nav{width: 100%;}
.flex{display: flex;justify-content: center;}
.pixel{width: 1400px;}
li{list-style: none;}
a{text-decoration: none;}

/*TOP-BAR START*/
#top-bar{background: #10254a;position: fixed;z-index: 1000;width: 100%;border-bottom: 2px solid white;}
.space{height: 115px}
.navbar-one{color: #000;height: 115px;}
.navbar-one-wrapper{
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    height: 115px;
}
.alt-con{display: flex;justify-content: space-between;align-items: center;}
.icons{align-items: center;position: relative}
.icons .icon-border{
        border: 1.5px solid #fff;
    border-radius: 50%;
    margin: 0 5px;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.menu-hr{width: 0;height: 20px;border-right: 2px solid white;}
.alt{height: 60px;display: flex;justify-content: center;align-items: center;}
.alt li{margin: 17px 0;line-height: 0.5;}
.alt li a{
    text-decoration: none;
    text-transform: capitalize;
    font-size: 16px;
    margin: 20px;
    color: #fff;
    font-weight: 400;
    justify-content: center;
}
.alt li a h1{text-decoration: none;text-transform: capitalize;font-size: 18px;margin: 0px 10px;color: #fff ;font-weight: 600;letter-spacing: 2px;}


/*TOP-BAR END*/
.bottom-nav{display: none;}

/*HOME*/
.header{height: auto;width: 100%;position: relative;}
.header-con{position: relative;height: auto;width: 100%;display: flex;justify-content: center;padding: 40px 0;background: #fffbf4;}
.header .sliders{width: 90%;height: auto;overflow: hidden;z-index: 100;position: relative;border: 4px solid #10254a;border-radius: 30px;}
.header .sliders img{width: 100%;height: auto;object-fit: cover;border-radius: 30px}

/* SERVICE */
.service-wrapper{position: relative;display: flex;justify-content: end;align-items: center;width: 90%;}
#service{height: auto;width: 100%;transform: translateY(-130px);position: relative;z-index: 100;}
.service-title{display: flex;justify-content: center;flex-wrap: wrap;}
.service-title h1{
    color: #10254a;
    padding: 0 20px;
    width: max-content;
    font-size: 30px;
    font-weight: 500;
    letter-spacing: 1.5px;
}
.service-description{text-align: center}
.service-description p{color: white;font-weight: 300;letter-spacing: 2px}
.service-card{display: flex;justify-content: center;flex-wrap: wrap;}
.service-card-title{width: 100%;display: flex;justify-content: space-between;align-items: center;}
.service-card-container{width: 70%;border: 4px solid #10254a;border-radius: 30px 0 30px 30px;padding: 0 30px;background: #fffbf4;}
.service-card{width: 30%;height: 250px; padding: 10px;margin:20px 0px 20px 0px;border-right: 4px solid #10254a;}
.service-card .service-image{
    width: 45px;
    height: 45px;
    display: flex;
    margin: 10px 0;
    justify-content: center;
    align-items: center;
    border: 1.5px solid #b89776;
    border-radius: 50%;
}
.service-card .service-image img{width: 35px;height: 35px;padding: 5px;}
.service-card-title h1{color: #b89776;font-weight: 700;font-size: 19px;}
.service-card-description{color: #10254a;text-align: start;padding: 20px 5px;font-weight: 500;font-size: 17px;}
/* SERVICE */

/* ABOUT */
#about{background: #ebe3d4; padding: 35px 0;}
#about .teeth-bg{
    position: absolute;
    right: 0;
    z-index: 0;
    width: auto;
}
.about-info{width: 1000px;}
.about-desc{font-size: 24px !important;letter-spacing: 1px;}
.about-wrapper{display: flex;align-items: center;padding: 100px 0;position: relative;}
.about-image{width: 450px;height: 400px; position: relative;}
.image-bg{
    width: 420px;
    height: 420px;
    position: absolute;
    z-index: 0;
    border-radius: 30px;
    top: -10px;
    left: -10px;
    border: 4px solid #b89776;
}
.about-image img{width: 400px;height: 260px;object-fit: cover;border-radius: 30px;z-index: 10;bottom: 0;border: 3px solid #b89776;}
.about-image h1{
    font-size: 25px;
    font-weight: 700;
    width: 92%;
    position: relative;
    top: 35px;
    letter-spacing: 1.5px;
    line-height: 1;
    padding: 0 10px;
    color: #b89776;
}
.about-info-wrapper{display: flex;justify-content: flex-start;align-items: center;flex-wrap: wrap}
.about-info-wrapper img{width: 50%;margin: 20px 0}
.about-info-wrapper p{padding: 10px 50px;text-align: start;width: 100%;font-weight: 500;font-size: 20px;color: #064a3b;}
.about-info-wrapper div{padding: 5px 40px;text-align: start;width: 100%;font-weight: 500; font-size: 20px; color: #10254a;}
.about-info-wrapper h1{width: 100%;font-size: 6rem; padding: 0 30px; font-family: "Dancing Script", cursive;font-optical-sizing: auto;font-weight: 400;font-style: normal;color: #b89776;}
.about-info-wrapper h2{
    width: 100%;
    font-size: 20px;
    line-height: 1.2;
    padding: 0 30px;
    color: #10254a;
    margin-bottom: 30px;
}

#info{height: auto;background-image: url(../images/ekibimiz.png);width: 100%;background-position: right;background-size: cover;padding: 85px 0}
#info .card{width: 300px;height: 200px;padding: 10px;margin: 10px;border: 2px solid #20a487;border-radius: 30px;}
#info img{width: 50px;margin: 5px 0px;}
#info h1{color: #fff;font-size: 20px;padding: 5px 0px;font-weight: 400}
#info p{color: #fff;font-size: 16px;padding: 5px 0px;font-weight: 300}
#info h2{font-size: 17px;color: #fff;}
.clock {display: flex;align-items: center;}
.adres-in{padding: 0 30px}
/* ABOUT */


/*ABOUT PAGE*/

.top-navigation{background: #f7f7f7;height: 110px;}
.top-navigation-content{display: flex;justify-content: space-between;align-items: center;}
.top-navigation-content h1{color: #10254a;font-size: 22px;letter-spacing: 0px;font-weight: 600;}
.top-navigation-content h2{color: #10254a91;font-size: 14px;font-weight: 500;letter-spacing: 0px;}
.top-navigation-content a{color: #10254a;}

.about-us-wrapper{display: flex;justify-content: space-between;margin: 80px 0;}
.about-us-info{width: 65%;}
.about-us-title{font-size: 35px;font-weight: 600;color: #10254a;margin-bottom:30px;letter-spacing: 0px;}
.about-us-info-wrapper{font-size: 22px;font-weight: 400;color: #10254a;letter-spacing: 0.5px;line-height: 1.5;}
.about-us-image{width: 35%;}
.about-us-image-card{height: 330px;}
.about-us-image-card img{width: 100%;object-fit: cover;height: 100%;}
.about-us-content{margin-top: 20px;}
.about-us-content-card{display: flex;justify-content: space-between;}
.content-info{border: 2px solid #dbdbdb;text-align: center;padding: 10px;width: 155px;background: #f7f7f7;}
.content-info h2{color: #10254a;font-size: 18px;margin: 10px 0;}
.content-info h1{color: #10254a;font-size: 40px;margin: 10px 0;letter-spacing: -2px;}

.sss-container {
    width: 75%;
    margin-top: 30px;
    margin-bottom: 30px;
}

.sss-item {
    border-bottom: 1px solid #ddd;
    padding: 15px 0;
    cursor: pointer;
}

.sss-question {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    position: relative;
}

.sss-item.active .sss-question {
    color: #b89776; /* Kurumsal ton */
}

.sss-answer {
    font-size: 18px;
    margin-top: 10px;
    color: #555;
    line-height: 1.6;
    display: none;
}

.sss-item.active .sss-answer {
    display: block;
}

/* Açılır kapanır ok işareti */
.sss-question::after {
    content: '+';
    position: absolute;
    right: 0;
    top: 0;
    font-size: 20px;
    transition: 0.3s;
}

.sss-item.active .sss-question::after {
    content: '-';
}


/*ABOUT PAGE*/

/* TEAM */
.team-wrapper{position: relative;animation: up 1.5s ease;padding: 85px 0}
@keyframes up {
    0%{bottom: -100px;opacity: 0;}
    100%{bottom: 0;opacity: 1;}
}

#team{height: auto;background-image: url(../images/ekibimiz.png);width: 100%;background-position: right;background-size: cover;}
.team-title{display: flex;justify-content: center;flex-wrap: wrap;}
.team-title h1{
    color: #fffbf4;
    padding: 0 20px;
    font-size: 30px;
    font-weight: 506;
    letter-spacing: 1.5px;
    margin: 0 0 10px 0;
}
.team-hr{width: 100%;height: 0;border-top: 5px solid #21a689;}
.team-description{text-align: center}
.team-description p{color: white;font-weight: 300;letter-spacing: 1.5px;font-size: 18px;}
.team-card{display: flex;justify-content: center;flex-wrap: wrap;position: relative}
.team-card-title{width: 100%}
.team-card-container{margin: 25px 0 50px 0;}
.team-card{width: 24%;text-align: center;padding: 0;overflow: hidden;height: 300px;margin:0 10px 0 0}
.team-card .hekim-bg1{
    background: radial-gradient(circle, #24856e 21%, #1fa084 95%);
    position: absolute;
    z-index: 100;
    width: 32%;
    height: 100%;
    top: 0;
    left: 0;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}
.team-card .hekim-bg2{
    background: radial-gradient(circle, #b89776 8%, #b89776 60%);
    position: absolute;
    z-index: 100;
    width: 68%;
    height: 75%;
    bottom: 0;
    right: 0;
    border-top-right-radius: 30px;
}
.hekim-card .hekim-image img{width: 300px;position: relative;left: -50px}
.hekim-card{position: relative;z-index: 100;display: flex;bottom: -25px}
.hekim-info{position: absolute;right: 0px;top: 80px;height: 150px;width: 120px;text-align: start;}
.hekim-info h2{color: white;font-weight: 300;font-size: 20px;margin: 5px 0;}
.hekim-info h1{font-size: 18px;color: white;font-weight: 500;letter-spacing: -1px;line-height: 0.9;}
.hekim-card .hekim-buton{
    position: absolute;
    top: 230px;
    right: 0;
    background: #ebecec;
    padding: 4px 10px;
}
.hekim-card .hekim-buton a{
    font-weight: 400;
    color: #10254a;
    font-size: 15px;
}

.doctor{margin: 30px 0;}
.doctor-wrapper{background: #b89776;display: flex;justify-content: space-between;align-items: center;padding: 0 50px;position: relative;overflow: hidden;}
.doctor-wrapper .teeth-bg{
    position: absolute;
    left: 0;
    z-index: 0;
    transform: scaleX(-1);
    opacity: 0.3;
    width: 300px;
}
.doctor-image{position: relative;}
.doctor-image img{width: 350px;}
.doctor-content h1{font-size: 30px;font-weight: 500;color: #fff;}

.single-info{margin-top: 50px;margin-bottom: 50px;align-items: center;}
.info-container {
    border: 2px solid #b89776;
    position: relative;
    padding: 50px 0;
}

.info-title {
    position: absolute;
    top: -20px;
    left: -2px;
}

.info-container div {
    font-style: italic;
    font-size: 20px;
    font-weight: 400;
    background: #b89776;
    padding: 0 30px;
}

.info-title h1 {
    background: #b89776;
    margin: 0;
    font-size: 30px;
    font-weight: 500;
    color: #fff;
    font-style: normal;
}

.info-container p {
    font-style: italic;
    font-size: 24px;
    font-weight: 400;
    margin: 15px;
    color: #10254a;
}

/* TEAM */



/* KİDS */

#kids{background: #10254a;}
.kids-container{display: flex;justify-content: space-between;align-items: center;height: 320px;}
.kids-logo{width: 175px;}
.kids-logo img{width: 100%;}
.kids-content{width: 520px;}
.kids-content h1{color: white;font-family: "Caveat Brush", cursive;font-weight: 400;font-style: normal;font-size: 40px;}
.kids-content span{color: #d3d3d3;font-family: "Caveat Brush", cursive;font-weight: 100;font-style: italic;font-size: 24px;}
.space-image{width: 490px;}
.children{
    display: flex;
    position: absolute;
    right: 0;
    justify-content: end;
}
.children img{height: 320px;
    width: 18%;
    object-fit: cover;}
/* KİDS */

/* LIST BLOG */
.single-wrapper{margin: 25px 0;position: relative;z-index: 10}
.single-wrapper h1{color: #898989;font-size: 40px;font-weight: 500;}
.single-wrapper h2{font-size: 22px;font-weight: 300;color: #898989;}

.service-list{display: flex;flex-wrap: wrap;margin-bottom: 85px}
.blog-card-list{
    width: 330px;
    height: auto;
    padding: 0 0 10px 0;
    margin: 10px 20px 20px 0;
    border: 2px solid #f7f7f7;
    position: relative;
    z-index: 10;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
    border-bottom: 3px solid #10254a;
}
.blog-card-list img{width: 100%;height: 240px;object-fit: cover;}
.blog-card-list h1{font-size: 20px;font-weight: 500;color: #10254a;text-align: start;padding: 10px;}
.blog-card-list hr{width: 90%;color: #898989;margin: 10px;}
.blog-card-list span{color: #898989;font-size: 15px;font-weight: 200;padding: 0 10px;}
.wrapper{margin-top: 40px;}
/* LIST BLOG */


/* SERTİFİKALAR */


.sertifika-card{
    width: 325px;
    height: 370px;
    margin: 25px 25px 25px 0;
}
.sertifika-card img{
    width: 100%;
    height: 370px;
    object-fit: contain;
}
.sertifika-card h1{
    font-size: 20px;
    color: #1a5768;
    font-weight: 500;
}


/* SERTİFİKALAR */



/* SINGLE BLOG */
.single-service{flex-wrap: wrap}
.article{width: 1100px;padding: 0 15px 0 0;}
.article img{width: 100%;}
.article .category img{width: 100%;height: 450px;object-fit: cover;}
.article h1{font-size: 40px;font-weight: 500;color: #10254a;padding: 10px 0px;}
.article p{font-size: 19px;font-weight: 400;color: #10254a;padding: 10px 0px;}
.category{font-size: 19px;font-weight: 400;color: #10254a;padding: 10px 0px;position: relative;z-index: 10}
.middleware-hr{width: 100%;border-bottom: 2px solid #10254a;margin: 10px 0px 20px;}
.example{width: 300px;padding: 30px 15px;border-left: 2px dashed rgb(16 37 74);position: relative;z-index: 10}
.example-card img{width: 100%;height: 160px;object-fit: cover;}
.example-card h1{font-size: 20px;font-weight: 500;color: #10254a;text-align: start;padding: 10px;}
.example-card{border-bottom: 2px dashed #10254a;}
.single-article{padding: 30px;}
/* SINGLE BLOG */


/* CONTACT */
.box{
    position: relative;
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-template-areas:
        "form info"
        "form map";
    grid-gap: 20px;
    margin-top: 20px;
    animation: up 1.5s ease;
}
.second-cont{
    margin-top: 20px;
    border-top: 2px solid #f7f7f7;
    padding-top: 20px;
}
.cont-top{
    border-top: 2px solid #f7f7f7;
    padding-top: 20px;
}
.contact-big-title h1{
    color: #b89776;
    font-weight: 500;
    font-size: 30px;
}
#contact{padding: 0 50px 50px 50px;}
#contact .contact{padding: 40px;background: rgba(0,0,0,0.0);box-shadow: 0 5px 35px rgba(0,0,0,0.15);}
#contact .contact h3{color: #064a3b;margin-bottom: 10px;font-size: 1.4em;}
#contact .formBox{position: relative;width: 100%;}
#contact .formBox .row50{display: flex;gap: 20px;}
#contact .inputBox{display: flex;flex-direction: column;margin-bottom: 10px;width: 50%;}
#contact .formBox .row100 .inputBox{width: 100%;}
#contact .inputBox span{color: #064a3b;margin-top: 10px;margin-bottom: 5px;}
#contact .inputBox input{padding: 10px;font-size: 1.1em;outline: none;text-transform: none;border: 1px solid #064a3b;}
#contact .inputBox textarea{padding: 10px;font-size: 1.1em;outline: none;border: 1px solid #064a3b;resize: none;margin-bottom: 10px;text-transform: none;min-height: 220px;}
#contact .inputBox textarea::placeholder{font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;}
#contact .inputBox input[type="submit"]
{
    background: #10254a;
    color: #e7e7e9;
    border: none;
    font-size: 1.1em;
    text-transform: none;
    max-width: 120px;
    font-family: 'Exo 2', sans-serif;
    cursor: pointer;
    padding: 14px 15px;
}
#contact .inputBox ::placeholder{color: #064a3b;}
#contact .info h3{color: #10254a;}
#contact .info .infoBox div{display: flex;align-items: center;margin: 25px 0;}
#contact .info .infoBox div span{
    min-width: 40px;
    height: 40px;
    color: #fff;
    border: 2px solid #10254a;
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.5em;
    font-family: 'Exo 2', sans-serif;
    border-radius: 50%;
    margin-right: 15px;
}
#contact .info .infoBox img{width: 32px;height: 32px;}
#contact .info .infoBox div p{color: rgba(0,0,0,0.5);font-family: 'Exo 2', sans-serif;font-size: 1.1em;}
#contact .info .infoBox div a{color: rgba(0,0,0,0.5);text-decoration: none;font-family: 'Exo 2', sans-serif;text-transform: none;font-size: 1.1em;}
#contact .sci{margin-top: 40px;display: flex;justify-content: center;}
#contact .sci li{list-style: none;margin-right: 15px;}
#contact .sci li a{font-size: 2em;color: #ccc;}
#contact .sci li a:hover{color: #dfae51;}
#contact .map{padding: 0;}
#contact .map iframe{height: 100%;width: 100%;}
.contact.form{grid-area: form;}
.contact.form.ilk{display: none;}
.contact.info{grid-area: info;}
.contact.map{display: flex;justify-content: center;align-items: center;background: black;}
.contact.map img{width: 300px;}
/* CONTACT */




/* FOOTER */
#footer{background: #b89776;width: 100%;padding: 20px;}
.footer-wrapper{display: flex;flex-wrap: wrap;justify-content: space-between;margin: 85px 0}
.footer-ul{width: 70%;display: flex;justify-content: space-between;}
.footer-ul ul{display: flex;justify-content: center;flex-wrap: wrap;width: 25%;}
.footer-ul ul a{width: 100%;text-align: start;margin: 5px 0}
.footer-ul ul li{color: #ebecec;font-weight: 500;font-size: 16px;text-transform: uppercase}
.footer-hr{width: 2px;height: 100%;border-right: 3px solid #ebecec;}
.footer-image{width: auto}
.footer-image img{width: 175px}
.footer-image h1{font-size: 14px;margin: 10px 0;color: #ebecec;width: 200px;font-weight: 400;}
/* FOOTER */

.navbar-second{visibility: hidden;opacity: 0;width: 0;position: absolute;right: 0;height: 100vh;}
    .navbar-second.active{display: block;height: 100vh;width: 30%;visibility: initial;position: absolute;right: 0;opacity: 1;background: #10254af0;}
    .alt2{height: 100vh;width: 100%;display: block;}
    .alt-con{flex-wrap: wrap}
    .alt2 li a h1{padding: 20px 15px;color: white;font-size: 16px;font-weight: 400}
    .alt2 li{margin: 5px;width: 100%;line-height: .5;}
    .alt2 .menu-hr{width: 100%;height: 0;border-bottom: 1px solid #858585}
    .nav-links ul li.bottom::after{border-bottom: none;}

.single-wp{
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 70px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: #25D366;
    z-index: 1000;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
}
.single-wp i{color: white;font-size: 35px;}

@media only screen and (max-width: 1400px) {
    .pixel{width: 96%}
    .alt li{margin: 0 5px}
    .alt li a h1{font-size: 14px}
    .logo img{width: 100px}
    .icons span{font-size: 14px}
    .service-card{width: 20%}
    .team-card{width: 25%}
    .footer-ul ul li{font-size: 14px}
    .footer-image img{width: 100px}
    #contact .box{
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        grid-template-areas:
            "form"
            "info"
            "map";
    }
    #contact .map{min-height: 300px;}
    #contact .formBox .row50{display: flex;gap: 0;flex-direction: column;}
    #contact .inputBox{width: 100%;}
}
@media only screen and (max-width: 890px){
    .header .sliders{width: 96%;}
     #service{transform: translateY(0);}
    .service-title{justify-content: start;width: 100%;}
    .service-wrapper{
        justify-content: center;
        flex-wrap: wrap;
        width: 96%;
    }
    .service-title h1{font-size: 25px;}
    .service-card{width: 40%;margin: 0 10px;border-right: none;background: white;padding: 5px;border-radius: 20px;border: 3px solid #10254a;}
    .service-card-container{margin: 20px 10px 20px 0;width: 100%;border: none; padding: 0 5px;}

    .alt li a h1{margin: 0 3px}
    .icons i{font-size: 20px}

    .kids-container{height: auto;flex-wrap: wrap;}
    .kids-logo{margin-top: 300px;width: 125px;}
    .kids-content{margin: 40px 40px 120px;width: 100%;}
    .kids-content h1{font-size: 25px;}
    .kids-content span{font-size: 18px;}
    .children{width: 100%;}
    .children img{height: 240px;width: 25%;}

    .about-image{width: auto}
    .about-wrapper{flex-wrap: wrap;justify-content: center}
    .about-image img{width: 100%}
    
    .about-info{margin: 30px 0 0 0}
    .team-card{width: 35%}
    .doctor-wrapper{padding: 0 25px;}
    .alt{display: none;}
    .footer-ul{width: 100%}
    .footer-ul ul{flex-wrap: wrap}
    .footer-image{width: 100%;margin: 50px 0;display: flex;justify-content: center;align-items: center;flex-wrap: wrap}
    .footer-image a {width: 100%;text-align: center;display: flex;justify-content: center;}
    .footer-image h1{font-size: 14px}
    #contact .contact{padding: 10px;}
}

@media only screen and (max-width: 500px){
    .doctor-wrapper .teeth-bg{width: 185px;}
    .doctor-wrapper{padding: 0;}
    .doctor-image{height: 300px;}
    .doctor-content h1{font-size: 27px;text-align: end;position: relative;right: 30px;}
    .doctor-image img{width: 235px;height: 100%;object-fit: cover;}
    .info-container div{padding: 0 15px;}
    .info-title h1{font-size: 24px;}
    .info-container p{font-size: 22px;}
    .single-wrapper h1{font-size: 30px;}
    .top-navigation{height: 75px;}
    .sertifika-card{width: 100%;;margin: 25px 0 25px 0;}
    .top-navigation-content h1{display: none;}
    .sss-container{width: 100%;}
    .about-us-wrapper{flex-wrap: wrap;margin: 40px 0;}
    .about-us-info{width: 100%;}
    .about-us-image{width: 100%;}
    .about-us-title{font-size: 25px;}
    .about-us-info-wrapper{font-size: 20px;}
    .about-us-content{margin-top: 20px;}
    .about-us-content-card{flex-wrap: wrap;}
    .content-info{width: 100%;margin: 5px 0;}
    .about-us-image-card{height: 260px;}
    #contact{padding: 10px;}
    .alt{display: none}
    .single-wp{bottom: 65px;right: 10px;z-index: 1000}
    .bottom-nav{
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        display: block;
        height: 50px;
        z-index: 1000;
        background: #10254a;
        box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
    }
    .bottom-container{display: flex;align-items: center;}
    .bottom-container .fast-calling{width: 100%;display: flex;justify-content: center;align-items: center;height: 50px;border-right: 1px solid #6c757d;}
    .pixel{width: 96%;}
    .fast-calling i{color: #fffbf4;font-size: 20px;margin: 10px;}
    .fast-calling span{font-size: 20px;color: #fffbf4;font-weight: 700;}
    .navbar-one{height: 95px}
    .navbar-one-wrapper{height: 95px}
    .logo img{width: 90px}
    .menu-img{display: none}
    .space{height: 95px}
    .menu-img2{right: 0px;width: 150px;top: 95px;opacity: 1;}
    .menu-img3{width: 165px;opacity: 1}
    .about-image img{width: 100%;left: 0;height: 275px}
    .image-bg{left: 0px;width: 100%;background: #ebe3d4;}

    .about-info-wrapper p{padding: 10px 10px;width: 100%}
    .about-info-wrapper div{padding: 10px 10px;width: 100%}
    .team-title h1{font-size: 25px}
    .team-description p{letter-spacing: 0.5px;}
    .service-card-description{text-align: center}
    .team-card{width: 85%;margin: 0 15px}
    .footer-ul ul a{width: 100%}
    .header-con{padding: 20px 0}
    .header .sliders{width: 96%;}
    .header .sliders img{border-radius: 20px;height: 400px;}
    .team-card-container{margin: 30px 0 0}
    .about-desc{font-size: 20px !important;}
    .about-info-wrapper div{font-weight: 400;}

    .about-wrapper{padding: 60px 0;}
    .about-image{width: 100%;}
    .about-info-wrapper h1{font-size: 4rem;padding: 0;}
    .about-info-wrapper h2{padding: 0 5px;font-size: 18px;}
    
    .header .sliders{border: 3px solid #10254a;}
    #service{transform: translateY(0);}
    .service-title{justify-content: start;width: 100%;}
    .service-wrapper{
        justify-content: center;
        flex-wrap: wrap;
        width: 96%;
    }
    .service-title h1{font-size: 25px;}
    .service-card{width: 80%;margin: 0 10px;border-right: none;background: white;padding: 5px;border-radius: 20px;border: 3px solid #10254a;}
    .service-card-container{margin: 20px 10px 20px 0;width: 100%;border: none; padding: 0 5px;}

    .kids-container{height: auto;flex-wrap: wrap;}
    .kids-logo{margin-top: 220px;width: 125px;margin-left: 30px;}
    .kids-content{margin: 40px 40px 120px;width: 100%;}
    .kids-content h1{font-size: 25px;}
    .kids-content span{font-size: 18px;}
    .children img{height: 145px;width: 25%;}

    #about .teeth-bg{width: 200px;}
    .navbar-second{visibility: hidden;opacity: 0;width: 0;position: absolute;right: 0;height: 100vh;}
    .navbar-second.active{display: block;height: 100vh;width: 60%;visibility: initial;position: absolute;right: 0;opacity: 1;background: #10254af0;}
    .alt2{height: 100vh;width: 100%;display: block;}
    .alt-con{flex-wrap: wrap}
    .alt2 li a h1{padding: 15px;color: white;font-size: 14px;font-weight: 400}
    .alt2 li{margin: 5px;width: 100%;line-height: .5;}
    .alt2 .menu-hr{width: 100%;height: 0;border-bottom: 1px solid #858585}
    .nav-links ul li.bottom::after{border-bottom: none;}

    .service-list a{width: 100%;}
    .service-list .blog-card-list{width: 100%;}
    .blog-card-list img{height: 250px}
    .blog-card-list h1{text-align: left}
    .blog-card-list span{padding:  0 5px}
    .example{border-left: none}

    .footer-wrapper{margin: 5px 0;}
    .footer-ul{flex-wrap:wrap;margin-bottom: 100px;}
    .footer-ul ul{width: 100%;margin-bottom: 20px;margin-top: 20px;}
    .footer-hr{height: 2px;border-bottom: 2px solid #ebecec;border-right: 0;width: 100%;}

}