html {
    scroll-behavior: smooth;
}

body {
    font-family: "Open Sans", sans-serif !important;
}


/*------------------Chatbot container---------------------------------------------------*/
.Container_Chatbot {
    position: fixed;
    margin-top: 10vh;
    font: 1.17vw !important;
    height: 83vh;
    width: 22vw;
    /*    background-color: azure;
*/ /*83h*/ /*22w*/
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    right: 0;
    z-index: 10000000 !important;
}
/*------------chatbot workflow start-------w22------------h68----------------------------------
*/ .ExpressChatbot {
    position: fixed;
    height: 87vh;
    width: 25vw;
    background-blend-mode: lighten;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 10000000 !important;
}

.Clinics_List {
    height: 11.67vw !important;
    overflow-y: auto;
    overflow-x: hidden;
    /* background-color: mintcream !important;*/
}
.ServiceYes {
    height: 6.67vw !important;
    overflow-y: auto;
    overflow-x: hidden;
}

.txt_line_Chatbot {
    width: 90%;
    border-radius: 10px;
    margin-top: 22px;
    margin-left: 2vw;
    border: .1px solid lightgrey;
    box-shadow: #e9141d 1px 1px 1px 1px;
    padding-top: 0;
    padding-right: 6px;
    display: flex;
    flex-direction: column;
    background-color: white;
}

.side_img_Chatbot {
    height: 4.41vw;
    width: 4.41vw;
    border-radius: 50%;
    margin-left: -15px;
    margin-top: -15px;
    background-image: url(../Images/TechGirl.jpg);
    background-size: 100% 100%;
    box-shadow: #e9141d 1px 3px 2px 1px;
}

.text_chatbot {
    font: 1.10vw;
    font-weight: 600;
    width: 95%;
    padding: 4px 15px 0px 10px;
}

    .text_chatbot p {
        font-weight: 600;
        color: #242323 !important;
        font-size: 1.10vw !important;
        margin-bottom: 5px;
    }

/*Country codes dropdown list*/
#WebUserChatBot_ddlCountryCode {
    position: absolute;
    top: 35px;
    left: 12%;
    margin-bottom: 50px;
    width: 16%;
    height: 30%;
}

.ph_num {
    padding-left: 22% !important;
}
/*----------------student catagory options--------------------------------*/
.options_Chatbot {
    width: 87%;
    text-align: center;
    border: .1px solid lightgrey;
    border-radius: 10px;
    margin-top: 16px;
    margin-left: 40px;
    box-shadow: #e9141d 1px 2px 1px 1px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    background-color: white;
}

.option-Btns:hover {
    background-color: #373797 !important;
}
/*------------------------------------------------------------------------*/
#WebUserChatBot_btnStudyAbroad, #WebUserChatBot_btnWorkPermit, #WebUserChatBot_btnPermanentResidence, #WebUserChatBot_btnVisitorVisa, #WebUserChatBot_btnQuestion, .btnOptions {
    margin-top: 8px;
    height: 2.35vw;
    width: 92%;
    font-size: 1.07vw;
    margin-bottom: 5px;
    background-color: #00008b;
    color: white;
    border: .1px solid lightgrey;
    border-radius: 10px;
    outline: none;
    box-shadow: #00008b 1px 2px 1px 1px;
}

#WebUserChatBot_btnQuestion {
    margin-bottom: 10px;
}

/*#txtQues {
    margin-left: 30px;
    margin-top: 10px;
    width: 80.5%;
    padding: 20px 8px 6px 8px;
    box-shadow: lightgrey 1px 3px 4px 2px;
    border: none;
    outline: none;
}*/
.mainp {
    font-size: 1.25vw !important;
    font-weight: 600;
}

.input_txt_Chatbot {
    display: flex;
    justify-content: flex-end;
    margin-left: 0%;
    margin-right: 7%;
}

#WebUserChatBot_lblInputQuestion, #WebUserChatBot_lblInputAskQuesPhoneNumber, #WebUserChatBot_lblInputAskQuesEmail, #WebUserChatBot_lblInputAskPersonName, #WebUserChatBot_lblInputAskQuesLawFirm, #WebUserChatBot_lpbInputServiceRoleFirm, #WebUserChatBot_lblServiceInputDate, #WebUserChatBot_lblInputServicePhoneNumber, #WebUserChatBot_lblInputServiceEmail, #WebUserChatBot_lblInputServiceName, #WebUserChatBot_lblInputServiceLawFirm, #WebUserChatBot_lpbInputRoleFirm, #WebUserChatBot_lblInputAskQuestion, #WebUserChatBot_lblInputLawFirm, #WebUserChatBot_lblInputPhoneNumber, #WebUserChatBot_lblInputName, #WebUserChatBot_lblInputEmail, #WebUserChatBot_lblInputDate {
    padding: 5px 10px;
    margin-left: 15%;
    margin-top: 10px;
    border-radius: 10px 10px 10px 10px;
    background-color: #00008b;
    color: white;
    font-size: 1.17vw;
}
.pcolor {
    color:#00008b;
}
.text_chatbot svg {
    color: #e9141d;
}

