*{
    text-decoration: none;
    font-family: "sora";
}

html,body{
    font-size: 62.5%;
}
.logo{
    display: flex;
    align-items: center;
}

.header-of-header{
    background: #10375C;
    height: 800px;
    padding-top: 30px;
}

.logo-img .circle-1::before{
    content: "";
    display: inline-block;
    border-radius: 50%;
    background-color: #2E80CE;
    width: 3rem;    
    height: 3rem ;
}

.logo-img .circle-2::before{
    content: "";
    display: inline-block;
    border-radius: 50%;
    background-color: #fff;
    width: 1rem;    
    height: 1rem ;
    position: relative;
    top: -15px;
    left: 17px;  
}
.logo-text{
    margin-top: -2rem;
    margin-left: 0.6rem;
}

.logo-text-1{
    font-size: 1.8rem;
color: #FFF;
font-family: "Sora";
font-weight: 400;

}

.logo-text-2{
    color: #FFF;
font-family: "Sora";
font-size: 1.2rem;
font-style: normal;
font-weight: 300;
text-align: right;
margin-top: -15px;

}
.navbar{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 1170px;
    margin: auto ;
}

.navbar-item a{
    display: inline-block;
    color: #C9D2DA;
text-align: center;
font-family: "Sora";
font-size: 1.6rem;
font-weight: 300;
line-height: 2.8rem; /* 175% */
padding: 0px 21px;

}

.log{
    display: flex;
    align-items: center;
}

.log a:first-of-type{
    color: #C9D2DA;
text-align: right;
font-family: "Sora";
font-size: 1.6rem;
font-style: normal;
font-weight: 300;
}

/* common */
.btn{
    color: #FFF;
text-align: center;
font-family: "Sora";
font-size: 1.8rem;
font-weight: 400;
width: 205px;
height: 60px;
border-radius: 99px;
background: #2E80CE;
line-height: 52px;
display: inline-block;
}

.subject{
    color: #10375C;
font-size: 5rem;
font-weight: 600;
line-height: 60px;
margin: 0;
}

/*  */

.sgin-up{
    color: #FFF;
font-family: "Sora";
font-size: 1.6rem;
font-weight: 400;
line-height: 45px; /* 175% */
width: 104px;
height: 44px;
margin-left: 28px;
}

.text-content .heading{
    color: #FFF;
    font-family: "Sora";
    font-size: 7rem;
    font-weight: 600;
    line-height: 80px; /* 114.286% */
    letter-spacing: -1.4px;
    width: 517px;
}

.text-content > p:last-of-type{
    width: 468px;
    color: #C9D2DA;
    font-family: "Sora";
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 30px; 
}

.cta a:first-child{
     display: inline-block;
    font-size: 1.8rem;
     line-height: 63px;
    margin-right: 38px;  
}

.cta .call-nb{
    color: #FFF;
    text-align: center;
    font-family: "Sora";
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 30px; /* 166.667% */
}

.hero-content{
    display: flex;
    padding-top: 76px;
    justify-content: space-around;
}

.desc-in-hero{
position: relative;
margin-top: -50px;
}

.cta{
    margin-top: 35px;
}

.img-content img:last-child{
    position: relative;
   margin-top: 65px;
   margin-bottom: 65px;
   margin-left: -1.5px;
}

.services-part{
    margin-top: 170px;
}

h2{
    color: #10375C;
font-family: "Sora";
font-size: 5rem;
font-weight: 600;
line-height: 60px; 
letter-spacing: -1px;
}

.desc-in-services{
    color: #575F66;
text-align: center;
font-family: "Sora";
font-size: 1.8rem;
font-style: normal;
font-weight: 300;
line-height: 30px; 
    width: 468px;
    margin-top: -30px;
}

