@import url('https://fonts.googleapis.com/css2?family=Calligraffitti&family=Edu+TAS+Beginner&family=Oswald:wght@200;300&family=Ubuntu:wght@300&family=Varela+Round&display=swap');





/*pink  #e53993 purple #594094;*/

html,

body {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
    width: 100%;
 

}

.clinic1{
    margin-top:-59px;
}
a{
    color:#594094;
}
a:hover{
    text-decoration:none;
}


input:focus {
    outline: 1px solid #594094;
}

.dropdown-item {
    color: #594094 !important;
}

/* section ribbon  */
.ribbon {
    background-color: rgb(240, 240, 240);
    height: 100px;
}
.wrapper{
        /* border: 1px solid black; */
    padding: 51px;
    width: 80%;
    /* text-align: center; */
    margin: auto;
    box-shadow: 2px 2px 2px 2px #bcb7b7;

}
.colorful {
    background-image: linear-gradient(to right, white , #594094);
    height: 50px;
}
.colorful2 {
    background-image: linear-gradient(to left, white , #594094);
    height: 50px;
}
@media only screen and (max-width: 600px) {
    .ribbon {
        height: 145px;
    }
}

.logo {
    height: 80px;
    align-items: center;
    position: relative;
    left: 65px;
    top: 10px;
}

@media only screen and (max-width: 600px) {
    .safe {
        position: relative;
        left: 112px !important;
        top: -49px;
    
        font-weight: bold;
        font-size: 23px;
    }
    .logo{
        left:25px !important;
    }
}

.safe {
    position: relative;
    left: 150px;
    top: -49px;

    font-weight: bold;
    margin: auto;
    font-size: 27px;
    line-height: 50px;
    color: #e53993;
}

.donate {
    float: right;
    position: relative;
    right: 30px;
    top: -90px;
   
    border-radius: 40px;
    transform: uppercase;
    padding-right: 25px;
    padding-left: 25px;
    font-size: 18px;
    background-color: #594094;;
   
    color: white;
}

.donate:hover {
    color: white;
}

@media only screen and (max-width: 600px) {
    .donate {
        display: none;
    }
    .bg{
        top: -45px !important;
    }
}

.bg {
    background-color: white !important;
    width: 100%;
    position: relative;
    top: -67px;
}

.nav-link {
    margin-left: 30px;
    color:#594094 !important;
    position: relative;
    font-size: 16px;
    font-weight: 600;
  
    float: left;



}


.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff !important;
    background-color:#594094;
}



.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
     color: #e53993;
}
.navbar-light .navbar-nav .nav-link {
    color: #594094;
}
.nav-item {
    position: relative;
    /* left:35px; */
}

.icon {
    color: #594094 !important;
    position: relative;
    /* right: -30px; */
    font-size: 20px;
    font-weight: 500;
   
    margin-right: 20px;
}

.icn {
    margin-right: 20px;
}

.shhh {
 
    font-weight: 900;
    position: relative;
    left: 207px;
    top: 0px;
    height: 29px;
    padding: 0px 5px;
    background-color:  #e53993;;
    color: white;
    border: none;
}


@media only screen and (max-width: 600px) {
    .shhh {
        left: 195px !important;
    }
    .coverpage{
        top: -40px !important;
        height: 330px !important;
    }
}

.coverpage {
    position: relative;
    top: -53px;
    /*height: 530px;*/
}

.formbox {
    height: auto;
    width: 350px;
    background-color: white;
    padding: 30px 30px 20px;;
    position: relative;
    /* float: right; */
    border-radius: 20px;
    border-style: groove;

}


.form-control::placeholder {
    color:rgb(66, 66, 66);
    opacity: 0.9;

    text-align: left;
    
}
@media only screen and (max-width: 600px) {
    .formbox {
margin-top:40px;

    }
    .blackpink{
        margin-top: 41px;

    }
}


.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: white;
    background-color: white;
    background-clip: padding-box;
    border: 1px solid rgb(41, 41, 41);
    border-radius: 40px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}


.form-group {
    color: white;
}

.send {
    position: relative;

    border-radius: none;
    padding-right: 15px;
    padding-left: 15px;
    color: #0063ce;

}

/* service section */
/*Vertical Tabs*/
.vertical-mdl-tabs {
    /*margin-top: -65px;*/
    background-color: rgb(240, 240, 240)
}

.vertical-mdl-tabs .mdl-tabs__tab-bar {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: inherit;
    border-bottom: none;
    margin-bottom: 30px;
    box-shadow: 2px 2px 2px 2px #888888;
}

.vertical-mdl-tabs .mdl-tabs__tab {
    width: 100%;
    height: 140px;
    line-height: 35px;
    box-sizing: border-box;
    letter-spacing: 2px;
    color: #594094;
}