.Countries_options_Chatbot {
    width: 80%;
    text-align: center;
    border: .1px solid lightgrey;
    border-radius: 10px;
    margin-top: 16px;
    margin-left: 40px;
    box-shadow: red 1px 2px 1px 1px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    background-color: white;
}

/*---------------country  buttons------------------------------------------*/
#WebUserChatBot_lnkBtnUSA, #WebUserChatBot_lnkBtnCanada, #WebUserChatBot_lnkBtnAustralia, #WebUserChatBot_lnkBtnUK, #WebUserChatBot_lnkBtnNewZealand /*buttons for select countries*/ {
    margin-top: 8px;
    height: 5vh;
    width: 80%;
    margin-bottom: 5px;
    background-color: #2735a2;
    color: white;
    border: .1px solid lightgrey;
    border-radius: 10px;
    outline: none;
    box-shadow: red 1px 2px 1px 1px;
    text-decoration: none;
    padding-left: 0px !important;
    padding-top: 7px;
}

#WebUserChatBot_lnkBtnNewZealand {
    margin-bottom: 10px;
}
/*----------------------------------------------------------------------------*/

/*----------------------------------Flag image size----------------------------*/
.FlagImgChatbot {
    margin-left: 0px;
    /* margin-top: 5px;*/
    /*padding-right: 50px;*/
}

.option-Btns {
    padding-left: 0;
}
/*----------------------------Chatbot textboxes---------------------*/
/*#txtName, #txtPhoneNumber, #txtEmail, #txtBoxFocus, #txtCalender {
    width: 80.5%;
    height: 4vh;
    margin-left: 30px;
    margin-top: 10px;
    padding: 10px 8px 8px 8px;
    box-shadow: lightgrey 1px 3px 4px 2px;
    border: none;
    outline: none;
}*/
.PhTopText_Chatbot {
    width: 82%;
    background-color: cornsilk;
    margin-left: 30px;
    margin-top: 10px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}

.timimg_Chatbot {
    width: 80%;
    text-align: center;
    border: .1px solid lightgrey;
    border-radius: 10px;
    margin-top: 16px;
    margin-left: 40px;
    box-shadow: #072952 1px 2px 1px 1px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    background-color: white;
}

/*----------------------------buttons for select timmimg------------------*/
#WebUserChatBot_btnMorning, #WebUserChatBot_btnNoon, #WebUserChatBot_btnAfternoon, #WebUserChatBot_btnEvening, #WebUserChatBot_btnServiceMorning, #WebUserChatBot_btnServiceNoon, #WebUserChatBot_btnServiceAfternoon, #WebUserChatBot_btnServiceEvening
{
    margin-top: 8px;
    height: 5vh;
    width: 80%;
    margin-bottom: 5px;
    background-color: #00008b;
    color: white;
    border: .1px solid lightgrey;
    border-radius: 10px;
    outline: none;
    box-shadow: #00008b 1px 2px 1px 1px;
    text-decoration: none;
    padding-left: 0px !important;
}

#WebUserChatBot_btnEvening {
    margin-bottom: 10px;
}
/*------------------------------------------------------------------------*/

/*------------all send buttons------------------------------------------- */
#WebUserChatBot_imgbtnQues, #WebUserChatBot_imgbtnAskQuesPhoneNumber, #WebUserChatBot_ImageBtnQuestion, #WebUserChatBot_imgbtnAskQuesEmail, #WebUserChatBot_imgbtnAskPersonName, #WebUserChatBot_imgbtAskQuesFirm, #WebUserChatBot_imgbtnServiceCalender, #WebUserChatBot_imgbtServiceRoleFirm, #WebUserChatBot_imgbtnServiceEmail, #WebUserChatBot_imgbtnServicePhoneNumber, #WebUserChatBot_imgbtnServiceName, #WebUserChatBot_imgbtServiceFirm, #WebUserChatBot_imgbtnPhoneNumber, #WebUserChatBot_imgbtnEmail, #WebUserChatBot_imgbtnCalender, #WebUserChatBot_imgbtnName /*--------for send buttons--------*/ {
}

