@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@600&family=Gloria+Hallelujah&family=Lexend&family=Maitree:wght@600&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&family=Prompt:ital@1&family=Roboto+Mono:wght@400;500&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

html {
    scroll-behavior: smooth;
}

* {
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
}

body {
    margin: 0px;
    padding: 0px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-60 {
    margin-top: 60px !important;
}

.mt-80 {
    margin-top: 80px;
}

.mt-100 {
    margin-top: 100px;
}

.mt-120 {
    margin-top: 120px;
}

.mt-140 {
    margin-top: 140px;
}

.scrolltop {
    position: fixed;
    z-index: 1000;
    bottom: 20px;
    right: 15px;
    background-color: #f7847e;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

.scrolltop:hover {
    background-color: rgb(242, 101, 41);
}

.scrolltop i {
    color: white;
}

.btn-outline-light {
    color: #852817;
    border-color: #852817;
}

.btn-primary {
    color: #fff;
    background-color: #852817 !important;
    border-color: #852817 !important;
}

/*headertop*/
.headertopbody {
    width: 100%;
    display: block;
    border-top: 5px solid #f7847e;
    background-color: #9e4b47;
    padding: 5px;
    display: flex;
    align-items: center;
}

.headertopbodyleft {
    margin: 0px;
    padding: 0px;

}

.headertopbodyleft ul {

    margin: 0px;
    padding: 0px;
    display: flex;
    margin-top: 10px;
}

.headertopbodyleft ul li {

    margin: 0px;
    padding: 0px 10px;
    list-style: none;
}

.headertopbodylefticon {

    margin: 0px;
    padding: 0px;
    display: flex;
    gap: 14px;
}


.headertopbodylefticon i {
    font-size: 24px;
}

.headertopbodylefticon p,
.headertopbodylefticon p a {
    color: white;
    font-size: 16px;
    text-decoration: none;
}

.headertopbodyleft i {
    color: rgb(242, 101, 41);
    font-size: 24px;
}

/* .headertopbodyleft p
{
    font-size: 16px;
    color: #535353;
    font-family: 'Roboto', sans-serif;
    text-transform: capitalize;
    font-weight: 400;
} */
.headertopright {
    display: flex;
    justify-content: right;
    margin: 0px;
    padding: 0px;
    margin-top: 10px;
}

.headertopright p {
    color: white;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
}

.headertoprightsocial {
    margin: 0px;
    padding: 0px;
}

.headertoprightsocial ul {
    margin: 0px;
    padding: 0px;
    display: flex;
    justify-content: right;
}

.headertoprightsocial ul li {
    position: relative;
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.headertoprightsocial ul li a {
    font-size: 14px;
    color: white;
    padding: 0 9px;
}

.navigationbox ul li {
    position: relative;
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.navigationbox ul li ul.dropdown-item-main {
    position: absolute;
    top: 149%;
    left: 0;
    display: none;
    border-top: 2px solid #9e4b47;
    background-color: #fff;
    width: 200px;
    margin: 0;
    padding: 0;
}

.navigationbox ul li:hover ul.dropdown-item-main {
    display: block;
}


.navigationbox ul li ul.dropdown-item-main li {
    display: block;
    padding: 7px;
    margin: 0;
    list-style: none;

    background-color: #fff;
    border-bottom: 1px solid #00486175;
    transition: .3s ease-in-out;
}
.navigationbox ul li ul.dropdown-item-main li:hover {
    color: #fff !important;
    background-color:#852817;
   
}
.navigationbox ul li ul.dropdown-item-main li a:hover{
         color:#fff; 
}



.navigationbox ul li ul.dropdown-item-main li a {
    color: #9e4b47;;
    font-size: 16px;
    font-family: "roboto", sans-serif;
    text-decoration: none;
    cursor: pointer;
    padding: 0 ;
    margin: 0;
    margin-left: 12px;
    font-weight: 400;

}


/*bannerstart*/

.bannerbody {
    
    width: 100%;
    height: 600px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
 

.bannertext {

    width: 100%;
    height: 600px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.bannertext h2 {

    font-size: 56px;
    color: #a13c2a;
    font-style: italic;
}

.bannertext h4,
.bannertext h4 a {

    color: #004861;;
    text-decoration: none;
}

.bannertext p {

    color: white;
    font-size: 24px;
}

/*navber*/


.navbox {

    background: rgba(255, 255, 255, 0.205);
    padding: 15px;
    display: flex;
    align-items: center;
    box-shadow: 0 .125rem .25rem rgb(0 0 0 / 27%) !important;
}

.navlogo {

    margin: 0px;
    padding: 0px;
}


/*navigation*/

.navigationbox {

    margin: 0px;
    padding: 0px;
}

.navigationbox ul {

    margin: 0px;
    padding: 0px;
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

.navigationbox ul li {

    margin: 0px;
    padding: 0px;
    list-style: none;

}

.navigationbox ul li a {

    margin: 0px;
    padding: 0px 15px;
    padding-bottom:30px;
    cursor: pointer;
    text-decoration: none;
    font-size: 18px;
    color: #9e4b47;
    transition: all 0.5s ease-in-out;
    font-weight: 500;
}

.navigationbox ul li a:hover {

    color: #9e4b47;
}


.appointmentbox {

    margin: 0px;
    padding: 0px;
}



/*appointmentbox*/

.appointment_box {
    margin: 0px;
    padding: 0px;
    margin-top: 6px;

}

.appointment_box button {

    background-color: #9e4b47;
    color: white;
    border-radius: 0px;
    text-decoration: none;

}

.appointment_box button:hover {

    background-color: #004861;
    color: white;
    border-radius: 0px;

}

.appointmentbox1 {
    margin: 0 auto;
}

.appointmentbox2 {
    width: 100%;
    min-height: 250px;
    border-bottom: 5px solid #f7847e;
    background-color: #9e4b47;

}

.appointmentbox2left {
    margin: 0px;
    padding: 0px;
    margin-top: 40px;
    border-right: 2px dotted white;
}

.appointmentbox2left h2 {
    font-size: 24px;
    color: white;
    font-family: 'Roboto', sans-serif;
    text-transform: capitalize;
}

.appointmentbox2left h4 {
    font-size: 24px;
    color: white;
    font-family: 'Roboto', sans-serif;
    text-transform: capitalize;
    font-weight: 600;
}

.appointmentbox2left button {
    background-color: #00496100;
    margin-top: 25px;
    color: #fffffc;
    border: 2px solid #fff;
}

.appointmentbox2left button:hover {
    background-color: white;
    color: black;
}

.appointmentbox2right {
    margin: 0px;
    padding: 0px;
}

.appointmentbox2right1 {
    display: flex;
    gap: 20px;
}

.appointmentbox2right1 i {
    color: white;
    font-size: 24px;
    margin-top: 40px;
}

.appointmentbox2right1 p {
    font-size: 24px;
    color: white;
    font-family: 'Roboto', sans-serif;
    margin-top: 30px;
}

.appointmentbox2right2 {
    display: flex;
    gap: 20px;
}

.appointmentbox2right2 p {
    font-size: 18px;
    color: white;
    font-family: 'Roboto', sans-serif;
}

.appointmentbox2right2 h6 {
    font-size: 18px;
    color: white;
    font-family: 'Roboto', sans-serif;
}

/*aboutus*/

.aboutus {
    margin: 0px;
    padding: 0px;
}

.aboutusleft {
    margin: 0px;
    padding: 0px;
    position: relative;
    width: 100%;
    height: 400px;
    background-image: url(../image1/aboutuspic.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 15px;
}

.aboutusleft::before {

    position: absolute;
    content: "";
    width: 50%;
    height: 50%;
    top: 60%;
    left: 30px;
    background-image: url(../image1/aboutuspic1.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 10px;
    background-position-y: -55px;
    border: solid 5px white;

}

.service-booking a{
    float: right;
    color: #f9fafb;
    text-decoration: none;
    border: 2px solid #004861;
    padding: 6px 20px;
    margin-right: 31px;
    background: #004861;
}
.service-booking a:hover{ 
    color: #f9fafb;
    text-decoration: none;
    border: 2px solid #852817; 
    background: #852817;
}
.service-booking1 a{
    float: left;
    color: #f9fafb;
    text-decoration: none;
    border: 2px solid #004861;
    padding: 6px 20px;
    margin-right: 31px;
    background: #004861;
}
.service-booking1 a:hover{ 
    color: #f9fafb;
    text-decoration: none;
    border: 2px solid #852817; 
    background: #852817;
}

.aboutusright {
    margin: 0px;
    padding: 0px;
}
.aboutusright h1{
    color: #004861;
    font-size: 35px;
    line-height: 1.4;
}

.aboutusright h6 {
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    color: #9e4b47;
}

.aboutusright h4 {
    font-size: 28px;
    font-family: 'Roboto', sans-serif;
    color: #f7847e;
}

.aboutusright p {
    font-size: 16px;
    color: #535353;
    font-family: 'Roboto', sans-serif;
}

.aboutusright button {

    background-color: #9e4b47;
    color: white;
}


.aboutusright button:hover {
    border: 2px solid #852817;
    background-color:#004861 !important;
    color: white;
}


/*service*/
.service-list {
    /* border: 1px solid #cc4506; */
    padding: 20px;
    text-align: center;
    box-shadow: 3px 2px 4px 2px #00000033;
}

.service-list h3{
       font-size: 20px;
       font-family: "Roboto", sans-serif;
       color:#9e4b47;
}

.service-list a { 
        color: #fffffc;
        border: 2px solid #004861;
        padding: 4px 15px;
        background-color: #004861;
        text-decoration: none; 
}
.service-list p{
    color: #333;
    font-size: 16px;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
}
.serviceimg {
    margin: 0px;
    padding: 0px;
}

.service-img img {

    width: 100%;
    height: 450px;
    object-fit: cover;
}

.serviceimg img {

    width: 100%;
    height: 450px;
    object-fit: cover;
}


.servicerelatedbox {

    background-color: #9e4b47;
    width: 100%;
    height: 450px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 20px;
}

.servicerelatedbox h2 {
    color: white;
}

.servicerelatedbox p {

    color: white;
}

.servicerelatedbox h6 a {

    color: white;
    text-decoration: none;
}


.serviceimg1 {

    width: 100%;
    height: 450px;
    margin: 0px;
    padding: 0px;
}

.serviceimg1 img {

    width: 100%;
    height: 450px;
    object-fit: cover;
}


.servicerelatedbox2 {

    background-color: f4f1ef;
    width: 100%;
    height: 450px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 20px;
}

.servicerelatedbox2 h2 {
    color: #9e4b47;
}

.servicerelatedbox2 p {

    color: #444444;
}

.servicerelatedbox2 h6 a {

    color: #9e4b47;
    text-decoration: none;
}

.mt-15 {
    margin-top: 0px !important;
}



/*-----treatment-----*/

.text-center {

    margin: 0px;
    padding: 0px;
    text-align: center;
}

.text-center h2 {

    color: #9e4b47;
}

.treatmentbox {

    margin: 0px;
    padding: 20px;
    border: dotted 2px #c4c4c4;
    width: 100%;
    display: block;
}

.treatmentboxicon {

    width: 80px;
    height: 80px;
    margin: 0 auto;
    display: table;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f4f1ef;
    border-radius: 50%;
    transition: all 0.5s ease-in-out;
}

.treatmentboxiconimg {

    width: 60px;
    height: 60px;
}

.treatmentbox:hover .treatmentboxicon {

    background-color: #ffafaa;
}

.treatmentboxtext {
    margin: 20px 0px;
    padding: 0px;
    text-align: center;
}

.treatmentboxtext h4 {

    color: #f7847e;
    font-style: italic;
    font-weight: bold;
}

.treatmentboxtext p {

    font-size: 18px;
    line-height: 22px;
    margin-bottom: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.treatmentboxtext h6 a {
    color: rgb(0 72 97);
    text-decoration: underline;
}
.treatmentboxtext h6 a:hover {
    color: #852817;
    text-decoration : underline;
}
.treatmentboxtext1 {

    margin: 10px 0px;
    padding: 0px;
    text-align: center;
}

.treatmentboxtext1 h4 {

    color: #f7847e;
    font-style: italic;
    font-weight: bold;
}


.treatmentboxtext1 p {

    font-size: 18px;
}

.treatmentboxtext1 h6 a {

    color: rgb(104, 104, 104);
    text-decoration: none;
}


/*factyouknow*/

.factyouknow {

    margin: 0px;
    padding: 40px 0px;
    background-color: #F4F1EF;
}


.factlefttext {

    margin: 0px;
    padding: 0px;
}

.factlefttext h2 {

    color: #f7847e;
}

.factlefttext p {
    color: black;
}



.factright {

    margin: 0px;
    padding: 0px;
}

.factrighticon {

    display: flex;
    gap: 15px;
    margin: 15px 0px;
    padding: 0px;
}


.consiquenceicon {

    width: 65px;
    height: 65px;
}

.consiquenceicon img {

    width: 65px;
    height: 65px;
}


.consiquenceicontext {

    margin: 0px;
    padding: 0px;
}

.consiquenceicontext h4 {

    color: #9e4b47;
}



/*beforeafterpic*/

.beforebox {

    margin: 0px;
    padding: 0px;
}

.protectleftdownleftimg1 {

    width: 100%;
    height: 550px;
}


.pretext {

    margin: 15px 0px;
    padding: 0px;
    text-align: center;
}

.pretext h2 {

    color: #9e4b47;
}

/*------appoinment-------*/


.appointmentbox {

    background-color: #F4F1EF;
    margin: 0px;
    padding: 40px 0px;
}


.appointmentboxleft {

    margin: 0px;
    padding: 0px;
    margin-top: 20%;

}

.appointmentboxleft h2 {

    color: #f7847e;
}

.appointmentboxleft h4 {

    color: #9e4b47;
    font-size: 36px;
}

.appointmentboxright {

    margin: 0px;
    padding: 0px;
}

.appointmentboxright input {

    width: 100%;
    padding: 12px;
    border: solid 1px #9e4b47;
    border-radius: 10px;
    display: block;
    margin: 0px 0px;
}

.appointmentboxright select {

    width: 100%;
    padding: 12px;
    border: solid 1px #9e4b47;
    border-radius: 10px;
    display: block;
    margin: 15px 0px;
}

.appointmentboxright input:focus {

    outline: none;
}

.appointmentboxright textarea {

    width: 100%;
    padding: 20px;
    border: solid 1px #9e4b47;
    border-radius: 10px;
    display: block;
    height: 150px;
}

.appointmentboxright textarea:focus {

    outline: none;
}


.appointmentboxright button {

    background-color: #9e4b47;
    color: white;
    margin: 8px 0px;
}

.appointmentboxright button:hover {

    background-color: #9e4b47;
    color: white;
}

.service-btn1 a {
    margin-top: 15px;
    color: #fff;
    text-decoration: none;
    font-weight: 500;
    border: 2px solid #fff;
    padding: 10px;
    transition:.3s ease-in-out;
}

.service-btn1 a:hover{
       color: #9e4b47;
       background-color:#fff;
}


.service-btn2 a {
    margin-top: 15px;
    color: #852817;
    text-decoration: none;
    font-weight: 500;
    border: 2px solid #852817;
    padding: 10px;
    transition:.3s ease-in-out;
}

.service-btn2 a:hover{
       color: #fff;
       background-color:#852817;
}

.serviceimg img{
       width:100%;
       height:340px;
       object-fit: cover;
}

/*testimonail*/

.testimonialbox {
    margin: 0px;
    padding: 0;
    height: 550px;
    background-image: url(../image1/testimonialpic.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
}

.testimonial-box{
    border: 2px solid #c14b36;
    padding: 20px;
    margin:7px;
    background-color: #c8eaf58f;
    box-shadow: -2px 2px 4px 0px #000;
}

.testimonialbox::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.61);
    z-index: -1;
}

.testimonialbox1 {
    margin: 0px;
    padding: 0px;
    margin-top: 60px;
}

testimonialbox1 h2 {

    color: #9e4b47;
}

.testimonialbox2 {
    margin: 0px;
    padding: 0px;
    margin-top: 50px;
}

.testimonialbox2image1 {
    margin: 0px;
    padding: 0px;
}

.testimonialtext {
    margin: 0px;
    padding: 0px;
}

.testimonialtext p {
    font-size: 14px;
    color: #535353;
    font-family: 'Roboto', sans-serif;
}

.testimonialbox2image {
    margin: 0px auto;
    padding: 0px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.testimonialbox2image_1 {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.testimonialtext2 {
    margin: 0px;
    padding: 0px;
    text-align: center;
}

.testimonialtext2 h6 {
    margin-top: 10px;
    font-family: 'Roboto', sans-serif;
    color: #f7847e;
}

.testimonialtext2 p {

    font-family: 'Roboto', sans-serif;
    color: #535353;
    font-size: 16px;
}

.testimonial .owl-dot.active span {
    background: #f7847e !important;
    width: 30px !important;
    height: 5px !important;
}

/*---aboutuspage----*/

.aboutusbg {

    width: 100%;
    height: 400px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;

}




/*----gallerypage-----*/


.gallerybox {

    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
}


.galleryboximg {
    object-fit: cover;
    width: 100%;
    display: block;
    height: 350px;
    border-radius: 10px;
}


/*--------contactuspage-----------*/

.contactuspage-box {

    margin: 0px;
    padding: 20px;
    border: dotted 1px #9e4b47;
    border-radius: 20px;
}


.contactuspage-boxicon {

    width: 0;
    height: 80px;
    margin: 0 auto;
    display: table;
}

.contactuspage-boxicon i {

    font-size: 48px;
}

.contactuspage-boxicontext {

    margin: 10px 0px;
    padding: 0px;
    text-align: center;
}


.contactuspage-boxicontext h4 {

    color: #9e4b47;
}

.contactuspage-boxicontext p,
.contactuspage-boxicontext p a {

    color: black;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
}



.contactuspage-box1 {

    margin: 0px;
    padding: 20px;
    border: dotted 1px #f7847e;
    border-radius: 20px;
}

.contactuspage-boxicon1 {

    width: 0;
    height: 80px;
    margin: 0 auto;
    display: table;
}

.contactuspage-boxicon1 i {

    font-size: 48px;
}


.contactuspage-boxicontext1 {

    margin: 10px 0px;
    padding: 0px;
    text-align: center;
}


.contactuspage-boxicontext1 h4 {

    color: #f7847e;
}

.contactuspage-boxicontext1 p,
.contactuspage-boxicontext1 p a {

    color: black;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
}


/*mapstart*/

.mapbox {

    width: 100%;
    display: block;
}


.mapbox iframe {

    border-radius: 15px;
}

/*footer*/

.footerbox {
    background-color: #222222;
    margin: 0px;
    padding: 0px 0px;
    padding-top: 20px;
}

.footerboxleft {
    margin: 0px;
    padding: 0px;
}

.footerboxleft h2,
.footerboxleft p {
    color: white;
    font-family: 'Roboto', sans-serif;
    margin-top: 20px;
}

.footersocial {
    margin: 10px 0px;
    padding: 0px;
}

.footersocial ul {
    margin: 0px;
    padding: 0px;
    display: flex;
}

.footersocial ul li {
    margin: 0px;
    padding: 0px 4px;
    list-style: none;
}

.footersocialbox {
    margin: 0px;
    padding: 0px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid #f7847e;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
}

.footersocialbox i {
    color: #f7847e;
}

.footermiile {
    margin: 0px;
    padding: 0px;
}

.footermiile h2 {
    margin: 0px;
    padding: 0px;
    font-size: 24px;
    color: white;
}

.quicklinknav {
    margin: 10px 0px;
    padding: 0px;
}

.quicklinknav ul {
    margin: 0px;
    padding: 0px;
    display: block;
}

.quicklinknav ul li {
    margin: 0px;
    padding: 10px 0px;
    display: block;
    list-style: none;
}

.quicklinknav ul li a {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    margin: 0px;
    padding: 10px 0px;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.4s ease-in-out;
}

.quicklinknav ul li a:hover {
    margin-left: 8px;
    color: rgb(242, 101, 41);
}

.footerright {
    margin: 0px;
    padding: 0px;
}

.footerright h2 {
    margin: 0px;
    padding: 0px;
    font-size: 24px;
    color: white;
    margin-bottom: 25px;
}

.footerright .contactbox {
    margin: 5px 0px;
    padding: 0px;
    display: flex;
    gap: 8px;
}

.footerright .contactbox i {

    color: #f7847e;
    line-height: 30px;
}

.footerright .contactbox p a {
    color: #fff;
    text-decoration: none;
}

.footercopyright {
    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
    background-color: #313131;
    padding: 15px;
    display: flex;
    align-items: center;
    text-align: center;
}

.footercopyright p,
.footercopyright p a {
    color: #aaaaaa;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    margin: 0 auto;
}

.sticky {
    width: 100%;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    transition: all 0.4s ease-in-out;
    background-color: white;
}

.sticky .navbox .navigationbox ul li a {

    color: #9e4b47;
}

.res_button {
    float: right;
    margin: 0px;
    padding: 0px;
    display: none;
    margin-top: -28px;
}

.dis_none {
    display: block;
}

/*aboutuspage*/

.aboutuspage {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 250px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
}

.aboutuspage h2 a {
    font-size: 24px;
    font-family: 'Roboto', sans-serif;
    color: #2986e2;
    text-decoration: none;
}

.aboutuspage h2 {
    font-size: 24px;
    font-family: 'Roboto', sans-serif;
    color: rgb(242, 101, 41);
}


/*contactuspage*/

.contactcallbox {
    width: 100%;
    display: block;
    border: 1px solid #dddddd;
    padding: 10px;
    transition: all 0.4s ease-in-out;
}

.contactcallboxicon {
    width: 100px;
    height: 100px;
    background-color: transparent;
    margin: 0 auto;
    padding: 10px;
    border-radius: 50%;
    transform: translateY(-48px) !important;
    /* transform: scale(2.55); */
    border: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.4s ease-in-out;
}

.contactcallbox:hover .contactcallboxicon {
    transform: scale(1);
    border: solid 1px rgb(242, 101, 41);
    transition: all 0.4s ease-in-out;

}

.contactcallboxicon .contactcallboxicon1 {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #2986e2;
    display: flex;
    justify-content: center;
    align-items: center;
}

.contactcallboxicon .contactcallboxicon1 i {
    color: white;
    font-size: 18px;
}


.contactcallboxtext {
    margin: 0px auto;
    padding: 0px;
    text-align: center;
}

.contactcallboxtext p {
    font-size: 16px;
    color: #535353;
    font-family: 'Roboto', sans-serif;
}


/*messagebox*/

.messagebox {
    margin: 0px;
    padding: 0px;
}

.messagebox input {
    border: solid 1px #dddddd;
    padding: 16px;
    color: #222222;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    width: 100%;
    display: block;
}

.messagebox input:focus {
    outline: none;
}

.messagebox textarea {
    width: 100%;
    height: 150px;
    font-size: 14px;
    color: #313131;
    font-family: 'Roboto', sans-serif;
    padding: 15px;
    border: solid 1px #dddddd;
}

.messagebox textarea:focus {
    outline: none;
}

.messagebox button {
    margin-top: 126px;
}

/*achivement*/

.achivement {

    margin: 0px;
    padding: 0px;
    border: 1px solid #dddddd;
}

.achivementimg {
    margin: 0px;
    padding: 0px;
}

.achivementtext {
    margin: 0px;
    padding: 10px;
}

.achivementtext p {
    font-size: 16px;
    color: #535353;
    font-family: 'Roboto', sans-serif;
    text-transform: capitalize;
    font-weight: 400;
    padding-top: 120px;
    padding-bottom: 120px;
}






/*---------------responsive--------------*/




@media (max-width:991px) {
    .headertopright {
        display: block;
    }

    .headertoprightsocial ul {
        display: block;
    }

    .headertoprightsocial ul li {
        display: inline-block;
    }

    .dis_none {
        display: none !important;
    }

    .res_button {
        display: block;
    }
    .navigationbox ul li ul.dropdown-item-main {
        position: relative;
        top: 10px;
        left: 0;
        display: none;
        border-top: 2px solid #9e4b47;
        background-color: #fff;
        width: 200px;
        margin: 0;
        padding: 0;
    }

    .navigationbox {
        width: 250px;
        position: fixed;
        top: 0;
        left: -100%;
        height: 100%;
        background-color: white;
        transition: all 0.4s ease-in-out;
        z-index: 999;
    }

    .navigationbox ul {
        display: block;
    }

    .navigationbox ul li {
        display: block;
        padding: 10px 0px;
    }

    .navigationbox ul li a {

        color: #9e4b47;
    }

    .navigationbox.main {
        left: 0;
    }

    .sticky .logobox {
        width: 100%;
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99;
        transition: all 0.4s ease-in-out;
        margin-top: -1px;
        border-bottom: 1px solid rgb(242, 101, 41);
    }

    .sticky .navbox {

        background-color: transparent;
        position: initial;


    }

    .appointmentbox2left {
        border-right: 0;
    }

    .ouradvantage1leftboxtext h6 {
        width: 100%;
        display: block;
    }



    .banner .owl-nav .owl-prev {
        position: absolute !important;
        top: 70% !important;
        left: 0 !important;
    }

    .banner .owl-nav .owl-next {
        position: absolute !important;
        top: 70% !important;
        right: 0 !important;
    }

    .mt-20 {
        margin-top: 50px !important;
    }

    .messagebox button {
        margin-top: 22px;
    }

    .mt-120 {
        margin-top: 43px;
    }

    .bannertext {

        text-align: center;
    }

    .mt-20 {

        margin-top: 48px !important;
    }

    .protectleftdownleftimg1 {

        height: 315px;
    }

    /* .mt-3 {

        margin-top: -3px !important;

    } */

    /*forlogowidth*/
    .res-width-200 {

        width: 200px;
    }

}

/* Floating Button Container */
.floating-buttons {
    position: fixed;
    bottom: 80px;
    right: 15px;
    display: flex;
    flex-direction: column;
    gap: 22px;
    z-index: 9999;
  }
  
  /* Button Styling */
  .floating-buttons a {
    width: 45px;
    height: 45px;
    background-color: #efe3de;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    animation: pulse 2s infinite;
    transition: transform 0.3s ease;
  }
  
  .floating-buttons a:hover {
    transform: scale(1.1);
  }
  
  /* Icons */
  .floating-buttons img {
    width: 32px;
    height: 32px;
  }
  
  /* Pulse Animation */
  @keyframes pulse {
    0% {
      box-shadow: 0 0 0 0 #852817;
    }
    70% {
      box-shadow: 0 0 0 12px rgba(0, 128, 0, 0);
    }
    100% {
      box-shadow: 0 0 0 0 rgba(0, 128, 0, 0);
    }
  }
  
 

.contact-info1 {
    background-color: #e9ecef;
    padding: 2rem;
    border-radius: 8px;
    box-shadow: 0px 7px 9px #0000005e;
}

.appointment p {
    font-size: 40px;
    font-weight: 500;
    font-family: "Noticia Text", Serif;
    color: #004861;
}
.test-img-bg{
     background-image: url(..//image1/testimonialpic.jpg);
     padding:0;
     margin:0;
}
.offset-test3 {
    margin-left: 25%;
}

@media (max-width: 678px) {
    .navigationbox {
        width: 250px;
        position: fixed;
        top: 0;
        left: -100%;
        height: 100%;
        background-color: white;
        transition: all 0.4s ease-in-out;
        z-index: 999;
    }
    .navigationbox ul li {
        display: block;
        padding: 12px 11px;
    } 

    .navigationbox ul li ul.dropdown-item-main li { 
        background-color: #f9fafb;
        border-bottom: 1px solid #00486175; 
    }

    .navigationbox ul li ul.dropdown-item-main {
        position: relative;
        top: 10px;
        left: 0;
        display: none;
        border-top: 2px solid #9e4b47;
        background-color: #fff;
        width: 225px;
        margin: 0;
        padding: 0;
    }
    .servicerelatedbox2 p {
        color: #333;
        padding: 20px;
    }
    .servicerelatedbox p {
        color: white;
        padding: 20px;
    }
    .serviceimg img{
        width:100%;
        height: 300px;
        object-fit: cover;
        margin-top: 30px;
 }
 .bannertext {
    width: 100%;
    height: 250px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.bannertext h2 {
    font-size: 35px;
    color: #a13c2a;
    font-style: italic;
}
.bannertext h4, .bannertext h4 a {
    color: white;
    text-decoration: none;
    font-size: 18px;
}
 .aboutusright h1{
    text-align: center;
    margin-bottom: 20px;
    color: #004861;
    font-size:26px;
}
.aboutusright h4 {
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    color: #852817;
}
.service-list h3 {
    font-size: 24px;
    font-family: "Roboto", sans-serif;
    color: #9e4b47;
    padding-top: 20px;
}
.offset-test3 {
    margin-left: 0px !important;
}
.test-img-bg{
    background-image:none;
}
.service-booking a {
    color: #f9fafb;
    text-decoration: none; 
    border: 2px solid #004861;
    padding: 6px 20px;
    text-align: center !important;
    justify-content: center;
     margin-right: 0px;  
    background: #004861;
    width: 100%;
}

.service-booking1 a {
    color: #f9fafb;
    text-decoration: none; 
    border: 2px solid #004861;
    padding: 6px 20px;
    text-align: center !important;
    justify-content: center;
     margin-right: 0px;  
    background: #004861;
    width: 100%;
}
.floating-buttons {
    right: 15px;
    bottom: 15px;
  }

  .floating-buttons a {
    width: 50px;
    height: 50px;
  }

  .floating-buttons img {
    width: 24px;
    height: 24px;
  }
}

@media(max-width:520px) {
    .ouradvantage1leftbox {
        flex-direction: column;
    }
}

@media (max-width:426px) {
    .blogtextadmin1 p {
        font-size: 14px;
    }
}