.vertical-mdl-tabs .mdl-tabs__tab:hover {
    background-color: #594094;
    color: white;
    text-decoration: none;
}

.vertical-mdl-tabs.mdl-tabs.is-upgraded a.mdl-tabs__tab.is-active {
    background-color: #e53993;
    color: white;
}

.vertical-mdl-tabs.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after {
    height: 0;
    background-color: #594094;
}
/*.ojp{*/
/*    color: #594094;*/
/*}*/

.vertical-mdl-tabs.mdl-tabs.is-upgraded .mdl-tabs__panel.is-active,
.mdl-tabs__panel {
    /* padding: 0 30px; */
}

.vertical-mdl-tabs.mdl-tabs .mdl-tabs__tab {
    text-align: left;
}

.service_btn {
    background-color: #594094;
    color: white;
    text-decoration: none;
    height: 37px;
    font-size: 20px;
}

.service_btn:hover {
    background-color: #594094;
    color: white;
    text-decoration: none;
}

/* service section old */
.service {
    background-color: rgb(240, 240, 240);

    position: relative;
    top: -40px;
}

.line {
    border: 1px solid  #594094 ;
    width: 55%;
    margin-top: -16px;
    margin-left: 20%;
    background:  #594094;
}

.straight {
    border-right: 3px solid #0063ce;
    height: 400px;
    margin-top: -400px;
    margin-left: 40px;
}



@media only screen and (max-width: 600px) {
    .straight {
        display: none;
    }
}



.btnservice {
    background-color: #594094;;
    color: white;
    border: hidden;
    position: relative;
    left: 40%;

    padding-left: 28px;
    padding-right: 28px;
    font-size: 24px;
    margin-bottom: 25px;
    height: 42px;
}

.Available {
    background-color: white;
    color: #594094;
    border: hidden;
    position: relative;
    /* left:100%; */
    box-shadow: 2px 2px 2px 2px #cdcdcd;
    padding-left: 28px;
    padding-right: 28px;
    font-size: 18px;
    font-weight: 550;
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 4px;

    height:44px;
}

.Available:hover {
    background-color:#594094;
    color: white;
}