.btnMsgSend {
    position: absolute;
    background-color: transparent;
    /*margin-left: 68%;*/
    /*    background-image: url(images/send_btn.png);
*/ background-size: 100% 100%;
    /*width: 20px;*/
    margin-bottom: 50px;
    width: 8%;
    height: 35%;
    /*color: red;*/
    /*background-color: transparent;*/
    top: 25px;
    right: 5%;
}

#WebUserChatBot_imgbtnCalender, #WebUserChatBot_imgbtnServiceCalender {
    right: 12%;
}

#WebUserChatBot_pnlThanks ul {
    padding: 0px;
    list-style: none;
}

    #WebUserChatBot_pnlThanks ul li a {
        color: #242323;
        text-decoration: none;
        font-size: 1.10vw;
        font-weight: 500;
    }

.textarea {
    box-sizing: border-box;
    height: 7vh;
    width: 87%;
    box-shadow: #e9141d 1px 1px 1px 1px;
    background-color: white;
    border: 0px solid #e9141d;
    border-radius: 10px;
    font-size: 1.17vw;
    padding: 15px 10px 5px 10px;
    margin-top: 15px;
    margin-left: 40px;
    resize: none;
}

.chtdoc {
    color: #1468b8 !important;
    font-weight: 600 !important;
    font-size: 1.17vw !important;
}
/*#imgbtnQues {
    height: 24px;
    width: 24px;
    margin-left: -5px;
    margin-bottom: -12px;
}
#imgbtnName {
    height: 24px;
    width: 24px;
    position: absolute;
    top: 29px;
    right: 48px;
}
#imgbtnPhoneNumber {
    height: 24px;
    width: 24px;
    position: absolute;
    top: 29px;
    right: 48px;
}
#imgbtnEmail {
    height: 24px;
    width: 24px;
    position: absolute;
    top: 29px;
    right: 48px;
}*/
/*#imgbtnCalender {
    height: 24px;
    width: 24px;
    margin-top: 17px;
    margin-left: -4px;
}*/
/*-------------------------------------------------------------------------------------------*/

/*-------------table for textboxes abd send buttons--------------*/
.TblTxtboxSendBtn_Chatbot {
    width: 100%;
}

TdTxtboxChatbot /*-------table data for textboxes-------------*/ {
    width: 85%;
}

.TdSendBtnChatbot /*-------table data for sendbuttons-------------*/ {
    width: 15%;
}
/*----------------------------------------------------------------------------------------------*/
#WebUserChatBot_reqName, #WebUserChatBot_reqPhoneNumber, #WebUserChatBot_reqEmail, #WebUserChatBot_reqDate /*-------for required validations---------------*/ {
    margin-left: 30px;
}

#WebUserChatBot_lblCalenderDate, #WebUserChatBot_lblCountryName, #WebUserChatBot_lnlOptionsStuCatagory /*--------labels used store value in database---------*/ {
    display: none;
}

#WebUserChatBot_txtQues, #WebUserChatBot_btnUSA, #WebUserChatBot_txtName, #WebUserChatBot_txtPhoneNumber, #WebUserChatBot_txtEmail, #WebUserChatBot_btnMorning, #WebUserChatBot_btnClose, #WebUserChatBot_imgButton {
    outline: none;
}


#WebUserChatBot_txtfocus /*------this textbox is used for focus in the bottom of the chatbot and is not display------------------------------------------------------------- */ {
    border: none;
    outline: none;
    opacity: 0;
    padding: 0;
}

#WebUserChatBot_txtfocus {
    border: none;
    outline: none;
    opacity: 0;
    padding: 0;
}
/*-------------------------------------chatbot workflow end-----------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------*/
/*------------chatbot close buton start--------------*/
.AllCloseBg_Chatbot {
    position: fixed;
    height: 25px;
    width: 60px;
    color: #00008b;
    background-color: white;
    border: 1px solid #00008b;
    border-radius: 23px 0px 0px 23px;
    padding-top: 2px;
    box-shadow: #00008b 1px 1px 1px 1px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 84vh;
    margin-left: -61px;
    z-index: 100000000000;
}

#WebUserChatBot_btnAllClose {
    border: 0;
    height: 38px;
    width: 38px;
    border-radius: 50%;
    background-color: #e9141d;
    margin-left: 15px;
    outline: none;
    color: white;
}
/*------------chatbot close buton end-------------------------------------------------------------------------------------------------------------*/

/*---------------------chatbot icon start-----------------------*/
.ChatBotIcon {
    height: 44px;
    width: 70px;
    background-color: red;
   /* margin-left: 384.5px;*/
    border-radius: 23px 0px 0px 23px;
    padding-top: 2.4px;
    margin-top: 50px;
    margin-top: 86vh;
    z-index: 100000000000;
}

