body {
    margin: 0;
}
body *{
    box-sizing:border-box;
}
.cld-list-sli .sli-col .img-box{
    overflow:hidden;
	height: 248px;
}
.cld-list-sli .sli-col .img-box img{
    transition:all 0.3s ease-in-out;
}
.cld-list-sli .sli-col .box:hover img{
    transform:scale(1.05);
}
#cld-bnr {
    width: 100%;
    overflow: hidden;
    position: relative;
}
#cld-bnr .container {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
}
#cld-bnr .bnr-bg {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
}
#cld-bnr .row,
#cld-new-sec .row {
    padding: 0 20px;
}
#cld-bnr .bnr-bg:before {
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    /*background-image: url('<?php echo esc_url($featured_img_url); ?>');*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
#cld-bnr .bnr-bg:after {
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: #277fbd;
    z-index: 3;
    opacity: 0.5;
}
#cld-bnr .cld-inr {
    position: relative;
    z-index: 2;
    width: 100%;
    display: flex;
    min-height: 460px;
    padding: 60px 0;
    align-items: center;
}
#cld-bnr .span_12 {
    width: 100%;
}
#cld-bnr .cld-inr h1 {
    font-size: 50px;
    line-height: 60px;
    color: #fff;
    text-align: center;
    font-weight: 600;
    font-family:'DM Sans';
    margin: 0;
}
#cld-bnr .cotnt-inr{
    text-align:center;
    display:flex;
    flex-direction:column;
    gap:10px;
}
#cld-bnr .cld-inr p.cat {
    background:#fff;
    width:fit-content;
    margin:0 auto;
    padding:5px 10px;
    border-radius:5px;
    color:#277fbd;
    text-decoration:none;
    font-family:'inter';
    border:2px solid #fff;
    transition:all 0.3s ease-in-out;
}
#cld-bnr .cld-inr a{
    text-decoration:none;
    width: fit-content;
    margin: 0 auto;
}
#cld-bnr .cld-inr p.cat:hover{
    color:#fff;
    background:transparent;
    border-color:#fff;
    transform:translatey(-5px);
}
#cld-bnr .cld-inr .bio{
    margin:0;
    padding: 0;
}
#cld-bnr .cld-inr .bio li{
    list-style-type:none;
    display:inline-block;
    color:#fff;
    font-family:'inter';
    position:relative;
    padding-left:20px;
}
#cld-bnr .cld-inr .bio li:before{
    content:'';
    background:url('https://testing.dwssol.com/cld/wp-content/uploads/2025/08/user-3.png');
    width:16px;
    height:16px;
    position:absolute;
    left: 0px;
    top: 3px;
}
#cld-bnr .cld-inr .bio li:first-child{
    padding-right:20px;
}
#cld-bnr .cld-inr .bio li:last-child:before{
    background:url('https://testing.dwssol.com/cld/wp-content/uploads/2025/08/calendar.png');
}
#cld-new-sec {
    padding: 100px 0;
    position: relative;
}
#cld-new-sec .container {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
}
#cld-new-sec .cld-new-sec-inr {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
#cld-new-sec .span_6 {
    width: 50%;
}
#cld-new-sec .cld-new-sec-inr .img-box {
    width: 565px;
    height: 600px;
    overflow: hidden;
    margin: 0 auto;
}
 #cld-new-sec .cld-new-sec-inr .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    transition: all .3s ease-in-out;
} 
#cld-new-sec .span_6.rght-col *{
    margin:0;
}
#cld-new-sec .span_6.rght-col{}
#cld-new-sec .span_6.rght-col h2{
    color:rgba(0, 43, 69, 1);
    font-family:'DM sans';
    font-size:36px;
    line-height:45px;
    font-weight:600;
    margin: 0;
}
#cld-new-sec .span_6.rght-col h3{
    color:rgba(0, 0, 0, 1);
    font-family:'DM sans';
    font-size:20px;
    line-height:45px;
    font-weight:600;
    margin: 0;
}
#cld-new-sec .span_12 p{
    color:rgba(0, 0, 0, 1);
    font-family:'inter';
    font-size:15px;
    line-height:25px;
    font-weight:500;
    padding: 0;
    margin: 0
}
.cld-new-sec-inr ul.doctr-li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 5px;
    width: 100%;
}
#cld-list .row {
    padding:0 10px
}
#cld-new-sec  .doctr-li  {
    padding-left: 0;
}
#cld-new-sec  .doctr-li  li,
#cld-new-sec  .doctr-li li a {
    font-size: 20px;
    line-height: 45px;
    font-weight: 600;
    font-family: 'DM sans';
    color: #000;
    list-style-type: none;
    text-decoration: none;
    width: fit-content;
    position: relative;
    padding-left: 20px;
    margin: 0;
}
#cld-new-sec  .doctr-li  li:before {
    content: '';
    background: url(https://testing.dwssol.com/ortho-practise/wp-content/uploads/2025/07/location-icon-1.png);
    width: 25px;
    height: 25px;
    position: absolute;
    background-size: contain;
    left: -7px;
    transition: all 0.3s ease-in-out;
    top: 50%;
    transform: translate(0%, -60%);
}
#cld-new-sec  .doctr-li  li:hover,
#cld-new-sec  .doctr-li  li#cld-new-sec .doctr-list .doctr-box .doctr-bio ul li a:hover {
    color: #7ed6c4;
}
#cld-new-sec  .doctr-li  li:hover:before {
    transform: scale(1.15) translate(0px, -15px);
}
#cld-new-sec  .doctr-li li:nth-child(2):before {
    content: '';
    background: url(https://testing.dwssol.com/ortho-practise/wp-content/uploads/2025/07/award-icon.png);
    width: 25px;
    height: 25px;
    position: absolute;
    background-size: contain;
    transition: all 0.3s ease-in-out;
}
#cld-new-sec .span_6.rght-col h3{
    color: rgba(0, 43, 69, 1);
    font-family: 'DM sans';
    font-size: 20px;
    line-height: 45px;
    font-weight: 600;
    margin: 0;
}
#cld-new-sec  .social-icn li {
    list-style-type: none;
    display: inline-block;
    margin-right: 10px;
}
#cld-new-sec  .social-icn{
    padding-left:0;
}
#cld-new-sec  .social-icn li a {
    color: rgba(0, 43, 69, 1);
    width: 45px;
    height: 45px;
    text-align: center;
    background: linear-gradient(257deg, #82F2D0 -1.76%, #82F2D5 33.64%, #BEF0EC 78.25%);
    display: block;
    border-radius: 50%;
    transition: all .3s ease-in-out;
    border: 1px solid #fff;
    font-size: 20px;
    line-height: 45px;
}
#cld-new-sec  .social-icn li a:hover {
    background: rgba(0, 43, 69, 1);
    transform: rotate(360deg) scale(1.05);
    border-color: rgba(0, 43, 69, 1);
    color:#fff;
}
#cld-new-sec .doctr-btn{
    background:#002b45;
    color:#fff;
    padding:17px 45px;
    border-radius:7px;
    font-size:15px;
    font-weight:700;
    font-family:'inter';
    border:1px solid #002b45;
    text-decoration:none;
    width:fit-content;
    margin-top: 20px!important;
    transition:all 0.3s ease-in-out;
}
#cld-new-sec .doctr-btn:hover{
    background:#82f2d5;
    border-color:#82f2d5;
    color:#002b45
}
#cld-new-sec .rght-col .cotnt-inr {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}
#cld-new-sec .dot-bg {
    background: url(https://testing.dwssol.com/ortho-practise/wp-content/uploads/2025/07/dotted-pattrn-img.png);
    width: 100%;
    height: 750px;
    position: absolute;
    top: 0;
    background-repeat: repeat;
    background-size: contain;
    z-index: -1;
}
#cld-new-sec .cld-new-sec-inr .img-box img:hover{
    transform: scale(1.05);
}
#cld-list {
    padding: 50px 0 100px;
    position: relative;
    background:#f3f3f3;
}
#cld-list .container {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
}
#cld-list .span_12 {
    width: 100%;
}
#cld-list .cld-list-top .cotnt-inr {
    max-width: 900px;
    margin: 0 auto 15px;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
#cld-list .cld-list-top h2{
    color: #277fbd;
    font-family: 'Playfair';
    font-size: 50px;
    font-weight: 700;
    margin: 0;
}
#cld-list .cld-list-top p{
    color:rgba(0, 0, 0, 1);
    font-family:'inter';
    font-size:15px;
    line-height:25px;
    font-weight:500;
    margin: 0;
}
.cld-list-sli .slider-wrapper{
    display: flex;
    flex-wrap:wrap;
    width:100%;
    align-items:center;
    gap:10px;
    justify-content: center;
    row-gap:20px;
    padding: 0 10px;
    position: relative;
}
#cld-new-sec .span_12 ul{
    margin-bottom: 0;
}
#cld-new-sec .span_12 ul li {
    color: rgba(0, 0, 0, 1);
    font-family: 'inter';
    font-size: 15px;
    line-height: 25px;
    font-weight: 500;
    padding: 0;
    margin: 0;
}
.cld-list-sli .sli-col{
    width: 30%;
}
.cld-list-sli .sli-col .box{
    display:flex;
    flex-direction:column;
    gap:5px;
    width: 95%;
    margin: 0 auto;
}
.cld-list-sli .sli-col .box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    margin: 0;
}
.cld-list-sli .sli-col .box h3,
.cld-list-sli .sli-col .box h4{
    margin:0;
}
.cld-list-sli .sli-col .box h3{
    font-size:20px;
    line-height:22px;
    font-weight:600;
    font-family:'Playfair';
    color:#000;
    margin: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.cld-list-sli .sli-col .box h4{
    font-size: 13px;
    font-weight: 500;
    font-family: 'inter';
    color: #277fbd;
    margin: 0;
}
.cld-list-sli {
    padding-top:20px;
}
#cld-list  button.slick-next.slick-arrow:hover,
#cld-list  button.slick-prev.slick-arrow:hover{
    background:#277fbd;
}
#cld-list  button.slick-next.slick-arrow:before,
#cld-list  button.slick-prev.slick-arrow:before{
    opacity:1;
}
#cld-list .slick-next,
#cld-list .slick-prev{
    z-index: 3;
    width: 38px;
    height: 38px;
    border: 2px solid #277fbd;
    background:#277fbd;
    border-radius: 50px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
#cld-list .slick-next:before{
    content:'';
    background:url(https://testing.dwssol.com/ortho-practise/wp-content/uploads/2025/07/rightarrow.png);
    width:14px;
    height:16px;
    background-size: cover;
    filter: brightness(0) invert(1);
    background-repeat: no-repeat;
}
#cld-list .slick-prev:before{
    content:'';
    background:url(https://testing.dwssol.com/ortho-practise/wp-content/uploads/2025/07/leftarrow.png);
    width:14px;
    height:16px;
    background-size: cover;
    background-repeat: no-repeat;
    filter: brightness(0) invert(1);
}
#cld-list button.slick-next.slick-arrow {
    position: absolute;
    left: 50%;
    top: 115%;
}
#cld-list button.slick-prev.slick-arrow {
    position: absolute;
    left: 46%;
    top: 115%;
}

@media(max-width:1024px){
    #cld-new-sec .cld-new-sec-inr .img-box {
    width: 455px;
    height: 530px;
}
#cld-new-sec .rght-col .cotnt-inr {
    gap: 5px;
}
#cld-list button.slick-prev.slick-arrow {
    left: 45%;
}
}
@media(max-width:800px){
    #cld-new-sec .cld-new-sec-inr{
    text-align: center;
}
#cld-new-sec .span_6{
    width:100%;
    text-align:center;
}
#cld-new-sec .doctr-btn{
    margin:20px auto 0!important;
}
.cld-new-sec-inr ul.doctr-li{
    align-items: center;
}
#cld-new-sec {
    padding: 40px 0;
}
#cld-bnr .cld-inr{
    min-height: 340px;
}
#cld-list .cld-list-top .cotnt-inr {
    max-width: 750px;
}
#cld-new-sec .span_6.rght-col h2 {
    font-size: 30px;
}
#cld-new-sec .doctr-li li, #cld-new-sec .doctr-li li a {
    font-size: 16px;
    line-height: 30px;
}
#cld-new-sec .span_6.rght-col p{
    font-size: 14px;
}
.cld-list-sli .sli-col .box h3 {
    font-size: 20px;
    line-height: 22px;
    
}
.cld-list-sli .sli-col .box h4 {
    font-size: 15px;

}
#cld-list .cld-list-top h2 {
    font-size: 30px;
}
#cld-list .cld-list-top p {
    font-size: 14px;
}
#cld-list {
    padding: 20px 0 80px;
}
#cld-list button.slick-next.slick-arrow {
    left: 52%;
}
#cld-new-sec .span_12 p{
    font-size: 14px;
}
}
@media(max-width:480px){
    .cld-list-sli .sli-col .box {
    gap: 8px;
    width: 80%;
    margin: 0 auto;
}
#cld-list .cld-list-top .cotnt-inr {
        max-width: 100%;
}
#cld-list {
        padding: 20px 0 100px;
}
#cld-list button.slick-next.slick-arrow {
    left: 55%;
}
#cld-bnr .cld-inr h1 {
    font-size: 32px;
    line-height: 35px;
}
#cld-bnr .cld-inr {
    min-height: 260px;
}
#cld-new-sec .cld-new-sec-inr .img-box {
    width: 375px;
    height: 430px;
}
    #cld-new-sec .span_6.rght-col h2 {
        font-size: 26px;
        margin-top: 10px;
    }
#cld-new-sec .span_6.rght-col p {
        font-size: 13px;
        line-height: 23px;
}
#cld-new-sec .doctr-li li, #cld-new-sec .doctr-li li a {
        font-size: 14px;
        line-height: 25px;
    }
    #cld-new-sec .doctr-li li:before {
        width: 20px!important;
        height: 20px!important;
    }
#cld-list .cld-list-top p {
        font-size: 13px;
        line-height: 23px;
    }
    #cld-list .cld-list-top h2 {
        font-size: 26px;
    }
    .cld-list-sli .sli-col .box h3 {
        font-size: 18px;
        line-height: 20px;
        text-align: center;
        margin-top: 10px;
    }
    .cld-list-sli .sli-col .box h4 {
        font-size: 13px;
        text-align: center;
    }
    #cld-new-sec .span_12 p{
        font-size: 13px;
        line-height: 23px;
    }
    #cld-bnr .cld-inr .bio li{
        font-size: 13px;
    }
    #cld-bnr .cld-inr p.cat{
            padding: 0px 5px;
    font-size: 12px;
    }
    #cld-bnr .row, #cld-new-sec .row {
    padding: 0px 10px;
}
}
@media(max-width:420px){
    #cld-new-sec .social-icn li a{
        width: 40px;
    height: 40px;
    font-size: 15px;
    line-height: 40px;
    }
    #cld-new-sec .cld-new-sec-inr .img-box {
        width: 335px;
        height: 400px;
    }
    #cld-list button.slick-prev.slick-arrow {
        left: 42%;
    }
}
@media(max-width:390px){
    #cld-bnr .cld-inr h1 {
        font-size: 25px;
        line-height: 30px;
    }
    #cld-new-sec .cld-new-sec-inr .img-box {
        width: 295px;
        height: 320px;
    }
    .cld-list-sli .sli-col .box {
        width: 90%;
    }
    #cld-list button.slick-prev.slick-arrow {
        left: 39%;
    }
    #cld-list button.slick-next.slick-arrow {
        left: 53%;
    }
}