@media only screen and (max-width: 600px) {
    .Available {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}


.pqr {
    /*font-family: century;*/
    margin-top: 14px;
    position: relative;
    left: 35px;

}

.av {
    position: relative;
    /*font-family: century;*/
    background-color:#594094;
    color: white;
    height: 42px;
}




@media only screen and (max-width: 600px) {
    .btnservice {

        left: 20%;
        font-size: 21px;
        margin-top: 21px;
    }
}


.servicebox {
    background-color: white;
    box-shadow: 2px 2px 2px 2px #888888;
    margin-top: 30px;
    height: auto;
    width: 30%;
    margin-left: 50px;
    position: relative;
    left: 40px;



}

.idea {
    color: #e53993 ;
    margin-top: 30px;
    font-weight: 600;
}



@media only screen and (max-width: 600px) {
    .servicebox {
        margin-top: 19px;
        height: auto;
        width: 38%;
        margin-left: 5px;

    }
    .idea{
       
    
    font-size: 22px !important;

    }
    .us{
        font-size:24px;
    }
    .seriously{
        font-size:24px;
    }
    .no{
   font-size:24px;
    }
    .apoint{
         font-size:26px;
    }
    .footersafe{
          font-size:25px;
    }
    .safe{
          font-size:24px;
    }
   .abt{
        font-size:24px;
   }
   .ns{
         font-size:24px;
   }
   .sn{
        font-size:20px;
   }
}

.servicebox:hover,
.servicebox.active,
.abc:hover {
    /*background-color: #0063ce !important;*/
    color: white !important;
    fill: white !important;
    mask: white !important;
    text-decoration: none;

}

.servicebox:active::after :hover {
    background-color: #0063ce;
    color: white;
}


svg:hover {
    color: white;
    fill: white;
    mask: white;
}

/* .vertical{
    border-left: 4px solid #0063ce;
    height: 375px;
    position: relative;
    left:48%;
  top:-455px;
} */
@media only screen and (max-width: 600px) {
    .vertical {
        display: none;
    }
}

svg {
    position: relative;
    left: 40%;
    top: 8px;
}

.abc {
    color: #594094;
    text-align: center;
    position: relative;
    top: 8px;
    font-size: 20px;
    font-weight: 500;
    text-decoration: none;
    


}

@media only screen and (max-width: 600px) {
    .abc {
        color: #594094;
        text-align: center;
        position: relative;
        top: 10px;
        font-size: 15px;
        font-weight: 500;
        text-decoration: none;
    }
}

/* about section */




.special {
    font-size: 15px;
    
}

.fact {
    color: #e53993;
    text-align: center;

    font-size: 27px;
    font-weight: 600;
}

@media only screen and (max-width: 600px) {
    .fact {
      
        font-size: 20px;
    }
                .navbar-light .navbar-toggler {
    color: rgba(0,0,0,.5);
    border-color: rgba(0,0,0,.1);
    float: right !important;
    margin-left: 281px !important;
    margin-top: -91px !important;
}
.banner {
    margin-top: 28px !important;
}
.sbn{
    left:32px !important;
}
}

@media only screen and (max-width: 820px) {
    .navbar-light .navbar-toggler {
    /*color: rgba(0,0,0,.5);*/
    /*border-color: rgba(0,0,0,.1);*/
    /*float: right !important;*/
    /*margin-left: 281px !important;*/
    /*margin-top: -91px !important;*/
    
}
}


.aboutbox {
    border: 1px solid rgb(186, 186, 186);
    text-align: center;
    margin: 12px;
    padding: 10px;
    width: 80%;
    position: relative;
 
    left: 60px;
    border-radius: 30px;
    box-shadow: 2px 2px 2px 2px #d8d8d8;
}

@media only screen and (max-width: 600px) {
    .aboutbox {

        left: 30px;
    }
}


.girl {
    position: relative;
}

.learn {

    padding-left: 25px;
    padding-right: 25px;
    
    font-size: 24px;
    background-color:  #594094;
    border: hidden;
    color: white;
    border-radius: 10px;

    font-weight: 600;
    height: 39px;
}

@media only screen and (max-width: 600px) {
    .learn {


        font-size: 20px;
    }

}

.hmm {
    color:#e53993 ;
    font-size:20px;


}
h3{
    line-height:27px !important;
}

@media only screen and (max-width: 600px) {
    .hmm {
     
        font-size: 16px;
    }
}

/* method section */
.method {
    background-color: rgb(240, 240, 240);
    padding: 10px;
}

.get {
    padding-left: 25px;
    padding-right: 25px;
 
    font-size: 24px;
    background-color:#594094;
    border: hidden;
    color: white;
    border-radius: 10px;
    /* margin-left: 150px; */
    /* margin-top: -70px; */
    position: relative;
    font-weight: 500;

}

@media only screen and (max-width: 600px) {
    .get {
        /* top: -17px; */
        /* left: -26px; */
        font-size: 20px;
    }
    
}

.best {
    /* position: relative; */
  
    left: 80px;
    color:#e53993;
    font-weight: 600;
    font-size:26px;
}


.class {
    padding: 20px;
    text-align: center;
    color: #4d4d4d;
    font-size: 18px;
    font-style: century;
}

ul li {
    /*color: #0063ce;*/
    /*font-size: 18px;*/
    /*font-weight: 500;*/
    font-style: century;

}


.girl2 {
    position: relative;

}

/* aboutUs Section */
.us {
    color: #e53993;
    position: relative;
    left: 120px;
    top: 50px;
    font-weight:600;
}

.color {
    color: #888888;
    font-size: 18px;
    font-style: century;
}

.learnmore {
    position: relative;
    left: 30%;
    padding-left: 25px;
    padding-right: 25px;
    font-size: 24px;
    background-color: #594094 ;
    border: hidden;
    color: white;
    border-radius: 10px;
    font-weight: 500;
    top: -20px;
    font-style: century;
    height: 39px;
}

@media only screen and (max-width: 600px) {
    .learnmore {


        font-size: 20px;
    }

}

/* ask section */
.ask {
    background-color: rgb(240, 240, 240);
    padding: 10px;

}

.seriously {
    color: #e53993;
    text-align: center;
    position: relative;
    
    top: 20px;
    font-weight:600;
}

.hi {
    margin-top: 40px;
    text-align: center;
    position: relative;
    font-size: 18px;

}

.whatsapp {
    color:#594094;
    font-size: 23px;
    position: relative;
    text-align: center;
    font-weight: 500;

}

.no {
    color: #e53993;
    font-size: 30px;
    position: relative;

    font-weight: 500;
}

.chat {
    background-color:#594094;
    border: hidden;
    color: white;
    border-radius: 10px;

    padding-left: 25px;
    padding-right: 25px;
    font-size: 24px;
    position: relative;
    left: 42%;
    font-weight: 500;
    height: 39px;
}

@media only screen and (max-width: 600px) {
    .chat {
        left: 33%;
        font-size: 20px;
    }
}

/* book section */

.apoint {
    color: #e53993 ;
    /* float:right; */
    position: relative;
    
    /* right:360px; */
font-weight:600;

}


.girl4 {
    position: relative;
    left: 120px;


}

#booking {
    position: relative;

    /* left: 82px; */
    border: #594094;
}