#WebUserChatBot_btnChatBotIcon {
    border: 0;
    background-color: red;
    height: 41.4px;
    width: 70px;
    border-radius: 23px 0px 0px 23px;
}

#WebUserChatBot_imgButton {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    margin-left: 6px;
    position: absolute;
    margin-top: -44px;
}
/*------------------------chatbot icon end---------------------------------------------------------------------------------------------------*/


/*------------------------Live chat box start---------------------------------------*/
.main_box_Chatbot {
    position: fixed;
    margin-top: 5px;
    height: 90px;
    border: 3px solid #e9141d;
    border-bottom-left-radius: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 0px;
    margin-left: -261px;
    margin-top: 70vh;
    background-color: white;
}

#WebUserChatBot_btnClose {
    border: 0;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    background-color: #2735a2;
    opacity: 1;
    margin-top: 0px;
    margin-left: -15px;
    color: white;
    text-align: center;
    line-height: 25px;
    position: relative;
    position: absolute;
    top: -8%;
    left: 0;
    /*border: 0;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    background-color: red;
    opacity: 1;
    margin-top: -15px;
    margin-left: -8px;
    color: white;
    text-align: center;
    line-height: 25px;
    position: relative;*/
}

.box_a_Chatbot {
    width: 100%;
    height: 49px;
    text-align: center;
}

.box_Chatbot {
    height: 48px;
    width: 100%;
    margin-right: 40px;
}

.box1_Chatbot {
    border: 0;
    height: 40px;
    width: 85%;
    background-color: #00008b;
    border-radius: 23px 0px 0px 23px;
    display: flex;
    justify-content: flex-end;
    line-height: 40px;
    color: white;
    margin-left: 20px;
    margin-bottom: 5px;
    font-size: 16px;
}

.img_Chatbot {
    height: 44px;
    width: 46px;
    margin-right: -15px;
    margin-top: 2.3px;
    margin-top: -3px;
    border-radius: 50%;
    background-image: url(../Images/Chat-logo.png);
    background-size: 100% 100%;
}


/*-----Reload Buttons Code------*/

#WebUserChatBot_ImageBtnCategory, #WebUserChatBot_ImageBtnQuestionInput, #WebUserChatBot_ImageBtnAskQuesPhnum, #WebUserChatBot_ImageBtnAskQuesEmail, #WebUserChatBot_ImageBtnAskPersonName, #WebUserChatBot_ImageBtnAskQuesFirmName, #WebUserChatBot_ImageBtnServiceTime, #WebUserChatBot_ImageBtnServiceDate, #WebUserChatBot_ImageBtnServiceRoleFirm, #WebUserChatBot_ImageBtnServicePhnum, #WebUserChatBot_ImageBtnServiceEmail, #WebUserChatBot_ImageBtnServiceName, #WebUserChatBot_ImageBtnServiceFirmName, #WebUserChatBot_ImageBtnAskQuestion, #WebUserChatBot_ImageBtnCountry, #WebUserChatBot_ImageBtnTime, #WebUserChatBot_ImageBtnQuesorApt, #WebUserChatBot_ImageBtnNewExist, #WebUserChatBot_ImageBtnClinic, #WebUserChatBot_ImageBtnservices {
    position: absolute;
    left: 44%;
    z-index: 100000000000;
    width: 12%;
}

