body{
    margin:0px;
}
._2nav{
    z-index: 1000;
}
._1nav{
    
}
._2naf{
    font-size:12px;
}
._3naf{
    font-size:16px !important;
}
._1nav ul>li{
    list-style: none;
    cursor:pointer;
}
.text-triveni{
    color:#ff5e62 !important;
}
.text-triveni-secondary{
    color: #1ab64f !important;
}
.text-triveni-gradient{
    font-size: 23px!important;
    background: #ff9966;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #ff5e62, #ff9966);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #ff5e62, #ff9966);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.border-white{
    border:2px solid white;
}
.hover-text-white{
    color:white !important;
}
.bg-triveni{
    background: #ff9966;
    background: -webkit-linear-gradient(to right, #ff5e62, #ff9966);
    background: linear-gradient(to right, #ff5e62, #ff9966);

}
.text-grey{
    color:grey !important;
}
.hover-text-triveni:hover{
    color:#ff5e62 !important;
}
.position-relative{
    position:relative !important;
}
.bg-triveni-secondary{
    background-color: #1ab64f;
}
.text-triveni-secondary-gradient{
    font-size: 23px!important;
    background-color: #1ab64f;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.box-shadow-light{
    box-shadow: 0 0px 25px -7px rgb(0 0 0 / 20%);
}
.datepicker-cancel, .datepicker-clear, .datepicker-today, .datepicker-done{
    color:#ff5e62 ;
}
.datepicker-table td.is-today,.timepicker-close{
    color:#ff5e62
}
.datepicker-date-display,.timepicker-digital-display{
    background-color:#ff5e62
}
.modal{
    height:auto;
}
.modal > *, ::after, ::before{
    box-sizing:border-box !important;
}
.modal *{
    box-sizing:border-box !important;
}
.datepicker-table td.is-selected{
    background-color:#ff5e62;
    color:white;
}
input:not([type]), input[type=text]:not(.browser-default), input[type=password]:not(.browser-default), input[type=email]:not(.browser-default), input[type=url]:not(.browser-default), input[type=time]:not(.browser-default), input[type=date]:not(.browser-default), input[type=datetime]:not(.browser-default), input[type=datetime-local]:not(.browser-default), input[type=tel]:not(.browser-default), input[type=number]:not(.browser-default), input[type=search]:not(.browser-default), textarea.materialize-textarea{
    height:1.8rem
}
.form-label label{
    left:1px;
}
.timepicker-modal .text-primary{
    color:white !important;
}
.timepicker-canvas-bg,.timepicker-canvas-bearing{
    fill:#ff5e62 !important;
}
.timepicker-canvas line{
    stroke:#ff5e62 !important;
}
@media screen and  (min-width: 768px){
    .navbar-nav{
        -ms-flex-direction: row ;
        flex-direction: row;
    }
}
._3nafh{
    font-size:21px !important;
}
.make-down{
    position:relative;
    top:4px;
}
.image{
    position:relative;
}
.image::after{
    display: block;
    content: " ";
    width: 100%;
    height: 200px;
    background-image: url('./../image/down-1.png');
    background-size: 100% 100%;
    position: absolute;
    bottom:0px;
}
.image-1::after{
    content: " ";
    width: 100%;
    height: 175px;
    background-image: url('./../image/treatment-upper.png');
    background-size: 100% 100%;
    position: absolute;
    bottom:0px;
}
.btn-triveni-secondary{
    background-color: #1ab64f;
    border: 1px solid #1ab64f;
    color:white;
}
.hover-box-shadow:hover{
    box-shadow:1px 1px 1px 13px rgb(255 255 255 / 50%);
}
.imageset2{
    background-image: url('../image/section-24.jpg');
    background-size: 100% 100% ;
    width:70% !important;
    height: 523px;
    margin:0 auto;
}
.box-shadow-green-circle{
    width: 150px;
    top: 186.5px;
    right: -75px;
    box-shadow: 1px 1px 19px 19px rgb(255 255 255);
    padding: 64px 16px 64px 16px;
    line-height: 18px;
}
.box-shadow-light {
    box-shadow: 0 0px 19px 0px rgba(0,0,0,0.3);
}
.hover-bg-triveni:hover{
    background: #ff9966;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #ff5e62, #ff9966);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #ff5e62, #ff9966); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background-color: #ff9966;
}
.bottom-un-radius{
    border-radius: 0px 0px 168px 171px/15px 30px 51px 64px !important;
}
.text-light-grey{
    color:#f5f5f5;
}
.bottom-arrow{
    border:5px solid white;
    left:41%;
    bottom:-21px;
}
.hover-show-white{
    background-color: transparent;
}
.hover-show-white .hover-show-ml-white{
    color:#fff !important;
}
.hover-show-white .hover-show-ml-2-white{
    color:#f5f5f5 !important;
}
.hover-show-white  .hover-show-ml-3-white{
    display:none;
}
.hover-show-white:hover{
    background-color:white;
}
.hover-show-white:hover .hover-show-ml-white{
    color:#343a40!important;
}
.hover-show-white:hover .hover-show-ml-2-white{
    color:grey !important;
}
.hover-show-white:hover .hover-show-ml-3-white{
    display:block;
}
.selected-patient{
    background-color:white !important;
}

.selected-patient>div{
    border-bottom:3px solid #ff5e62 !important;
}
.hover-show-social>div:last-child{
    display:none;
}
.hover-show-social:hover{
    box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.2);
}
.hover-show-social:hover >div:last-child{
    display:flex;
}
.bg-input-box{
    background-color:#E3EAFB !important;
}
.resize-none{
    resize: none;
}








.nav-our-center{
    display: none;
    position: absolute;
    width: 120px;
    padding: 0;
    text-align: center;
    color: white;
    font-size: 14px;
    font-weight: 600;
    top: 22px;
    left: -25px;
    border: 1px solid white;
    
    
}

.nav-our-center-option{
    /* color: black;  */
    background-color: #ff8865;
    border-bottom: 1px solid white;
    /* border-right: 1px solid rgba(0, 0, 0, 0.331);
    border-left: 1px solid rgba(0, 0, 0, 0.331); */
    padding: 3PX;
}

.nav-our-center-option:hover{
    color: #1ab64f; 
    background-color: #ff6062;
    color: white;
   /* border: 1px solid rgba(0, 0, 0, 0.331); */
}

.hover-nav:hover  .nav-our-center {
    display: block;
}
    .nav-our-center:hover{
        display: block;
    
    }



    .map-box{

            width: 100%;
            display: flex;
            justify-content: center;
            margin-bottom: 50px;
            margin-top: 50px;

    }


    .o-c-n{
        display: none;
    }

    .m-n-b{
        display: none;
    }



    .o-c-nav:hover + .o-c-n{
         display: block;
    }


    .more-nav:hover + .m-n-b{
        display: block;
   }

   .o-c-n:hover{
    display: block;
}

.m-n-b:hover{
    display: block;
}



.apply-btn{
    border: none;
    border-radius: 8px;
    background-color: #ff9966;
    padding: 3px;
    width: 120px;
    margin-bottom: 10px;
    margin-top: 0px;
    margin-left: 120px;
    box-shadow: 1px 1px 5px gray;
}

.apply-btn:hover{
   color: green;
   box-shadow: 3px 3px 3px gray;
}

.f-box{
    display: none;
    height: 360px;
    width: 700px;
    border-radius: 0px;
    /* border: 1px solid rgba(0, 0, 0, 0.521); */
    margin: auto;
    position: fixed;
    background-color: white;
    left: 50%;
    z-index: 100;
    top: 50%;
    transform: translate(-50%,-50%);
    border-radius: 15px;
    transition: all;
    transition-duration: 500ms;
    box-shadow: 3px 3px 9px gray ;
    border: 1px solid gray;
    }

    @import url('https://fonts.googleapis.com/css2?family=Secular+One&display=swap');
    .f-box-show{
        display: block;
        }


        .fa-circle-xmark{
            position: absolute;
            left: 96.3%;
            top: 3px;
            color: black;
            font-size: 23px;
        }

        .opacity{
            opacity: 0.1;
        }

        .o-fhidden{
            overflow: hidden;
        }

        .input-box{
            display: grid;
            /* flex-direction: column; */
            padding-top: 30px;
            width: 90%;
            margin: auto;
            grid-template-columns: repeat(2,auto);
        }



        .l-input{   
            display: flex;
            flex-direction: column-reverse;
            margin-bottom: 15px;
            width: 280px;
            margin-left: 25px;
        }

        .submit-btn{
            border: none;
            border-radius: 8px;
            background-color: #ff9966;
            padding: 3px;
            width: 120px;
            margin-bottom: 10px;
            margin-top: 30px;
            margin-left: 280px;
            box-shadow: 1px 1px 5px gray;
        }

        .submit-btn:hover{
            color: green;
            box-shadow: 3px 3px 3px gray;
        }

        .l-input-1{
          border: none;
          border-radius: 5px;
          padding: 3px;
          box-shadow: 1px 1px 5px #929292;
        }
        .top-span{
           font-size: 15px;
           font-weight: 00;
           margin-bottom: 3px;
           font-family: 'Secular One', sans-serif;
        }