.bookline {
    /* border: 1px solid #80bdff; */
    width: 30%;
    position: relative;
    margin-left: 35%;
    background:#594094;
}

@media only screen and (max-width: 600px) {
    .bookline {

        width: 60%;
        position: relative;
        margin-left: 20%;
    }
}

@media only screen and (max-width: 600px) {
    #booking {
        top: 9px;
        margin-left: 6%;
    }

}

.first {
    color: #594094;
}

label {
    /* display: inline-block; */
    color: #594094;
    font-weight: 500;
    
    font-size: 14px;
    /* margin-bottom: 0.5rem;
    
position: relative;
left:20%;
font-weight: 500; */

}

.input {
    color: #594094;
}

@media only screen and (max-width: 600px) {

    input,
    optgroup,
    select,
    textarea {
        margin: 0;
    
        margin-left: -10px;
        line-height: inherit;
        border-top: solid 1px;
        border: solid 1px grey;
    }
}

.sub {
    padding-left: 25px;
    padding-right: 25px;
    font-size: 18px;
   
    background-color:  #594094;
    border: hidden;
    color: white;
    position: relative;
    /*left: 30%;*/
    height: 30px;


}

@media only screen and (max-width: 600px) {

    .sub {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 12px;
        padding: 3px;
       WIDTH: 345PX;
margin-left:-20px;
    }
    .tu{
    width:50%;
    }
    
    
   .nye{
        display:none !important;
    }
}









/* footer */
.footer {
    background-color: rgb(240, 240, 240);
    padding: 0 30px 0 30px;

}

.footer12 {
    background-color: rgb(240, 240, 240);


}

@media only screen and (max-width: 600px) {
    .footer {
        margin-top: 87px;
    }
}

.all {
    position: relative;

    /* text-align: center; */

}

.links {

    color: black;
    font-size: 16px;

 
    margin-left: 20px;
    font-weight: 500;
    text-align: left;
    margin-top: 15px;

}

.footerlogo {
    height: auto;
    width: 255px;
    border-radius: 4px;
    position: relative;
    top: 30px;

}

.footersafe {
    position: relative;

color:#e53993;

    font-weight: bold;


}

.lastone {
    background-color: #594094;

}

.social{
    padding-left: 25%;
}

@media only screen and (max-width: 600px) {
    .lastone {
        font-size: 25px;
    }
    .social{
        padding-left: 0px !important;
    }
}

.fa-brands {
    color: white;
    font-size: 14px;
    position: relative;
    margin-right: 20px;
    margin: 12px;
    left: 40%;
}

@media only screen and (max-width: 600px) {
    .fa-brands {
        margin: 9px;
        position: relative;
        left: 87px;
        top: 2px;
        font-size: 17px;
    }
}

@media only screen and (max-width: 600px) {
    .fa-regular {
        font-size: 14px;
        position: relative;
        top: 47px;
    }
}

.fa-copyright {
    color: white;
    font-size: 12px;
}

.xyz {
    color: white;
    font-size: 16px;


}

.uff {
    position: relative;
    left: 16px;
    color:#594094;
}

@media only screen and (max-width: 600px) {
    .xyz {
        color: white;
        font-size: 15px;
        position: relative;
        top: 47px;
    }
}

.left {
    /* float: right; */
    position: relative;

    /* left: -30px; */
    text-align: center;
    margin-top: 8px;
}

@media only screen and (max-width: 600px) {

    .left {
        /* float: right; */
        position: relative;
        /* left: -110px; */
        top: -56px;
        text-align: center;
        margin-top: 9px;
    }
}

/* all css of about pages */
/* section about1 */
.about1 {
    background-color: rgb(240, 240, 240);
    /*margin-top: -44px;*/

}

@media only screen and (max-width: 600px) {
    .doct {
        background-image: url(images/20.jpg);
        background-size: 100% 100%;
        height: 260px !important;
    }
}

@media only screen and (max-width: 600px) {
    .kkk {
        font-size: 18px;
    }
}

@media only screen and (max-width: 600px) {
    .get {
        /* top: -17px; */
        /* left: -26px; */
        font-size: 18px;
    }
}

@media only screen and (max-width: 600px) {
    .jpt {
        text-align: center;
        padding: 8px !important;
        color: white;
        font-weight: 600;
        font-size:23px;
    }
}




.we {
    text-align: center;
    /* margin-top: 40px; */
    font-size: 18px;

    padding: 0px 10px 0px 10px;
    color: #000c50;
}

.ohh {
    background-image: linear-gradient(to right, rgb(240, 240, 240), white);
}

@media only screen and (max-width: 600px) {
    .ohh {
        background-image: url(images/1.jpg);
        background-size: 100% 100%;
        height: 328px !important;
    }
}