#WebUserChatBot_ImageBtnName, #WebUserChatBot_ImageBtnFirmName, #WebUserChatBot_ImageBtnRoleFirm, #WebUserChatBot_ImageBtnPhnum, #WebUserChatBot_ImageBtnEmail, #WebUserChatBot_ImageBtnDate {
    position: absolute;
    top: 16%;
    left: 40%;
    z-index: 100000000000;
}
/*#imgbtnFirmName, #imgbtnPhoneNumber, #imgbtnEmail, #imgbtnClientName, #imgbtnNewClientQuestion {
    position: absolute;
    top: 14%;
    left: 40%;
    z-index: 100000000000;
}*/
/*-------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:280px) and (max-width:350px) /*for android smart phones and iphones*/ {
    .ExpressChatbot {
        width: 95%;
        margin-top: 1vh;
    }

    #WebUserChatBot_pnlThanks ul li a {
        color: #242323;
        text-decoration: none;
        font-size: 16px;
        font-weight: 400;
    }

    .side_img_Chatbot {
        height: 50px;
        width: 50px;
    }

    .chtdoc {
        color: #1468b8 !important;
        font-weight: 600 !important;
        font-size: 16px !important;
    }

    #WebUserChatBot_lblInputQuestion, #WebUserChatBot_lblInputPhoneNumber, #WebUserChatBot_lblInputName, #WebUserChatBot_lblInputEmail, #WebUserChatBot_lblInputDate {
        padding: 5px 10px;
        margin-left: 30%;
        margin-top: 10px;
        border-radius: 10px 0px 10px 10px;
        background-color: #072952;
        color: white;
        font-size: 16px;
    }

    .options_Chatbot {
        width: 84%;
        text-align: center;
        border: .1px solid lightgrey;
        border-radius: 10px;
        margin-top: 16px;
        margin-left: 25px;
        box-shadow: #14427a 1px 2px 1px 1px;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        align-items: center;
        background-color: white;
    }

    #WebUserChatBot_btnStudyAbroad, #WebUserChatBot_btnWorkPermit, #WebUserChatBot_btnPermanentResidence, #WebUserChatBot_btnVisitorVisa, #WebUserChatBot_btnQuestion, .btnOptions {
        margin-top: 8px;
        height: 31.75px;
        width: 93%;
        font-size: 14px;
        margin-bottom: 5px;
        background-color: #072952;
        color: white;
        border: .1px solid lightgrey;
        border-radius: 10px;
        outline: none;
        box-shadow: #072952 1px 2px 1px 1px;
    }

    #WebUserChatBot_btnStudyAbroad, #WebUserChatBot_btnWorkPermit, #WebUserChatBot_btnPermanentResidence, #WebUserChatBot_btnVisitorVisa, #WebUserChatBot_btnQuestion, .btnOptions {
        margin-top: 8px;
        height: 31.75px;
        width: 92%;
        font-size: 16px;
        margin-bottom: 5px;
        background-color: #072952;
        color: white;
        border: .1px solid lightgrey;
        border-radius: 10px;
        outline: none;
        box-shadow: #072952 1px 2px 1px 1px;
    }

    .text_chatbot p {
        font-weight: 600;
        color: #242323 !important;
        font-size: 16px !important;
    }

    .AllCloseBg_Chatbot {
        margin-top: 463.55px;
    }

    .main_box_Chatbot {
        margin-top: 60vh;
    }

    .side_img_Chatbot {
        height: 50px;
        width: 50px;
        border-radius: 50%;
        margin-left: -5px;
        margin-top: -5px;
        background-image: url(../Images/TechGirl.jpg);
        background-size: 100% 100%;
        box-shadow: #14427a 1px 3px 2px 1px;
    }

    .ChatBotIcon {
        margin-top: 69vh;
    }

    /*  #imgbtnQues {
        margin-left: 3px;
        margin-bottom: -13px;
    }

    #imgbtnName, #imgbtnPhoneNumber, #imgbtnEmail {
        top: 21px;
        right: 10px;
    }

    #imgbtnCalender {
        margin-left: 4px;
    }*/

    .FlagImgChatbot {
        margin-left: 33px;
        margin-top: 1px;
        padding-right: 20px;
        height: 17px;
    }

    .textarea {
        box-sizing: border-box;
        height: 7vh;
        width: 85%;
        box-shadow: #072952 1px 1px 1px 1px;
        background-color: white;
        border: 0px solid #072952;
        border-radius: 10px;
        font-size: 16px;
        padding: 15px 10px 5px 10px;
        margin-top: 15px;
        margin-left: 40px;
        resize: none;
    }
}