.top-items{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.services-items{
    display: flex;
}

.head-title{
    color: #10375C;
font-family: "Sora";
font-size: 1.8rem;
font-weight: 600;
}

.desc-title{
    color: #575F66;
    font-family: "Sora";
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 28px; 
    width: 351px;
}

.parent-items-in-con{
    display: flex;
    flex-direction: column;
}

.container-services-content-div{
    display: flex;
    justify-content: space-around;
    margin-top: 70px;
}

.text-of-ser{
    padding-top:35px;
}

.caption-container p{
    color: #575F66;
font-size: 1.8rem;
font-weight: 300;
line-height: 3rem; 
width: 468px;
position: relative;
}

.caption-container{
    margin-left: 6rem;
}

.content-items{
    width: 338px;
height: 370px;
margin-left: 30px;
border: #C9D2DA solid 1rem;
margin-top: 7rem;
padding-top: 43px;
padding-left: 42px;
}

.title-content-items{
    color: #10375C;
font-size: 2.6rem;
font-weight: 600;
line-height: 3.6rem; 
}

.desc-hiw{
    color: #575F66;
font-size: 1.6rem;
font-weight: 300;
line-height: 2.8rem;
width: 254px;
}

.learn-btn{
    color: #575F66;
font-size: 1.4rem;
font-weight: 400;
line-height: 28px; /* 175% */
display: inline-block;
}

.learn-btn:hover{
    color: #2E80CE;
}

.work-items{
    display: flex;
    justify-content: center;
    margin-top: -22px;
    margin-left: 30px;
}

.how-it-works{
    padding-top: 220px;
}

.hiw-text-content p{
font-size: 1.8rem;
font-weight: 300;
line-height: 3rem; 
color: #575F66;
width: 468px;
}

.hiw-text-content a{
position: relative;
margin-top: 20px;
}

.how-it-works-part-2{
    display: flex;
    margin-top: 286px;
    height: 490px;
}
.hiw-img-content{
    margin-left: 25px;
}

.hiw-img-content img:last-of-type{
    position: relative;
    margin-left: 266px;
     top: -297px; 
}

.head-our-dentist{
     display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 80px; 
    text-align: center;
}

.name-of-dr{
    color: #10375C;
font-size: 1.6rem;
font-weight: 400;
line-height: 28px; /* 175% */
}

.edu-lever{
    color: #575F66;
font-size: 1.4rem;
font-weight: 300;
line-height: 26px; /* 185.714% */
position: relative;
margin-top: -20px;
}

.launch-den{
    text-align: center;
    margin-left: 32px;
}

.dentist-of-brand{
    display: flex;
    justify-content: center;
    margin-top: 70px;
    margin-left: -34px;
}

.nav-btn-den{
    display: flex;
    justify-content: center;
   text-align: center;
   margin-left: -20px;
   margin-top: 15px;
}


.nav-btn i{
 width: 40px;
 padding: 10px 0;
border-radius: 50%;
font-size: 2rem;
display: inline-block;
color: #FFFFFF;
background:#575F66;
margin-left: 20px;
}

.nav-btn-den i:hover{
    background: #2E80CE;
}

.down-item-contan{
    width: 1170px;
    height: 427px;
    border-radius: 4px;
    background: #2E80CE;
    margin: auto;
    margin-top: 265px;
    display: flex;
}
 
.mob-ui img{
    display: inline-block;
    margin-left: 70px;
    margin-top: -95px;
}

h6{
    color: #FFF !important;
}

.link-download{
    display: flex;
    width: 283px;
    height: 40px;
    justify-content: space-between;
}

.desc-down{
    color: #FFF;
font-size: 1.8rem;
font-weight: 300;
line-height: 30px;
}

.down-text-item{
    margin-left: 160px;
    margin-top: 76px;
}

.new-container{
    display: flex;
}

.new-container-item{
    width: 1170px;
    height: 375px;
    margin: auto;
    margin-top: 170px;
    display: flex;
}

.text-news{
    display: flex;
    flex-direction: column;
}

.read-blog{
    display: inline-block;
    color: #10375C;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px; /* 155.556% */
    text-decoration-line: underline;
    margin-top: 20px;
}

.nav-btn-news{
    display: flex;
    justify-content: left;
    position: relative;
    margin-top: 30px;
}

.img-news{
    display: flex;
    justify-content: space-between;
    margin-left: 130px;
    margin-right: -30px;
}

.head-title-news{
    width: 224px;
    color: #10375C;
font-size: 1.6rem;
font-weight: 600;
line-height: 26px;
}

.desc-news{
    width: 226px;
    color: #575F66;
font-size: 1.4rem;
font-weight: 300;
line-height: 24px; /* 171.429% */
}

.img-news-items{
    margin-right: 30px;
}

.decs-wel{
    width: 617px;
    color: #575F66;
    text-align: center;
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 28px;
}

.welcom-container{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 270px;
}

.footer{
    display: flex;
    height: 533px;
    background: #10375C;
    margin-top: 270px;
}

.footer-items{
    margin: auto;
    margin-top: 100px;
    display: flex;
    flex-direction: column;
}

.desc-foot{
    width: 336px;
    color: #A9B3BB;
font-size: 1.6rem;
font-weight: 400;
line-height: 28px; /* 175% */
}

.heading-of-foot{
    color: #FFF;
font-size: 1.6rem;
font-weight: 600;
line-height: 28px; 
}

.icon-social-container{
    display: flex;
}

.em-sub{
    display: flex;
}

.enter-em{
    width: 212px;
height: 46px;
border-radius: 4px;
border: 1px solid #406181;
background-color: #10375C;
}

.sub-btn {
    width: 108px;
height: 46px;
border-radius: 4px;
background: #2E80CE;
text-align: center;
display: inline-block;
color: #FFF;
font-size: 1.4rem;
font-weight: 600;
line-height: 45px;
margin-left: 10px;
}

h8::after{
    display: block;
    position: relative;
    content: "";
    width: 136px;
    height: 2px;
    background: #2E80CE;
    margin: auto;
    margin-top: 10px;
    display: flex;
    justify-content: center;
}

.welcom-container a{
    margin-top: 30px;
    line-height: 6rem;
}

.last-page{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
    margin-top: -110px;
}

.last-page p::before{
display:block;
content: "";
width: 1170px;
height: 1px;
flex-shrink: 0;
background: #406181;
position: relative;
margin-bottom: 23px;
}

.last-page p{
    color: #AAB3BA;
    text-align: center;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 26px;
}