/* about2 section */
.abtbox {
    margin-bottom: 100px;


}

.chitra {
    margin-top: -50px;
}

/* servicedeliver section */
.servicedeliver {
    background-color: #0063ce;
    padding: 15px;
}

.card {
    margin: 30px;
    border: none;
    margin-top: 80px;
}

/* sustainable sections */
.sustainable {
    background-color:#e53993;
    position: relative;
    top: 10px;

}

.sustainable12 {
    background-color: rgb(240, 240, 240);

}

.st {
    text-align: center;

    font-size: 20px;

    padding: 20px;
    color: #000c50;
}

.lead {
    font-size: 20px;

    color: #000c50;

}

.aaa {
    justify-content: center;
}


/* contactpage css */
.contact12 {
    background-color: rgb(231, 255, 255);
    /*margin-top: -65px;*/
}

.contfrm {
    background-color: none;
    background-color: white;
    border: 1px solid black;
    color: black;
}


#contactform{
padding-left: 350px;

display: inline-block;
}

/* maplocation section */
.responsive-map {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
    margin-top: -290px;
}

.responsive-map iframe {
    left: 0;
    bottom: 0px;
    /* top:0; */
    height: 50%;
    width: 100%;
    position: absolute;
}

.formcard {
    margin: 30px;
    border: none;
    margin-top: -19px;
}

/* get_care css page */

.getbox {
    background-color: #99d6ff;
    opacity: 0.8;
    margin-left: 35px;
    margin-bottom: -30px;
    box-shadow: 2px 2px 2px 2px #cdcdcd;
    margin-top: 200px;
}

.webox {

    text-align: center;

    font-size: 20px;

    padding: 20px;
    color: #000c50;

}

.anotherbox {
    background-color: #594094;
    color: white;
    height: auto;
    width: 80%;
}

.clinic {
    color: white;
    font-size: 20px;
    padding: 20px;
}

/* findexpert section */
.findexpert {
    background-color: rgb(240, 240, 240);
}


form.example input[type=text] {
    padding: 10px;
    font-size: 17px;
    border: 1px solid grey;
    float: left;
    width: 80%;

}

form.example button {
    float: left;
    width: 20%;
    padding: 10px;
    background: #2196F3;
    color: white;
    font-size: 17px;
    border: 1px solid grey;
    border-left: none;
    cursor: pointer;
}

form.example button:hover {
    background: #0b7dda;
}

form.example::after {
    content: "";
    clear: both;
    display: table;
}

/* get2 section */
.getbox1 {
    background-color: #888888;
    height: auto;
    width: 100px;
}

.greybox {
    background-color: #ececec;

    color: white;
    margin-right: 66px;
    margin-left: 66px;
    /* border-radius: 10px; */
    box-shadow: 2px 2px 2px 2px #cdcdcd;
    padding-bottom: 20px;
}

.we12 {
    text-align: center;
    /* margin-top: 40px; */
    font-size: 20px;
    border-radius: 20px;


    color: #000c50;
}

/* services page css */
.where {
    background-color: rgb(240, 240, 240);
    /*margin-top: -65px;*/
}
.whm {
    background-color: rgb(240, 240, 240);
    /*margin-top: -65px;*/
}
.outbox {
    background-color: #f1faff;
    padding: 20px;
    box-shadow: 2px 2px 2px 2px #cdcdcd;
}

@media only screen and (max-width: 600px) {
    .with {
        font-size: 20px;
        margin-left: 0px !important;
    }
    .where{
        /*margin-top:-44px;*/
        /*height:132px ;*/
    }
    .imk{
        width: 59px;
    position: relative;
    /* left: 135px; */
    float: right;
    /*top: -77px;*/
    left: -27px;

    }
    .crr{
        padding:20px;
    }

}

@media only screen and (max-width: 600px) {
    .outbox {
        background-color: #f1faff;
        padding-bottom: 20px;
        box-shadow: 2px 2px 2px 2px #cdcdcd;
        /* margin-left: -49px; */
        /* margin-right: -43px; */
    }
}

@media only screen and (max-width: 600px) {
    .aeiou {
        font-size: 20px;
    }
}

.we34 {
    text-align: center;
    /* margin-top: 40px; */
    font-size: 20px;

    padding: 20px;
    color: #000c50;

}

@media only screen and (max-width: 600px) {
    .we34 {
        font-size: 18px;
        margin-top: -49px;
    }
}

@media only screen and (max-width: 600px) {
    .upp {
        margin-left: 18px;
    }
}

@media only screen and (max-width: 600px) {
    .sharestory {
        color: #002042;
        margin-top: 20px !important;
        margin-left: 20px;
        font-size: 30px;
    }
}