@media screen and (min-width:350px) and (max-width:600px) /*for android smart phones and iphones*/
{
    .ExpressChatbot {
        width: 95%;
    }
   
    .Container_Chatbot {
        position: fixed;
        margin-top: 2vh;
        font: 1.17vw !important;
        height: 83vh;
        width: 22vw;
        /* background-color: azure; */
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        right: 0;
        z-index: 10000000 !important;
    }
    #WebUserChatBot_lblInputQuestion, #WebUserChatBot_lblInputAskQuesPhoneNumber, #WebUserChatBot_lblInputAskQuesEmail, #WebUserChatBot_lblInputAskPersonName, #WebUserChatBot_lblInputAskQuesLawFirm, #WebUserChatBot_lpbInputServiceRoleFirm, #WebUserChatBot_lblServiceInputDate, #WebUserChatBot_lblInputServicePhoneNumber, #WebUserChatBot_lblInputServiceEmail, #WebUserChatBot_lblInputServiceName, #WebUserChatBot_lblInputServiceLawFirm, #WebUserChatBot_lpbInputRoleFirm, #WebUserChatBot_lblInputAskQuestion, #WebUserChatBot_lblInputLawFirm, #WebUserChatBot_lblInputPhoneNumber, #WebUserChatBot_lblInputName, #WebUserChatBot_lblInputEmail, #WebUserChatBot_lblInputDate
    {
        padding: 5px 10px;
        margin-left: 15%;
        margin-top: 10px;
        border-radius: 10px 10px 10px 10px;
        background-color: #00008b;
        color: white;
        font-size: 16px;
    }

    .box_a_Chatbot {
        width: 100%;
        height: 24px;
        text-align: center;
        font-size: 17px;
        margin-top: 3px;
    }

    .txt_line_Chatbot {
        width: 95%;
        border-radius: 10px;
        margin-top: 10px;
        margin-left: 2vw;
        border: .1px solid lightgrey;
        box-shadow: #14427a 1px 1px 1px 1px;
        padding-top: 0;
        padding-right: 6px;
        display: flex;
        flex-direction: column;
        background-color: white;
    }

    .text_chatbot {
        font: 1.10vw;
        font-weight: 600;
        width: 100%;
        padding: 4px 15px 0px 10px;
    }

    .box1_Chatbot {
        border: 0;
        height: 40px;
        width: 85%;
        background-color: #072952;
        border-radius: 23px 0px 0px 23px;
        display: flex;
        justify-content: flex-end;
        line-height: 40px;
        color: white;
        margin-left: 18px;
        margin-bottom: 5px;
    }

    .box_Chatbot {
        height: 48px;
        width: 100%;
        margin-right: 29px;
    }

    .text_chatbot p {
        font-weight: 600;
        color: #242323 !important;
        font-size: 16px !important;
    }

    #WebUserChatBot_btnStudyAbroad, #WebUserChatBot_btnWorkPermit, #WebUserChatBot_btnPermanentResidence, #WebUserChatBot_btnVisitorVisa, #WebUserChatBot_btnQuestion, .btnOptions {
        margin-top: 8px;
        height: 31.75px;
        width: 92%;
        font-size: 16px;
        margin-bottom: 5px;
        background-color: #072952;
        color: white;
        border: .1px solid lightgrey;
        border-radius: 10px;
        outline: none;
        box-shadow: #072952 1px 2px 1px 1px;
    }

    .side_img_Chatbot {
        height: 50px;
        width: 50px;
        border-radius: 50%;
        margin-left: -5px;
        margin-top: -5px;
        background-image: url(../Images/TechGirl.jpg);
        background-size: 100% 100%;
        box-shadow: #14427a 1px 3px 2px 1px;
    }

    .main_box_Chatbot {
        margin-top: 470px;
        margin-left: -261px !important;
    }

    .Clinics_List {
        height: 90px !important;
        overflow-y: auto;
        overflow-x: hidden;
        /* background-color: mintcream !important; */
    }

    .AllCloseBg_Chatbot {
        position: fixed;
        height: 25px;
        width: 60px;
        color: #072952;
        background-color: white;
        border: 1px solid #072952;
        border-radius: 23px 0px 0px 23px;
        padding-top: 2px;
        box-shadow: #072952 1px 1px 1px 1px;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        margin-top: 620px;
        margin-left: -72px;
        z-index: 100000000000;
    }

    .ChatBotIcon {
        margin-top: 79vh;
    }

    #WebUserChatBot_pnlThanks ul li a {
        color: #242323;
        text-decoration: none;
        font-size: 16px;
        font-weight: 500;
    }

    .chtdoc {
        color: #1468b8 !important;
        font-weight: 600 !important;
        font-size: 17px !important;
    }

    .textarea {
        box-sizing: border-box;
        height: 7vh;
        width: 85%;
        box-shadow: #164781 1px 1px 1px 1px;
        background-color: white;
        border: 0px solid #164781;
        border-radius: 10px;
        font-size: 16px;
        padding: 15px 10px 5px 10px;
        margin-top: 15px;
        margin-left: 40px;
        resize: none;
    }
    /*
    #imgbtnQues {
        margin-left: -2px;
        margin-bottom: -13px;
    }

    #imgbtnName, #imgbtnPhoneNumber, #imgbtnEmail {
        top: 28px;
        right: 20px;
    }

    #imgbtnCalender {
        margin-left: 1px;
    }*/

    .FlagImgChatbot {
        margin-left: 50px;
        margin-top: 3px;
        padding-right: 20px;
        height: 25px;
    }
}

/*@media screen and (min-width:480px) and (max-width:580px)*/ /*for android smart phones and iphones*/
/*{

    .ExpressChatbot {
        width: 75%;
    }

    .side_img_Chatbot {
        height: 50px;
        width: 50px;
        border-radius: 50%;
        margin-left: -5px;
        margin-top: -5px;
        background-image: url(../Images/TechGirl.jpg);
        background-size: 100% 100%;
        box-shadow: #14427a 1px 3px 2px 1px;
    }

    .textarea {
        box-sizing: border-box;
        height: 7vh;
        width: 85%;
        box-shadow: #14427a 1px 1px 1px 1px;
        background-color: white;
        border: 0px solid #0a4734;
        border-radius: 10px;
        font-size: 16px;
        padding: 15px 10px 5px 10px;
        margin-top: 15px;
        margin-left: 40px;
        resize: none;
    }

    .main_box_Chatbot {
        margin-top: 48vh;
    }

    .text_chatbot p {
        font-weight: 600;
        color: #242323 !important;
        font-size: 16px !important;
    }

    .txt_line_Chatbot {
    }*/

/*  #imgbtnQues {
        margin-left: -2px;
        margin-bottom: -13px;
    }

    #imgbtnName, #imgbtnPhoneNumber, #imgbtnEmail {
        top: 28px;
        right: 33px;
    }

    #imgbtnCalender {
        margin-left: -2px;
    }*/
/*#WebUserChatBot_btnStudyAbroad, #WebUserChatBot_btnWorkPermit, #WebUserChatBot_btnPermanentResidence, #WebUserChatBot_btnVisitorVisa, #WebUserChatBot_btnQuestion, .btnOptions {
        margin-top: 8px;
        height: 31.75px;
        width: 92%;
        font-size: 16px;
        margin-bottom: 5px;
        background-color: #072952;
        color: white;
        border: .1px solid lightgrey;
        border-radius: 10px;
        outline: none;
        box-shadow: #072952 1px 2px 1px 1px;
    }

    .FlagImgChatbot {
        margin-left: 50px;
        margin-top: 5px;
        padding-right: 20px;
    }
}

@media screen and (min-width:580px) and (max-width:680px) {

    .ExpressChatbot {
        width: 65%;
    }

    .side_img_Chatbot {
        height: 50px;
        width: 50px;
        border-radius: 50%;
        margin-left: -5px;
        margin-top: -5px;
        background-image: url(../Images/TechGirl.jpg);
        background-size: 100% 100%;
        box-shadow: #14427a 1px 3px 2px 1px;
    }

    .main_box_Chatbot {
        margin-top: 48vh;
    }

    .textarea {
        box-sizing: border-box;
        height: 7vh;
        width: 85%;
        box-shadow: #072952 1px 1px 1px 1px;
        background-color: white;
        border: 0px solid #072952;
        border-radius: 10px;
        font-size: 16px;
        padding: 15px 10px 5px 10px;
        margin-top: 15px;
        margin-left: 40px;
        resize: none;
    }

    .text_chatbot p {
        font-weight: 600;
        color: #242323 !important;
        font-size: 16px !important;
    }

    #WebUserChatBot_btnStudyAbroad, #WebUserChatBot_btnWorkPermit, #WebUserChatBot_btnPermanentResidence, #WebUserChatBot_btnVisitorVisa, #WebUserChatBot_btnQuestion, .btnOptions {
        margin-top: 8px;
        height: 31.75px;
        width: 92%;
        font-size: 16px;
        margin-bottom: 5px;
        background-color: #072952;
        color: white;
        border: .1px solid lightgrey;
        border-radius: 10px;
        outline: none;
        box-shadow: #072952 1px 2px 1px 1px;
    }*/
/* #imgbtnQues {        
        margin-left: -2px;
        margin-bottom: -13px;
    }
    #imgbtnName, #imgbtnPhoneNumber, #imgbtnEmail {
        top: 28px;
        right: 38px;
    }   
    #imgbtnCalender {
        margin-left: -2px;
    }*/
/*.FlagImgChatbot {*/
/* margin-left: 50px;
        margin-top: 5px;
        padding-right: 20px;*/
/*}
}*/

@media screen and (min-width:680px) and (max-width:880px) /*for tablets*/
{

    .ExpressChatbot {
        width: 58%;
    }

    .text_chatbot p {
        font-weight: 600;
        color: #242323 !important;
        font-size: 16px !important;
    }

    .textarea {
        box-sizing: border-box;
        height: 7vh;
        width: 85%;
        box-shadow: #6a4821 1px 1px 1px 1px;
        background-color: white;
        border: 0px solid #0a4734;
        border-radius: 10px;
        font-size: 16px;
        padding: 15px 10px 5px 10px;
        margin-top: 15px;
        margin-left: 40px;
        resize: none;
    }

    .side_img_Chatbot {
        height: 50px;
        width: 50px;
        border-radius: 50%;
        margin-left: -5px;
        margin-top: -5px;
        background-image: url(../Images/TechGirl.jpg);
        background-size: 100% 100%;
        box-shadow: #14427a 1px 3px 2px 1px;
    }

    #WebUserChatBot_btnStudyAbroad, #WebUserChatBot_btnWorkPermit, #WebUserChatBot_btnPermanentResidence, #WebUserChatBot_btnVisitorVisa, #WebUserChatBot_btnQuestion, .btnOptions {
        margin-top: 8px;
        height: 31.75px;
        width: 92%;
        font-size: 16px;
        margin-bottom: 5px;
        background-color: #072952;
        color: white;
        border: .1px solid lightgrey;
        border-radius: 10px;
        outline: none;
        box-shadow: #072952 1px 2px 1px 1px;
    }
    /*  #imgbtnName, #imgbtnPhoneNumber, #imgbtnEmail {
        right: 48px;
        top: 33px;
    }*/
}