.we98 {
    text-align: center;
    /* margin-top: 40px; */
    font-size: 20px;

    padding: 20px;
    color: #000c50;
}

@media only screen and (max-width: 600px) {
    .we98 {
        font-size: 18px !important;
    }
      .free2{

 /*padding-left: 54px !important;*/
 /*padding-right: 55px;*/
  }
}

/* career */
.box {
    background: #f2f2f2;
    border-radius: 50px 0px;
    padding: 1em 1em;
    margin: 2em 0 !important;
    text-align: left;
}


h4{
    font-weight: bold;
    color: #594094;
    /* display: inline-block; */
    vertical-align: middle;
    font-size:19px;
}
.badge-danger {
    color: #fff;
    background-color: #594094;
    border:none;
}

.button {
    font-size: 1em !important;
    padding: 5px 20px !important;
    text-decoration: none;
    -webkit-box-shadow: #e28b00 0 1px 0;
    -moz-box-shadow: #e28b00 0 1px 0;
    box-shadow: #e28b00 0 1px 0;
    background-color:#594094 ;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #f6ae2b), color-stop(70%, #f39d13));
    background-image: -webkit-linear-gradient(#f6ae2b, #f39d13 70%);
    background-image: -moz-linear-gradient(#f6ae2b, #f39d13 70%);
    background-image: -o-linear-gradient(#f6ae2b, #f39d13 70%);
    background-image: linear-grad;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    padding: 10px 20px;
    font-size: 18px;
    border: none;
    color: white;
    display: inline-block;
    vertical-align: middle;
    margin-right: 1em;
}

.box ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.function {
    display: block;
}

/* detail page css */
.detail {
    background-color: rgb(240, 240, 240);
    /*margin-top: -65px;*/
    padding: 25px;
}

.bb {
    color: #000c50;
    margin-left: 30px;

}

.detailbox {
    background: white;
    margin-top: 60px;
    padding: 15px;
    position: relative;
    box-shadow: 2px 2px 2px 2px #cdcdcd;
    width: 100%;



}

@media only screen and (max-width: 600px) {
    .detailbox {

        left: 0px !important;


    }
}

.detail2 {
    background-color: rgb(240, 240, 240);
}

.gallery {
    margin: 80px;
}

.gallery2 {
    margin: 80px;
    margin-top: -35px;
}

@media only screen and (max-width: 600px) {
    .select {

        width: 347px !important;


    }
}

/* jobbox page css */
.our12 {
    background-color: rgb(240, 240, 240);
}

@media only screen and (max-width: 600px) {
    .our12 {
        margin-top: 369px;
    }
}

.jobox {
    background-color: #0063ce;
    color: white;
    margin-left: 30px;
    margin-top: 300px;
}



@media only screen and (max-width: 600px) {
    .jobox {

        margin-left: 30px;
        margin-top: 237px;
        margin-right: 30px;
    }
}

.job {
    background-color: rgb(240, 240, 240);
}

.outbox12 {
    box-shadow: 2px 2px 2px 2px #cdcdcd;
    background-color: white;
    padding-bottom: 20px;


}

@media only screen and (max-width: 600px) {
    .doct12 {
        height: 210px !important;
    }
}

@media only screen and (max-width: 600px) {
    .kkk {
        margin-top: -5px !important;

        margin-left: -79px;
    }
}

/* job_detials pages css */

.jobdescrpition {
    background-color: rgb(240, 240, 240);
    margin-top: -40px;
}

/* blog page css */
/*.blogimage {*/
/*    margin-top: -30px;*/
/*}*/

@media only screen and (max-width: 600px) {
    .blogimage {
        height: 207px !important;
         margin-top: -40px !important;
    }
}

@media only screen and (max-width: 600px) {
    .chitra {
        margin-left: 0px !important;
    }
    .wrapper{
        /* border: 1px solid black; */
    padding: 0px;
    width: 100%;
    /* text-align: center; */

    }
}

/* donate page css */
.protect {
    background-color:#594094;
}



@media only screen and (max-width: 600px) {
    .givbox {

        width: 100% !important;
        margin-left: 0px !important;

    }
}

@media only screen and (max-width: 600px) {
    .clearfix {
        /* margin-left: -77px; */
    }
}

@media only screen and (max-width: 600px) {
    #info12 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

.oppss {
    margin-bottom: 1rem !important;
    margin-top: 20px;
    /* margin-left: 300px; */
    justify-content: center;
}

@media only screen and (max-width: 600px) {
    .oppss {
        margin-bottom: 1rem !important;
        margin-top: 20px !important;
        margin-left: 0px !;
    }
}

.change {
    color: black !important;
}

.givbox {
    border: 1px solid;
    color: #000c50;
    width: 75%;
    padding: 5px;
    margin-top: 40px;
    margin-left: 90px;
    text-align: center;
    box-shadow: 2px 2px 2px 2px #cdcdcd;
}

.givbox1 {
    background-color: #e53993;
    color: white;
    width: 55%;
    padding: 5px;
    margin-top: 20px;
    margin-left: 90px;
    margin-right: 0px;
    text-align: center;
    border-radius: 20px;
    cursor: pointer;
}

/* .info{
    background-color:  rgb(240, 240, 240);
    
} */


#info12 {
    padding-left: 50px;
    padding-right: 50px;
}

.tete {
    margin-top: 30px;
}



/* .dollor{

    font-size: 40px;

 
 color: #646464;
 margin-left: 20px;
} */

.black{
 
    justify-content: space-between;
     padding: 2px;
    background-color:#594094;
}
.np{
    color:white;
}
.call-now{
    
    padding: 10px;
    color:white;
    font-size: 14px !important;
    font-weight: 500;
    float: right;
  
    padding-left: 60px;
    padding-right: 60px;

   position: relative;
   left:-55px;
}
.ii{
    color:white;
}
.call-now:hover{
    color:white;
}
.logoy{
   /*height: 76px;*/
    width: 290px;
}
.banner{
    margin-top: 56px;
}
.clinic{
    float: left;
    text-align: left;
    padding-left: 100px;
}

.semicirle {
   
    transform: translate(-50%, -50%);
    height: 30px;
    width: 30px;
    border-radius: 150px 150px 0 0;
    background-color:#594094;
    transform: rotate(270deg);
    line-height: 65px;
    display: flex;
  }
  .semicirle2 {
   
    transform: translate(-50%, -50%);
    height: 30px;
    width: 39px;
    border-radius: 150px 150px 0 0;
    background-color: #594094;
    transform: rotate(270deg);
    line-height: 65px;
    display: flex;
    position: relative;
    top: 35px;
    left: -5px;

  }
  .plus{
    transform: rotate(89deg);
    color:white;
    font-size: 12px;
    margin-top: -2px;
    margin-left: 23px;

  }
  .certi{
    color: black;
margin-left: 15px;
font-size: calc(7.5px + 1.5vw);
    font-weight: 400;
line-height:30px;
text-align: left;
  }
  .sm{
    display: flex;
margin: 15px;

  }
  .free{
    color:white;
    font-size: 20px;
    font-weight: 500;
    background-color: #594094;
 border-radius: 40px;
 padding: 10px;
 padding-left: 30px;
 padding-right: 30px;
  }
  .free5{
    color:white;
    font-size: 20px;
    font-weight: 500;
    background-color: #594094;
 border-radius: 40px;
 padding: 10px;
 padding-left: 60px;
 padding-right: 60px;
 float: right;
  }
  .free6{
    color: #e53993;
    font-size: 20px;
    font-weight: 500;
 border:1px solid ;
 border-radius: 40px;
 padding: 10px;
 padding-left: 60px;
 padding-right: 60px;
 float: left;
  }
  .free8{
    color:white;
    font-size: 20px;
    font-weight: 500;

 background-color:  #e53993;
 border-radius: 40px;
 padding: 10px;
 padding-left: 60px;
 padding-right: 60px;
 float: left;
  }
  .free2{
    color:white;
    font-size: 18px;
    font-weight: 600;
    background-color:#e53993;
 border-radius: 40px;
 /*padding: 8px;*/
 /*padding-left: 48px;*/
 /*padding-right: 55px;*/
 width: 100%;
 height: 45px;
  }
  .free7{
   
        color:white;
        font-size: 18px;
        font-weight: 600;
        background-color:#e53993;
     border-radius: 40px;
     padding: 8px;
     padding-left: 85px;
     padding-right: 85px;
      }
  
  .ota{
    display: flex;
  margin-top:10px;
  }
  .free3{
    color:white;
    font-size: 14px;
    font-weight: 600;
    background-color:#594094;
 border-radius: 40px;
 padding: 5px;
 padding-left: 10px;
 padding-right: 10px;
  }
  .free4{
    color:white;
    font-size: 14px;
    font-weight: 600;
    background-color:#e53993;
 border-radius: 40px;
 padding: 5px;
 padding-left: 10px;
 padding-right: 10px;
  }
 /* section our climic */
 .our_clinic{
    background-color: #f2f2f2;
    /* margin-top:-40px; */
 }
 .course {
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
	display: flex;
	max-width: 100%;
	margin: 20px;
	overflow: hidden;
	width: 700px;
    border-radius: 200px 0px 0px 200px;
}

.course h6 {

	margin: 0;
	letter-spacing: 1px;
	color: black !important;
}

.course h2 {
	letter-spacing: 1px;
	margin: 10px 0;
}

.course-preview {
	
	color: #fff;
	
	max-width: 250px;
}

.course-preview a {
	color: #fff;
	display: inline-block;
	font-size: 12px;
	opacity: 0.6;
	margin-top: 30px;
	text-decoration: none;
}

.course-info {
	padding: 10px;
	position: relative;
	width: 100%;
}

.ofbox{
    background-color: #fff1e187 ;
    padding: 22px;
    border-radius: 20px;
    font-weight: 500;
    line-height: 40px;
}
.ofbox2{
    background-color:#e0d6f65c;
    padding: 40px;
    border-radius: 20px;
    font-weight: 500;
    line-height: 40px;
}
.mno{
    font-weight: 600;
}
.complete{
    display: flex;
}
.svgharu{
    margin: auto;
}
.three{
    margin-top: -44px;
}
title{
    background-color: white;
}
.ui-dialog {
position: absolute;
    height: auto;
    width: 500px !important;
    top: 92px;
    left: 471px;
    display: block;
}
label{
    color:rgb(53, 53, 53);
}
.formbox_dailog {
    height: auto;
    width: 450px;
    background-color: white;
    padding: 20px;
    position: relative;
margin: auto;
    border-radius: 20px;


}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3;
    background:black;
    font-weight: normal;
    color:white !important;
    padding: 15px;
    font-size: 20px;
    border-radius: 20px;
}
 .ui-dialog-titlebar {
    padding: 0.4em 1em;
    position: relative;
    background: white;
    border: none !important;
    color: rgb(97, 97, 97);
    font-weight: 600;
    font-size: 22px;

}
.ui-dialog{
position: absolute;
height: auto;
width: 300px;
top: 126.002px;
left: 371.009px;
display: block;
border-radius: 15px;
border: none;
}
.help{
    background-color:#d2d2d2;
    padding: 20px;
}
ul.no-bullets {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  ul li{
    color:black;
  }
  /*======================= media======================================*/
 



@media only screen and (max-width: 600px) {
    .logoy{
        margin-left:-135px;
        width: 225px;
    }
    .course h6 {
    font-size: 18px;
}
    .sp {
    font-size: 15px !important;
}
    .three {
        margin-top: 355px;
    }
    .free4 {
        color: white;
        font-size: 14px;
        font-weight: 600;
        background-color: #e53993;
        border-radius: 40px;
 
        position: relative;
    /*    top: 46px;*/
    /*left: -196px;*/
    }
    .hp{
        font-size: 16px !important;
    }
    .free3 {
        color: white;
        font-size: 13px;
        font-weight: 600;
        background-color: #594094;
        border-radius: 40px;
        /* padding: 5px; */
        /* padding-left: 10px; */
        /* padding-right: 10px; */
        margin: 2px;
    }
    .course{
        max-width: 100% !important;
        margin-left: -12px !important;
        height: 176px;
        width:100%;
    }
    .course-info {
        padding: 3px;
        position: relative;
        width: 100%;
    }

.boar{
    height: 179px !important;
    width: 179px !important;

}
.call-now{

    font-size: 14px !important;
    margin-left: -114px;
    position: relative;
 left: 32px;
    /*margin-top: -22px;*/


  

}
.lc {
    font-size: 16px !important;
}
.ota {
     display: block; 
    margin-top: -33px;
}
  }

  @media only screen and (max-width: 820px) {
      .svgharu {
    margin: auto;
    display: grid;
    font-size: 15px;
}
.certi {
    color: black;
    margin-left: 15px;
    font-size: 20px;
    font-weight: 500;
    text-align: left;
    margin-top: -12px;
}
.clinic1{
    margin-top:-46px;
}
    .formbox {
    position: relative;
    left: -25px;

    }

 .bts {
    font-size: 23px !important;
    margin-top: 30px;

}
.listin{
    margin-top: 0px;
}
.free {
  
    padding: 8px !important;
    color:white;
  
}
.call-now{
    font-size:23px ;
}
/*.mno {*/
/*    font-weight: 600;*/
/*    font-size: 20px;*/
/*    display: flex;*/
/*    margin: 20px;*/
/*}*/
.form-control {
  
    font-size: 20px;
}
.free2{
    font-size:18px !important;
    font-weight:100;
}
  .free5{

 padding-left: 13px !important;
 padding-right: 60px;
 float: right;
  }
  


.coffee {
    /*-ms-flex: 0 0 50%;*/
    /*flex: 0 0 50%;*/
    max-width: 100% !important;
}
.course h6 {
  
    font-size: 25px ;
}
.sp{
    font-size:20px;
}
.lc{
    font-size:22px;
}
}