@media screen and (min-width:880px) and (max-width:1080px) /*for tablets*/
{

    .ExpressChatbot {
        width: 52%;
    }

    .text_chatbot p {
        font-weight: 600;
        color: #242323 !important;
        font-size: 16px !important;
    }
    /* #imgbtnName, #imgbtnPhoneNumber, #imgbtnEmail {
        right: 34px;
    }*/
}

@media screen and (min-width:1080px) and (max-width:1280px) /*for tablets*/
{

    .ExpressChatbot {
        width: 38%;
    }

    .ChatBotIcon {
        margin-top: 80vh;
    }
    /*  #imgbtnName, #imgbtnPhoneNumber, #imgbtnEmail {
        right: 48px;
    }*/
    .main_box_Chatbot {
        margin-top: 73vh;
    }

    .FlagImgChatbot {
        margin-left: 80px;
        margin-top: 2px;
        padding-right: 28px;
        height: 24px;
    }
}

@media screen and (min-width:1280px) and (max-width:1480px) /*for macbooks or special devices*/
{

    .ExpressChatbot {
        width: 32%;
    }

    /*#imgbtnName, #imgbtnPhoneNumber, #imgbtnEmail {
        right: 42px;
    }*/
}

@media screen and (min-width:1480px) and (max-width:1780px) {

    .ExpressChatbot {
        width: 28%;
    }
    /*  #imgbtnName, #imgbtnPhoneNumber, #imgbtnEmail {
        right: 48px;
    }*/
}


@media (min-width: 1920px) and (max-width: 2560px) {
    .box_a_Chatbot strong {
        font-size: 1.05vw;
    }

    .main_box_Chatbot {
        position: fixed;
        margin-top: 5px;
        height: 4.6875vw;
        border: 3px solid #e9141d;
        border-bottom-left-radius: 20px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-bottom: 0px;
        margin-left: -14.07vw;
        margin-top: 70vh;
        background-color: white;
        width: 16.1vw;
    }

    .text_chatbot {
        font: 1.10vw;
        font-weight: 600;
        width: 100%;
        padding: 4px 15px 0px 10px;
    }

        .text_chatbot p {
            font-weight: 600;
            color: #242323 !important;
            font-size: 0.95vw !important;
        }

    #WebUserChatBot_btnStudyAbroad, #WebUserChatBot_btnWorkPermit, #WebUserChatBot_btnPermanentResidence, #WebUserChatBot_btnVisitorVisa, #WebUserChatBot_btnQuestion, .btnOptions {
        margin-top: 8px;
        height: 2.35vw;
        width: 92%;
        font-size: 0.95vw;
        margin-bottom: 5px;
        background-color: #00008b;
        color: white;
        border: .1px solid lightgrey;
        border-radius: 10px;
        outline: none;
        box-shadow: #00008b 1px 2px 1px 1px;
    }

    #WebUserChatBot_lblInputQuestion, #WebUserChatBot_lblInputPhoneNumber, #WebUserChatBot_lblInputName, #WebUserChatBot_lblInputEmail, #WebUserChatBot_lblInputDate {
        padding: 5px 10px;
        margin-left: 30%;
        margin-top: 10px;
        border-radius: 10px 0px 10px 10px;
        background-color: #00008b;
        color: white;
        font-size: 1.02vw;
    }

    .textarea {
        box-sizing: border-box;
        height: 7vh;
        width: 87%;
        box-shadow: #e9141d 1px 1px 1px 1px;
        background-color: white;
        border: 0px solid #14427a;
        border-radius: 10px;
        font-size: 1.02vw;
        padding: 15px 10px 5px 10px;
        margin-top: 15px;
        margin-left: 40px;
        resize: none;
    }

    #WebUserChatBot_pnlThanks ul li a {
        color: #242323;
        text-decoration: none;
        font-size: 1.02vw;
        font-weight: 500;
    }

    .chtdoc {
        color: #1468b8 !important;
        font-weight: 600 !important;
        font-size: 1.10vw !important;
    }

    .Clinics_List {
        height: 12.5vw !important;
        overflow-y: auto;
        overflow-x: hidden;
        /* background-color: mintcream !important;*/
    }
}