/* devanagari */

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiGyp8kv8JHgFVrLPTucXtAKPY.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}


/* latin-ext */

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiGyp8kv8JHgFVrLPTufntAKPY.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}


/* latin */

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiGyp8kv8JHgFVrLPTucHtA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* devanagari */

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLFj_Z11lFc-K.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}


/* latin-ext */

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLFj_Z1JlFc-K.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}


/* latin */

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLFj_Z1xlFQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* devanagari */

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLDz8Z11lFc-K.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}


/* latin-ext */

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLDz8Z1JlFc-K.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}


/* latin */

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLDz8Z1xlFQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* devanagari */

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}


/* latin-ext */

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}


/* latin */

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* devanagari */

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLGT9Z11lFc-K.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}


/* latin-ext */

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}


/* latin */

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* devanagari */

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLEj6Z11lFc-K.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}


/* latin-ext */

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}


/* latin */

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* devanagari */

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}


/* latin-ext */

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}


/* latin */

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* devanagari */

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLDD4Z11lFc-K.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}


/* latin-ext */

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLDD4Z1JlFc-K.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}


/* latin */

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLDD4Z1xlFQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
    font-family: 'Poppins', sans-serif;
    color: hsl(214, 23%, 29%);
    background: #F5F6FC;
    line-height: 1.6;
    font-size: 14.4px;
}

.sec-header {
    background-color: #fff;
}

.sec-remote-tab {
    background-color: #fff;
    box-shadow: 0px 4px 63px rgba(0, 0, 0, 0.05);
}

.create-account-bg {
    background-image: url('../images/create-your-account-bg.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100%;
}

.cat-account {}

.cat-account h1 {
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 82.3772px;
    line-height: 124px;
    color: #16293A;
}

.cat-account p {
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 214%;
    text-align: center;
    color: #445463;
}

.custom-search {
    position: relative;
}

.custom-search-input {
    width: 100%;
    border: 1px solid #fff;
    border-radius: 19px;
    padding: 10px 100px 10px 20px;
    line-height: 1;
    box-sizing: border-box;
    outline: none;
    height: 80px;
}

.custom-search-botton {
    position: absolute;
    right: 3px;
    top: 12px;
    bottom: 3px;
    color: #fff;
    outline: none;
    margin: 0;
    z-index: 2;
    width: 22%;
    height: 70%;
    background: #FF9247;
    font-family: Poppins;
    font-style: normal;
    border-radius: 12px !important;
}

.log-head {
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 214%;
    color: #445463;
}

.log-head a {
    color: #FF9247;
}

.cat-signup button {
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    color: #fff;
    background: #FF4B26;
    border-radius: 50px;
}

.cat-google-btn a {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    padding: 20px 40px 20px 40px;
    color: #fff;
}

.google-btn {
    background: #FF4B26;
    box-shadow: 0px 9px 18px rgba(255, 75, 38, 0.3);
    border-radius: 31px;
    text-decoration: none !important;
}


/* .cat-outlook-btn a {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0em;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: left;
    padding: 20px 6px 20px 40px;
    color: #fff;
} */

.outlook-btn {
    background-color: #0072C6;
    border-radius: 31px;
    text-decoration: none !important;
    box-shadow: 0px 9px 18px rgba(0, 114, 198, 0.3);
}

.signup-bg {
    background-image: url('../images/signup-bg.svg');
    /* background-size: 100% 100% !important; */
    /* background-repeat: no-repeat; */
    /* background-position: center; */
}


/* Start signup-with-remote-worker CSS Here*/

.signup-head {}

.signup-head h3 {
    font-family: Poppins;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 33px;
    letter-spacing: 0em;
}

.signup-form-design label {
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: #445463;
}

.signup-form-design label a {
    color: #FF9247;
    text-decoration: none;
    font-size: 15px;
}


/*.signup-form-design input[type=email]{
    border: none;
}
.signup-form-design input[type=text]{
    border: none !important;
    font-size: 12px !important;
    background-color: #fff !important;
}   
.signup-form-design input[type=password]{  
    border: none; 
}*/

.signup-form-design input {
    border: none !important;
    font-size: 12px !important;
    background-color: #fff !important;
    font-family: Poppins;
    font-size: 15px !important;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
}

::-webkit-input-placeholder {
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
}

::-moz-placeholder {
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
}

:-ms-input-placeholder {
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
}

::placeholder {
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
}

.custom-btn {
    background-color: #FF9247 !important;
    width: 130px;
    height: 50px;
    color: #fff;
    font-family: Poppins;
    font-style: normal;
    letter-spacing: 0em;
}


/* End signup-with-remote-worker CSS Here*/


/*Start welcome-to-remote-worker*/

select.time-zone-arrow {
    /* styling */
    background-color: unset;
    border-radius: 10px;
    display: inline-block;
    border: none;
    padding: 0.5em 3.5em 0.5em 1em;
    /* reset */
    box-sizing: border-box;
    -webkit-appearance: none;
}


/* arrows */

select.time-zone-arrow {
    background-image: url('../images/timezone-icon.svg');
    background-repeat: no-repeat;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    background-position: 95% 50%;
    padding-left: 0;
}

select.time-zone-arrow1 {
    background-color: unset;
    border-radius: 10px;
    display: inline-block;
    border: none;
    box-sizing: border-box;
    -webkit-appearance: none;
}

select.time-zone-arrow1 {
    background-image: url('../images/time-circle-down.png');
    background-repeat: no-repeat;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 0em;
    background-position: 95% 50%;
    padding-right: 40px;
    height: 35px;
}

.h4-head {
    font-family: Poppins;
    font-size: 19px;
    font-style: normal;
    font-weight: 600;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: left;
}

.h5-orange {
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 23px;
    letter-spacing: 0em;
    color: #FF9247;
}

.fsize {
    font-size: 16px;
}

.edit-design {}

.edit-design span {
    font-family: 'Poppins';
    font-weight: 500;
    font-style: normal;
    font-size: 14px;
    line-height: 21px;
}

.edit-design span a {
    color: #FF9247;
    text-decoration: none;
}

.line {
    border: 1px solid rgba(0, 0, 0, 0.11);
}


/*End welcome-to-remote-worker*/


/* Start Set your availability design here */

.h5-heading {
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
}

select.arrow-design {
    /* styling */
    background-color: white;
    /*border-radius: 10px;*/
    display: inline-block;
    border: none;
    padding: 0.5em 3.5em 0.5em 1em;
    /* reset */
    box-sizing: border-box;
    -webkit-appearance: none;
}


/* arrows */

select.arrow-design {
    background-image: url('../images/down-arrow.svg');
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), 100% 0;
    background-repeat: no-repeat;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
}

.cat-days {
    background-color: #fff;
    border-radius: 13px;
}

.round-available-day h6 {
    font-family: Poppins;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(68, 84, 99, 0.69);
}

.round-availableday h6 {
    font-family: Poppins;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(68, 84, 99, 0.69);
}

.round-available-day {
    position: relative;
}

.round-available-day input[type="checkbox"] {
    visibility: hidden;
}

.round-available-day input[type="checkbox"]:checked+label {
    background-color: #FF9247;
    border-color: #FF9247;
}

.round-available-day label {
    background-color: #FF9247;
    border: 1px solid #FF4F00c;
    border-radius: 50%;
    cursor: pointer;
    height: 28px;
    left: 22%;
    position: absolute;
    top: 0;
    width: 28px;
}

.round-available-day input[type="checkbox"]:checked+label:after {
    opacity: 1;
}

.round-available-day label:after {
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    content: "";
    height: 6px;
    left: 7px;
    opacity: 0;
    position: absolute;
    top: 10px;
    transform: rotate( -45deg);
    width: 12px;
}

.round-availableday {
    position: relative;
}

.round-availableday input[type="checkbox"] {
    visibility: hidden;
}

.round-availableday input[type="checkbox"]:checked+label {
    background-color: #C4C4C4;
    border-color: #C4C4C4;
}

.round-availableday label {
    background-color: #C4C4C4;
    border: 1px solid #FF4F00c;
    border-radius: 50%;
    cursor: pointer;
    height: 28px;
    left: 22%;
    position: absolute;
    top: 0;
    width: 28px;
}

.round-availableday input[type="checkbox"]:checked+label:after {
    opacity: 1;
}

.round-availableday label:after {
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    content: "";
    height: 6px;
    left: 7px;
    opacity: 0;
    position: absolute;
    top: 10px;
    transform: rotate( -45deg);
    width: 12px;
}

.round {
    position: relative;
}

.round label {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    cursor: pointer;
    height: 28px;
    left: 26%;
    position: absolute;
    top: 0;
    width: 28px;
}

.round label:after {
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    content: "";
    height: 6px;
    left: 7px;
    opacity: 0;
    position: absolute;
    top: 8px;
    transform: rotate(-45deg);
    width: 12px;
}

.round input[type="checkbox"] {
    visibility: hidden;
}

.round input[type="checkbox"]:checked+label {
    background-color: #FF9247;
    border-color: #FF9247;
}

.round input[type="checkbox"]:checked+label.bg#FF9247 {
    background-color: red !important;
}

.round input[type="checkbox"]:checked+label:after {
    opacity: 1;
}

.personalize-radio-btn {
    /* background: #445463; */
    color: #445463 !important;
}

.cat-days label {
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0em;
}

.vertical-line {
    height: 60px;
    border-right: 1px solid #F7F7F7;
}

.round h6 {
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0em;
}


/* End Set your availability design here */


/*Start personalize your experience radio button css*/

[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

[type="radio"]:checked+label,
[type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 16px;
    display: inline-block;
    /* color: #FF9247 !important; */
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0em;
    text-align: left;
}

[type="radio"]:checked+label:before,
[type="radio"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #FF9247;
    border-radius: 100%;
    background: #fff;
}

[type="radio"]:checked+label:after,
[type="radio"]:not(:checked)+label:after {
    content: '';
    width: 10px;
    height: 10px;
    background: #FF9247;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

[type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

[type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}


/*End personalize your experience radio button css*/


/* Start Remote work css here*/

.remotework-bg {
    background-color: #FAF8F5;
}

.remotework-nav {}

.remotework-nav ul {}

.remotework-nav ul li {}

.remotework-nav ul li a.active {
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    /*! line-height: 455%; */
    color: #FF9247;
}

.remotework-nav ul li a {
    color: #2C3742;
    line-height: 455%;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0em;
    text-align: left;
}

.remotework-nav ul li a:hover {
    color: #FF9247;
}

.h2-head {
    font-family: Poppins;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 39px;
    letter-spacing: 0em;
}

.h3-head {
    font-family: Poppins;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px;
    letter-spacing: 0em;
    color: #16293A;
    padding-bottom: 15px;
}

.tab-design li a {
    border-bottom: 3px solid transparent;
    color: #FF9247;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    text-decoration: none;
}

.tab-design li a:hover {
    border-bottom: 2px solid #FF9247;
}

.tab-design li a.active {
    border-bottom: 2px solid #FF9247;
    color: #FF9247;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    text-decoration: none;
    box-shadow: 0px 4px 7px rgba(255, 146, 71, 0.25);
    border-radius: 100px 100px 0px 0px;
}

.tab-design li a {
    color: #445463;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    text-decoration: none;
    /*! box-shadow: 0px 4px 7px rgba(255, 146, 71, 0.25); */
    border-radius: 100px 100px 0px 0px;
}

.custombtn-position {}

.has-search .form-control {
    padding-left: 2.375rem;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 60px;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}

.has-search-box .form-control {
    padding-left: 2.375rem;
}

.has-search-box .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 50px;
    text-align: center;
    pointer-events: none;
    color: #88929B;
    font-size: 18px;
}

.has-search-box.form-group input[type="text"] {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    border-radius: 11px;
    border: 1px solid rgba(68, 84, 99, 0.19);
    background-color: #FAF8F5;
    width: 227px;
    padding-top: 11px;
}

.user-event p {
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
}

.user-event a {
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: #FF9247;
    text-decoration: none !important;
}

.cat-meeting {
    background-color: #fff;
    border-radius: 11.2px;
}

.cat-meeting-hide {
    display: none;
}

.cat-meeting-hide ul li {}

.cat-meeting-hover:hover+.cat-meeting-hide {
    display: block;
    color: red;
}

.cat-meeting-hover:onclick {
    width: 70px;
    height: 74px;
}

.cat-meeting h5 {
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: #16293A;
}

.cat-meeting p {
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: #445463;
}

.cat-meeting h5 p {
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(68, 84, 99, 0.64);
}

.cat-meeting a {
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: #FF9247;
    text-decoration: none !important;
    /* padding-left: 20px; */
    /* padding-right: 20px; */
    padding: 15px 40px 15px 38px;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #ffffff;
    width: 600%;
    z-index: 1;
    right: 10%;
    box-shadow: 0px 20px 100px rgba(0, 0, 0, 0.08);
}

.dropdown-content a {
    display: block;
    color: rgba(68, 84, 99, 0.85);
}

.dropdown:hover .dropdown-content {
    display: block;
}

.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked+.slider {
    background-color: rgba(253, 145, 71, 1);
}

input:checked+.slider-green {
    background: #08DE91;
    box-shadow: 0px 4px 4px rgba(8, 222, 145, 0.25);
}

input:focus+.slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.dash-border {
    /* border-bottom: dashed 1px; */
    /* color: #CDCDCD; */
    border-bottom: 1px dashed rgba(205, 205, 205, 0.76);
}

.btn-share a {
    color: #FF9247;
    border-radius: 9px;
    /* padding: 30px; */
    width: 180px;
    font-size: 12px;
    border: 1px solid rgba(255, 146, 71, 0.15);
    font-family: 'Poppins';
}

.btn-share a:hover {
    color: #FF9247;
}

.cat-btn-share {
    background-color: #fff;
}

.btn-copy a {
    color: #FF9247;
    border-radius: 9px;
    padding: 15px;
    width: 180px;
    font-size: 12px;
    border: 1px solid rgba(255, 146, 71, 0.15);
    font-family: 'Poppins';
}

.btn-copy a:hover {
    color: #FF9247;
}

.cat-btn-copy {
    background-color: rgba(255, 146, 71, 0.15);
}

.cat-shared-event h5 {
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(22, 41, 58, 1);
}

.cat-shared-event p {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(68, 84, 99, 0.74);
}

.cat-internal-note h4 {
    font-family: Poppins;
    font-size: 19px;
    font-style: normal;
    font-weight: 600;
    line-height: 29px;
    letter-spacing: 0em;
    color: #16293A;
}

.cat-internal-note p {
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: center;
    color: rgba(68, 84, 99, 0.79);
}

.cat-unavailable p {
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: center;
    color: rgba(22, 41, 58, 0.43);
}

.day-color {
    color: #16293A;
}

#textarea-style {
    border-radius: 13px;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: center;
    border: 1px solid #FF9247;
}

#popup-textarea-style {
    border: 1px solid #FF9247;
    box-sizing: border-box;
    filter: drop-shadow(0px 4px 4px rgba(255, 146, 71, 0.25));
    border-radius: 13px;
}

#meeting-textarea {
    background: #FFFFFF;
    box-shadow: 0px 24px 92px rgba(255, 146, 71, 0.03);
    border-radius: 12px;
}

.internal-note-label {
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    color: rgba(68, 84, 99, 0.99);
    display: inline-block;
    width: 100%;
    text-align: right;
}

.btn-cancel a {
    border-radius: 9px;
    width: 180px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0em;
    font-size: 14px;
    color: rgba(31, 31, 48, 0.3) !important;
    border: 1px solid rgba(31, 31, 48, 0.3);
    padding: 16px 30px 15px 30px;
}

.btn-addnote a {
    border-radius: 9px;
    width: 180px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0em;
    font-size: 14px;
    color: #fff!important;
    border: none;
    padding: 16px 25px 16px 25px;
}

.cat-btn-cancel {
    background-color: #fff;
    text-decoration: none !important;
}

.cat-btn-addnote {
    background-color: #FF9247;
    text-decoration: none !important;
}

.btn-apply a {
    border-radius: 9px;
    width: 180px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0em;
    font-size: 14px;
    color: #fff!important;
    border: none;
    padding: 16px 33px 16px 33px;
}

.cat-btn-apply {
    background-color: #FF9247;
    text-decoration: none !important;
}

.btn-back a {
    border-radius: 9px;
    line-height: 30px;
    font-size: 14px;
    color: #445463 !important;
    border: 1px solid rgba(31, 31, 48, 0.3);
    padding: 13px 25px 13px 25px;
    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0em;
}

.cat-btn-back {
    background-color: #fff;
    text-decoration: none !important;
}

.cat-event h3 {
    font-family: Poppins;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px;
    letter-spacing: 0em;
    text-align: left;
    color: #16293A;
}

.cat-event p {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    color: #16293A;
}

.fsize11px {
    font-size: 11px !important;
    background-color: #B0B0B0;
    border-radius: 36px;
    padding: 10px 20px;
    background: rgba(176, 176, 176, 0.15);
}

.cat-view-page p {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: center;
    color: #16293A;
}

.cat-view-page p a {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: center;
    color: #FF9247;
    text-decoration: none;
}

.cat-view-page a {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: center;
    color: #FF9247;
    text-decoration: none !important;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
}

.event-block h5 {
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: left;
    color: #16293A;
}

.event-block h3 {
    font-family: Poppins;
    font-size: 29px;
    font-style: normal;
    font-weight: 600;
    line-height: 44px;
    letter-spacing: 0em;
    text-align: left;
    color: #16293A;
}

.event-block p {
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: #445463;
}

.bg-event-block {
    border-radius: 12px;
    background: #FFFFFF;
    box-shadow: 0px 24px 92px rgba(255, 146, 71, 0.03);
}

.cat-event-block label {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #445463;
}

.cat-event-block input[type="text"] {
    letter-spacing: 0em;
    color: #1F1F30;
    border: 1px solid rgba(119, 119, 142, 0.24) !important;
    background-color: #fff !important;
    font-size: 13px !important;
    font-weight: 300 !important;
    text-align: left;
    /* line-height: 32px !important; */
}

.cat-event-block h6 {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #16293A;
}

.cat-event-block a {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #445463;
    text-decoration: none !important;
}

.rules-color {
    color: #FF9247 !important;
}

.cat-event-block select {
    -webkit-appearance: none;
    border: 1px solid rgba(119, 119, 142, 0.24) !important;
    border-radius: 11px;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #16293A;
}

.cat-img-upload label {
    padding: 10px;
    display: table;
    color: #fff;
    width: 84%;
    text-align: center;
    background-color: rgba(255, 146, 71, 0.04);
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    color: #FF9247;
    /* border: dashed; */
    border-radius: 15px;
    border: 1.24495px dashed #FF9247;
}

.cat-img-upload input[type="file"] {
    display: none;
}

.cat-event-block p {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #445463;
}

.cat-img-upload textarea {
    border-radius: 13px;
    font-family: Poppins;
    width: 85%;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #1F1F30;
}

.schedule-border {
    background: #dddddd;
    height: 1px;
    width: 85%;
}

.hours-border-right {
    border-right: 1px solid #ddd;
}

.existing-schedule input[type="text"] {
    letter-spacing: 0em;
    color: #1F1F30;
    border: 1px solid rgba(119, 119, 142, 0.24) !important;
    background-color: #fff !important;
    font-size: 10px !important;
    font-weight: 300 !important;
    text-align: left;
    line-height: 32px !important;
    border: 1px solid #FF9247!important;
}

.existing-schedule input ::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #FF9247;
}

.existing-schedule input :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #FF9247;
}

.existing-schedule input ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #FF9247;
}

.existing-schedule input :-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #FF9247;
}

.cat-booked-event {
    border: 1.24495px solid rgba(119, 119, 142, 0.24);
    box-sizing: border-box;
    border-radius: 11.2046px;
    height: 160px;
}

.booked-event {
    background: rgba(210, 210, 210, 0.11);
    border: 0.6px solid rgba(210, 210, 210, 0.41);
    box-sizing: border-box;
    border-radius: 6px;
}

.booked-event p {
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    color: #848E98;
    border-left: 2px solid rgba(8, 19, 29, 0.46);
    height: 35px;
}


/* End Remote work css here*/


/*Start Radio Button Design here*/

.radio1 {
    margin: 0.5rem;
    input[type="radio"] {
        position: absolute;
        opacity: 0;
        +.radio-label {
            &:before {
                content: '';
                background: $color1;
                border-radius: 100%;
                border: 1px solid darken($color1, 25%);
                display: inline-block;
                width: 1.4em;
                height: 1.4em;
                position: relative;
                top: -0.2em;
                margin-right: 1em;
                vertical-align: top;
                cursor: pointer;
                text-align: center;
                transition: all 250ms ease;
            }
        }
        &:checked {
            +.radio-label {
                &:before {
                    background-color: $color2;
                    box-shadow: inset 0 0 0 4px $color1;
                }
            }
        }
        &:focus {
            +.radio-label {
                &:before {
                    outline: none;
                    border-color: $color2;
                }
            }
        }
        &:disabled {
            +.radio-label {
                &:before {
                    box-shadow: inset 0 0 0 4px $color1;
                    border-color: darken($color1, 25%);
                    background: darken($color1, 25%);
                }
            }
        }
        +.radio-label {
            &:empty {
                &:before {
                    margin-right: 0;
                }
            }
        }
    }
}


/*End Radio Button Design here*/


/* Start Event Color CSS Here*/

.multiple-round1 input[type="checkbox"] {
    visibility: hidden;
}

.multiple-round1 input[type="checkbox"]:checked+label {
    background-color: #FF4F00;
    border-color: #FF4F00;
}

.multiple-round1 label {
    background-color: #FF4F00;
    border: 1px solid #FF4F00c;
    border-radius: 50%;
    cursor: pointer;
    height: 28px;
    left: 30;
    position: absolute;
    top: 0;
    width: 28px;
}

.multiple-round1 input[type="checkbox"]:checked+label:after {
    opacity: 1;
}

.multiple-round1 label:after {
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    content: "";
    height: 6px;
    left: 7px;
    opacity: 0;
    position: absolute;
    top: 10px;
    transform: rotate( -45deg);
    width: 12px;
}

.multiple-round2 input[type="checkbox"] {
    visibility: hidden;
}

.multiple-round2 input[type="checkbox"]:checked+label {
    background-color: #FF758E;
    border-color: #FF758E;
}

.multiple-round2 label {
    background-color: #FF758E;
    border: 1px solid #FF4F00c;
    border-radius: 50%;
    cursor: pointer;
    height: 28px;
    left: 30;
    position: absolute;
    top: 0;
    width: 28px;
}

.multiple-round2 input[type="checkbox"]:checked+label:after {
    opacity: 1;
}

.multiple-round2 label:after {
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    content: "";
    height: 6px;
    left: 7px;
    opacity: 0;
    position: absolute;
    top: 10px;
    transform: rotate( -45deg);
    width: 12px;
}

.multiple-round3 input[type="checkbox"] {
    visibility: hidden;
}

.multiple-round3 input[type="checkbox"]:checked+label {
    background-color: #E55CFF;
    border-color: #E55CFF;
}

.multiple-round3 label {
    background-color: #E55CFF;
    border: 1px solid #FF4F00c;
    border-radius: 50%;
    cursor: pointer;
    height: 28px;
    left: 30;
    position: absolute;
    top: 0;
    width: 28px;
}

.multiple-round3 input[type="checkbox"]:checked+label:after {
    opacity: 1;
}

.multiple-round3 label:after {
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    content: "";
    height: 6px;
    left: 7px;
    opacity: 0;
    position: absolute;
    top: 10px;
    transform: rotate( -45deg);
    width: 12px;
}

.multiple-round4 input[type="checkbox"] {
    visibility: hidden;
}

.multiple-round4 input[type="checkbox"]:checked+label {
    background-color: #8247F5;
    border-color: #8247F5;
}

.multiple-round4 label {
    background-color: #8247F5;
    border: 1px solid #FF4F00c;
    border-radius: 50%;
    cursor: pointer;
    height: 28px;
    left: 30;
    position: absolute;
    top: 0;
    width: 28px;
}

.multiple-round4 input[type="checkbox"]:checked+label:after {
    opacity: 1;
}

.multiple-round4 label:after {
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    content: "";
    height: 6px;
    left: 7px;
    opacity: 0;
    position: absolute;
    top: 10px;
    transform: rotate( -45deg);
    width: 12px;
}

.multiple-round5 input[type="checkbox"] {
    visibility: hidden;
}

.multiple-round5 input[type="checkbox"]:checked+label {
    background-color: #0099FF;
    border-color: #0099FF;
}

.multiple-round5 label {
    background-color: #0099FF;
    border: 1px solid #FF4F00c;
    border-radius: 50%;
    cursor: pointer;
    height: 28px;
    left: 30;
    position: absolute;
    top: 0;
    width: 28px;
}

.multiple-round5 input[type="checkbox"]:checked+label:after {
    opacity: 1;
}

.multiple-round5 label:after {
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    content: "";
    height: 6px;
    left: 7px;
    opacity: 0;
    position: absolute;
    top: 10px;
    transform: rotate( -45deg);
    width: 12px;
}

.multiple-round5 input[type="checkbox"] {
    visibility: hidden;
}

.multiple-round5 input[type="checkbox"]:checked+label {
    background-color: #0099FF;
    border-color: #0099FF;
}

.multiple-round5 label {
    background-color: #0099FF;
    border: 1px solid #FF4F00c;
    border-radius: 50%;
    cursor: pointer;
    height: 28px;
    left: 30;
    position: absolute;
    top: 0;
    width: 28px;
}

.multiple-round5 input[type="checkbox"]:checked+label:after {
    opacity: 1;
}

.multiple-round5 label:after {
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    content: "";
    height: 6px;
    left: 7px;
    opacity: 0;
    position: absolute;
    top: 10px;
    transform: rotate( -45deg);
    width: 12px;
}

.multiple-round6 input[type="checkbox"] {
    visibility: hidden;
}

.multiple-round6 input[type="checkbox"]:checked+label {
    background-color: #0AE8F0;
    border-color: #0AE8F0;
}

.multiple-round6 label {
    background-color: #0AE8F0;
    border: 1px solid #FF4F00c;
    border-radius: 50%;
    cursor: pointer;
    height: 28px;
    left: 30;
    position: absolute;
    top: 0;
    width: 28px;
}

.multiple-round6 input[type="checkbox"]:checked+label:after {
    opacity: 1;
}

.multiple-round6 label:after {
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    content: "";
    height: 6px;
    left: 7px;
    opacity: 0;
    position: absolute;
    top: 10px;
    transform: rotate( -45deg);
    width: 12px;
}

.multiple-round7 input[type="checkbox"] {
    visibility: hidden;
}

.multiple-round7 input[type="checkbox"]:checked+label {
    background-color: #17E885;
    border-color: #17E885;
}

.multiple-round7 label {
    background-color: #17E885;
    border: 1px solid #FF4F00c;
    border-radius: 50%;
    cursor: pointer;
    height: 28px;
    left: 30;
    position: absolute;
    top: 0;
    width: 28px;
}

.multiple-round7 input[type="checkbox"]:checked+label:after {
    opacity: 1;
}

.multiple-round7 label:after {
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    content: "";
    height: 6px;
    left: 7px;
    opacity: 0;
    position: absolute;
    top: 10px;
    transform: rotate( -45deg);
    width: 12px;
}

.multiple-round8 input[type="checkbox"] {
    visibility: hidden;
}

.multiple-round8 input[type="checkbox"]:checked+label {
    background-color: #CCF000;
    border-color: #CCF000;
}

.multiple-round8 label {
    background-color: #CCF000;
    border: 1px solid #FF4F00c;
    border-radius: 50%;
    cursor: pointer;
    height: 28px;
    left: 30;
    position: absolute;
    top: 0;
    width: 28px;
}

.multiple-round8 input[type="checkbox"]:checked+label:after {
    opacity: 1;
}

.multiple-round8 label:after {
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    content: "";
    height: 6px;
    left: 7px;
    opacity: 0;
    position: absolute;
    top: 10px;
    transform: rotate( -45deg);
    width: 12px;
}

.multiple-round9 input[type="checkbox"] {
    visibility: hidden;
}

.multiple-round9 input[type="checkbox"]:checked+label {
    background-color: #F8E436;
    border-color: #F8E436;
}

.multiple-round9 label {
    background-color: #F8E436;
    border: 1px solid #FF4F00c;
    border-radius: 50%;
    cursor: pointer;
    height: 28px;
    left: 30;
    position: absolute;
    top: 0;
    width: 28px;
}

.multiple-round9 input[type="checkbox"]:checked+label:after {
    opacity: 1;
}

.multiple-round9 label:after {
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    content: "";
    height: 6px;
    left: 7px;
    opacity: 0;
    position: absolute;
    top: 10px;
    transform: rotate( -45deg);
    width: 12px;
}

.multiple-round10 input[type="checkbox"] {
    visibility: hidden;
}

.multiple-round10 input[type="checkbox"]:checked+label {
    background-color: #FFA600;
    border-color: #FFA600;
}

.multiple-round10 label {
    background-color: #FFA600;
    border: 1px solid #FF4F00c;
    border-radius: 50%;
    cursor: pointer;
    height: 28px;
    left: 30;
    position: absolute;
    top: 0;
    width: 28px;
}

.multiple-round10 input[type="checkbox"]:checked+label:after {
    opacity: 1;
}

.multiple-round10 label:after {
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    content: "";
    height: 6px;
    left: 7px;
    opacity: 0;
    position: absolute;
    top: 10px;
    transform: rotate( -45deg);
    width: 12px;
}

.multiple-round11 input[type="checkbox"] {
    visibility: hidden;
}

.multiple-round11 input[type="checkbox"]:checked+label {
    background-color: #FF9247;
    border-color: #FF9247;
}

.multiple-round11 label {
    background-color: #FF9247;
    border: 1px solid #FF4F00c;
    border-radius: 50%;
    cursor: pointer;
    height: 28px;
    left: 30;
    position: absolute;
    /* top: 0; */
    width: 28px;
}

.multiple-round11 input[type="checkbox"]:checked+label:after {
    opacity: 1;
}

.multiple-round11 label:after {
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    content: "";
    height: 6px;
    left: 7px;
    opacity: 0;
    position: absolute;
    top: 10px;
    transform: rotate( -45deg);
    width: 12px;
}

.cat-timezone-india p {
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(31, 31, 48, 0.53);
}

.cat-timezone-india a {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #FF9247;
    text-decoration: none !important;
}

.cat-btn-save-schedule {
    background: #FF9247;
    border: 1.5px solid #FF9247;
    box-sizing: border-box;
    box-shadow: 0px 11px 48px rgba(255, 146, 71, 0.1);
    border-radius: 11.2046px;
    padding: 14px;
}

.btn-save-schedule {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    color: #fff;
    text-decoration: none !important;
    /* padding: 14px; */
}

.timezone-border {
    border: 1px solid #ECECEC;
    box-sizing: border-box;
}

.timezone-border-top {
    border: 1px solid #ECECEC;
    box-sizing: border-box;
}

.days-style {
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: #16293A;
}

.small-border {
    width: 13.25px;
    height: 0px;
    border: 1px solid #DFDFE4;
}

.unavailable-color {
    color: rgba(22, 41, 58, 0.43);
}

.top-border-hide td,
.top-border-hide th {
    border-top: none !important;
}

.date-override-btn {
    /* border-radius: 20px; */
}

.date-override-btn a {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    color: #FF9247;
    padding: 16px;
}

.override-btn {
    background: rgba(255, 146, 71, 0.11);
    text-decoration: none !important;
    border-radius: 9px;
}

.delete-question-btn button {
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    color: #F43535;
    padding: 11px 55px;
}

.delete-btn {
    text-decoration: none !important;
    background: rgba(253, 146, 146, 0.16);
    border-radius: 11.2046px !important;
}

.cat-hours-head {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #16293A;
}

.add-question-btn a {
    border: 1.5px solid #FF9247;
    box-sizing: border-box;
    filter: drop-shadow(0px 11px 48px rgba(255, 146, 71, 0.5));
    border-radius: 11.2046px;
    color: #FF9246;
    padding: 13px 25px 13px 25px;
}

.question-btn {
    text-decoration: none !important;
}

.question-btn:hover {
    color: #FF9246;
}

.cat-payment a {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(22, 41, 58, 0.69);
    text-decoration: none !important;
}

#usd-style {
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(31, 31, 48, 0.51);
}

.cat-integrations-page {
    background: #FFF3EB;
}

.cat-integrations-page p {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: center;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: center;
    color: rgba(22, 41, 58, 0.82);
}

.cat-integrations-page p a {
    color: #FF9247;
    text-decoration: none;
}

.bg-enter-details {
    background: #FFFFFF;
    box-shadow: 0px 24px 92px rgba(3, 3, 3, 0.05);
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.bg-enter-details p {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(22, 41, 58, 0.55);
}

.bg-enter-details h4 {
    font-family: Poppins;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 33px;
    letter-spacing: 0em;
    text-align: left;
    color: #16293A;
}

.bg-enter-details a {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #03CFA6;
    text-decoration: none !important;
}

.central-time-style {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(22, 41, 58, 0.55);
}

.bg-enter-details-2 {
    background: #FFFFFF;
    box-shadow: 0px 24px 92px rgba(3, 3, 3, 0.05);
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.bg-enter-details-2 h5 {
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 27px;
    letter-spacing: 0em;
    text-align: left;
    color: #16293A;
}

.schedule-event-btn button {
    border-radius: 9px;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
    padding: 10px 25px 10px 25px;
}

.event-btn {
    background: #FF9247;
    box-shadow: 0px 10px 19px rgba(255, 146, 71, 0.25);
}

.cat-pay-paypal-design {
    background: rgba(119, 119, 142, 0.08);
    border-radius: 11.2046px;
}

.cat-pay-paypal-design p {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
}

.cat-pay-paypal-design p a {
    color: #16293A;
    text-decoration: none;
}

.cat-pay-paypal-design h6 {
    font-family: Poppins;
    font-size: 23px;
    font-style: normal;
    font-weight: 600;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: left;
}

.cat-pay-paypal-design h6 a {
    color: #16293A;
    text-decoration: none;
}

.design-paypal-btn button {
    border-radius: 38px;
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: center;
    color: #ffffff;
    padding: 10px 25px 10px 25px;
}

.paypal-btn {
    background: #0D82CF;
    box-shadow: 0px 10px 19px rgba(0, 112, 186, 0.25);
}

.cat-troubleshoot-btn button {
    border: 1px solid rgba(90, 103, 115, 0.17);
    box-sizing: border-box;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 500;
    padding: 10px 12px 10px 12px;
}

.troubleshoot-btn {
    font-family: Poppins;
    font-style: normal;
    letter-spacing: 0em;
    color: rgba(22, 41, 58, 0.71);
    background: #fff;
}

.cat-day-style h6 {
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: left;
    color: #16293A;
}

.cat-time-style button {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    color: #FF9247;
    padding: 13px 55px 13px 55px;
    border-radius: 9px;
    border: 1px solid rgba(255, 146, 71, 0.3);
}

.time-style {
    background: #FFFFFF;
    box-shadow: 0px 24px 92px rgba(3, 3, 3, 0.05);
    text-decoration: none !important;
    width: 85%;
}

.time-confirm-btn button {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
    padding: 9px 10px 8px 10px;
    width: 120%;
    border-radius: 9px;
}

.confirm-btn {
    background: #FF9247;
    border: 1px solid rgba(255, 146, 71, 0.3);
    box-sizing: border-box;
    box-shadow: 0px 10px 19px rgba(255, 146, 71, 0.25);
    border-radius: 9px;
}

.time-input-style input[type="text"] {
    background: rgba(58, 58, 58, 0.14);
    border: 1px solid rgba(58, 58, 58, 0.01);
    box-sizing: border-box;
    border-radius: 9px;
    width: 91%;
    padding: 12px;
}

.cat-welcome-back {}

.cat-welcome-back h1 {
    font-family: Poppins;
    font-size: 60px;
    font-style: normal;
    font-weight: 600;
    line-height: 90px;
    letter-spacing: 0em;
    text-align: center;
    color: #16293A;
}

.cat-welcome-back p {
    font-family: Poppins;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: 0em;
    text-align: center;
    color: #445463;
}

.welcomeback-form-design {
    padding-top: 40px;
}

.welcomeback-form-design label {
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 0em;
    text-align: left;
    color: #2A3845;
    padding-top: 10px;
}

.forgot-link {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    color: #FF8937;
    text-decoration: none !important;
}

.forgot-link:hover {
    color: #FF8937;
}

.welcomeback-form-design ::-webkit-input-placeholder {
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 0em;
    text-align: left;
    color: #445463;
}

.welcomeback-form-design ::-moz-placeholder {
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 0em;
    text-align: left;
    color: #445463;
}

.welcomeback-form-design :-ms-input-placeholder {
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 0em;
    text-align: left;
    color: #445463;
}

.welcomeback-form-design ::placeholder {
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 0em;
    text-align: left;
    color: #445463;
}

.cat-login-btn {
    padding-top: 45px;
}

.cat-login-btn button {
    border-radius: 11px;
    font-family: Poppins;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
    padding: 13px 38px 13px 38px;
}

.login-btn {
    background: #FF8937;
    box-shadow: 0px 9px 18px rgba(255, 146, 71, 0.3);
}

.googlebtn a {
    padding: 20px 20px 20px 20px;
}

.outlookbtn a {
    padding: 10px 10px 10px 10px;
}

.signin-google-outlook {
    padding-top: 80px;
}

.dont-save-account {
    padding-top: 50px;
}

.dont-save-account p {
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 0em;
    color: #445463;
}

.dont-save-account p a {
    color: #FF8937;
}

.cat-adduser-btn button {
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0em;
    color: #fff;
    padding: 14px 10px 14px 10px;
    border-radius: 9px;
}

.adduser-btn {
    background: #FF9247;
    border: 1px solid rgba(255, 146, 71, 0.15);
    box-sizing: border-box;
    border-radius: 9px;
}

.cat-inviteuser-btn button {
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    color: #FF9247;
    padding: 14px 16px 14px 10px;
    border-radius: 9px;
    border: 1px solid #FF9247;
}

.inviteuser-btn {
    box-sizing: border-box;
    background: #FAF8F5;
}

.tab-border-bottom {
    border-bottom: 1px solid rgba(217, 217, 217, 0.58);
}

.cat-create-btn button {
    border-radius: 9px;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
    padding: 10px 20px 10px 20px;
}

.create-btn {
    background: #FF9247;
    box-shadow: 0px 10px 19px rgba(255, 146, 71, 0.25);
    border-radius: 9px;
}

.cat-invite-model {}

.cat-invite-model h5 {
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: 0em;
    color: #16293A;
    text-align: center;
    padding-top: 10px;
}

.cat-invite-model p {
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: center;
    color: #445463;
    padding-top: 5px;
}

.cat-invite-form {}

.cat-adduser-form label {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    color: #16293A;
}

.cat-adduser-form input[type="text"] {
    border: 1.24495px solid rgba(119, 119, 142, 0.24);
    box-sizing: border-box;
    border-radius: 11.2046px;
    background-color: #fff!important;
    /*! width: unset !important; */
}

.cat-adduser-form input[type="email"] {
    border: 1.24495px solid rgba(119, 119, 142, 0.24);
    box-sizing: border-box;
    border-radius: 11.2046px;
}

.cat-adduser-form input[type="tel"] {
    border: 1.24495px solid rgba(119, 119, 142, 0.24);
    box-sizing: border-box;
    border-radius: 11.2046px;
}

.cat-adduser-form ::-webkit-input-placeholder {
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    color: #C9C8CC;
}

.cat-adduser-form ::-moz-placeholder {
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    color: #C9C8CC;
}

.cat-adduser-form :-ms-input-placeholder {
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    color: #C9C8CC;
}

.cat-invite-form ::placeholder {
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    color: #C9C8CC;
}

.cat-invite-form label {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    color: #16293A;
}

.cat-invite-form input[type="email"] {
    border: 1.24495px solid rgba(119, 119, 142, 0.24);
    box-sizing: border-box;
    border-radius: 11.2046px;
}

.cat-invite-form ::-webkit-input-placeholder {
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    color: #C9C8CC;
}

.cat-invite-form ::-moz-placeholder {
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    color: #C9C8CC;
}

.cat-invite-form :-ms-input-placeholder {
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    color: #C9C8CC;
}

.cat-invite-form ::placeholder {
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    color: #C9C8CC;
}

.invite-cancel-model-btn button {
    border: 1px solid rgba(255, 146, 71, 0.72);
    box-sizing: border-box;
    background: #fff;
    border-radius: 9px;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    color: #FF9247;
    padding: 10px 30px 10px 30px;
    box-shadow: 0px 10px 19px rgba(255, 146, 71, 0.25);
}

.invite-user-model-btn button {
    border: 1px solid rgba(255, 146, 71, 0.72);
    box-sizing: border-box;
    background: #FF9247;
    border-radius: 9px;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
    padding: 10px 22px 10px 22px;
    box-shadow: 0px 10px 19px rgba(255, 146, 71, 0.25);
}

.cat-add-user-block {
    background: #ffffff;
    border-radius: 11.2046px;
    padding: 10px;
}

.cat-add-user-block img {
    border-radius: 7px;
}

.cat-add-user-block h6 {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #16293A;
    padding-top: 10px;
}

.cat-add-user-block p {
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #445463;
}

.user-info {
    padding-left: 10px;
}

.user-info h6 {
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #445463;
    padding-top: 0px;
}

.user-info p {
    font-family: Poppins;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: left;
    color: #A8A8A8;
}

.sec-reset-password {
    padding-top: 80px;
    padding-bottom: 80px;
}

.cat-reset-password {
    background: #FFFFFF;
    border-radius: 11.2046px;
    padding: 40px;
}

.cat-reset-password-template {
    background: #FFFFFF;
    border-radius: 11.2046px;
    padding: 40px;
}

.cat-reset-password-template h5 {
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 39px;
    letter-spacing: 0em;
    text-align: left;
    color: #121C25;
}

.cat-reset-password-template p {
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 0em;
    color: #445463;
}

.cat-reset-password-template h6 {
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 0px;
    letter-spacing: 0em;
}

.reset-copyright p {
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 0em;
    color: #445463;
}

.reset-copyright {
    margin-top: 40px;
}

.reset-copyright p a {
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
    color: #FF8937;
}

.cat-reset-password img {}

.cat-reset-password h5 {
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: 0em;
    color: #16293A;
    padding-top: 30px;
    text-align: center;
}

.cat-reset-password p {
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: center;
    color: #445463;
    padding-top: 10px;
}

.cat-reset-password label {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    color: #16293A;
    text-align: left;
    padding-top: 20px;
}

.cat-reset-password input[type="email"] {
    border: 1.24495px solid rgba(119, 119, 142, 0.24);
    box-sizing: border-box;
    border-radius: 11.2046px;
}

.cat-reset-password input[type="password"] {
    border: 1.24495px solid rgba(119, 119, 142, 0.24);
    box-sizing: border-box;
    border-radius: 11.2046px;
}

.cat-reset-password button {
    border-radius: 9px;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
    padding: 10px 40px 10px 40px;
    margin-top: 20px;
}

.btn-send {
    background: #FF9247;
    box-shadow: 0px 10px 19px rgba(255, 146, 71, 0.25);
}

.remember-password {
    padding-top: 30px;
}

.remember-password span {
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: color: #6B6B6B;
}

.remember-password span a {
    color: #FF9247;
}

.form-group.right-inner-addon {
    position: relative;
}

.form-group.right-inner-addon input {
    padding-right: 35px !important;
}

.form-group.right-inner-addon i {
    position: absolute !important;
    right: 0px;
    pointer-events: none;
    padding: 6px;
}

.delete-account-btn button {
    border-radius: 9px;
    color: #FF9247;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    padding: 10px 22px 10px 22px;
}

.deleteaccount-btn {
    background: rgba(255, 146, 71, 0.15);
}

.cat-account-setting-profile {
    background: #fff;
    border-radius: 11.2046px;
    padding: 40px;
}

.account-setting-profile input[type="file"] {
    display: none;
}

.account-setting-profile img {
    cursor: pointer;
}

.account-setting-profile input[type="text"] {
    width: 100% !important;
    background: #fff !important;
}

.account-setting-profile label {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #16293A;
}

.account-setting-profile select {
    -webkit-appearance: none;
    border: 1px solid rgba(119, 119, 142, 0.24) !important;
    border-radius: 11px;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #16293A;
}

.account-setting-profile textarea {
    border: 1.24495px solid rgba(119, 119, 142, 0.24);
    box-sizing: border-box;
    border-radius: 11.2046px;
}

.account-setting-profile input[type="date"] {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    border-radius: 11px;
    border: 1px solid rgba(68, 84, 99, 0.19);
    padding: 10px;
    width: 100%;
}

.account-setting-profile input[type="time"] {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    border-radius: 11px;
    border: 1px solid rgba(68, 84, 99, 0.19);
    padding: 10px;
    width: 100%;
}

.account-setting-profile ::-webkit-input-placeholder {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #6D6B76;
}

.account-setting-profile ::-moz-placeholder {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #6D6B76;
}

.account-setting-profile :-ms-input-placeholder {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #6D6B76;
}

.account-setting-profile ::placeholder {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #6D6B76;
}

.account-setting-profile-border {
    border-right: 1px solid rgba(217, 217, 217, 0.69);
    height: 450px;
}

.btn-save-changes button {
    border-radius: 9px;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
    padding: 10px 20px 10px 20px;
}

.savechanges-btn {
    background: #FF9247;
    box-shadow: 0px 10px 19px rgba(255, 146, 71, 0.25);
}

.btn-profile-cancel {
    border: 1px solid #FF9247 !important;
    border-radius: 9px !important;
    font-family: Poppins !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 30px !important;
    letter-spacing: 0em !important;
    text-align: center !important;
    color: #FF9247 !important;
    background: #fff !important;
    padding: 10px 22px 10px 22px !important;
}

.profilecancel-btn {
    box-sizing: border-box;
    filter: drop-shadow(0px 10px 19px rgba(255, 146, 71, 0.25));
}

.cat-branding {
    border-bottom: 1px solid rgba(219, 219, 219, 0.63);
    padding-bottom: 40px;
}

.cat-branding label {
    padding: 70px;
    display: table;
    color: #fff;
    width: 100%;
    text-align: center;
    background-color: rgba(255, 146, 71, 0.04);
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    color: #FF9247;
    /* border: dashed; */
    border-radius: 15px;
    border: 1.24495px dashed #FF9247;
}

.cat-branding input[type="file"] {
    display: none;
}

.cat-branding p {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #16293A;
}

.cat-branding-profile {
    background: #FFFFFF;
    border-radius: 11.2046px;
    padding: 40px;
}

.remote-brand-head p {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #16293A;
    padding-left: 14px;
    /*! padding-top: 40px; */
}

.remote-brand-head {
    padding-bottom: 30px;
}

.remote-brand-head label {
    /*! margin-top: 40px; */
    margin-right: 14px;
}

input:checked+.slider-orange {
    background: #FF9247;
    /* box-shadow: 0px 4px 4px rgb(8 222 145 / 25%); */
}

.cat-link p {
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0em;
    text-align: center;
    color: #565656;
    padding-top: 15px;
}

.mylink-form p {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #16293A;
    padding-right: 10px;
}

.mylink-form {
    padding-top: 22px;
}

.mylink-form input[type="text"] {
    border: 1.24495px solid rgba(119, 119, 142, 0.24);
    box-sizing: border-box;
    border-radius: 11.2046px;
    background: #fff !important;
    padding: 8px;
    width: 100%;
}

.mylink-form ::-webkit-input-placeholder {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #65636C;
}

.mylink-form ::-moz-placeholder {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #65636C;
}

.mylink-form :-ms-input-placeholder {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #65636C;
}

.mylink-form ::placeholder {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #65636C;
}

.cat-profile-login {
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

.cat-profile-login p {
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0em;
    text-align: center;
    color: #565656;
    padding-bottom: 20px;
}

.cat-google-account {
    padding-top: 40px;
}

.cat-google-account h6 {
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 27px;
    letter-spacing: 0em;
    text-align: left;
    color: #484747;
}

.cat-google-account p {
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0em;
    text-align: center;
    color: #565656;
    padding-left: 13px;
}

.cat-google-account a {
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: center;
    color: #FF9247;
    text-decoration: none !important;
    padding-right: 15px;
    padding-left: 16px;
}

.contact-support {}

.contact-support p {
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: 0em;
    text-align: center;
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0em;
    text-align: center;
    color: #565656;
    padding-top: 165px;
}

.contact-support p a {
    color: #FF9247;
    text-decoration: none;
}

.cat-my-post input[type="text"] {
    /* width: 100% !important; */
    background: #fff !important;
}

.cat-my-post ::-webkit-input-placeholder {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #65636C;
}

.cat-my-post ::-moz-placeholder {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #65636C;
}

.cat-my-post :-ms-input-placeholder {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #65636C;
}

.cat-my-post ::placeholder {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #65636C;
}

.cat-billing-form ::-webkit-input-placeholder {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #65636C;
}

.cat-billing-form ::-moz-placeholder {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #65636C;
}

.cat-billing-form :-ms-input-placeholder {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #65636C;
}

.cat-billing-form ::placeholder {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #65636C;
}

.cat-my-post label {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #16293A;
}

.cat-my-post textarea {
    border: 1.24495px solid rgba(119, 119, 142, 0.24);
    box-sizing: border-box;
    border-radius: 11.2046px;
}

.cat-next-btn button {
    background: #FF9247;
    box-shadow: 0px 10px 19px rgba(255, 146, 71, 0.25);
    border-radius: 9px;
    padding: 13px 30px 13px 30px;
    margin-top: 35px;
}

.next-btn {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
    padding: 10px 20px 10px 20px;
}

.cat-my-post p {
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: right;
    color: #65636C;
}

.cat-billing h6 {
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: 0em;
    color: #16293A;
}

.cat-billing p {
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: center;
    color: #445463;
}

.cat-billing-form input[type="text"] {
    background: #fff !important;
}

.cat-description input[type="text"] {
    background: #fff !important;
}

.cat-description textarea {
    border: 1.24495px solid rgba(119, 119, 142, 0.24);
    box-sizing: border-box;
    border-radius: 11.2046px;
}

.cat-description label {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #16293A;
    padding-top: 15px;
}

.cat-billing-form label {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #16293A;
    padding-top: 15px;
}

.cat-back-btn button {
    border: 1px solid #FF9247;
    box-sizing: border-box;
    filter: drop-shadow(0px 10px 19px rgba(255, 146, 71, 0.25));
    border-radius: 9px;
    background: #fff;
    padding: 13px 30px 13px 30px;
    margin-top: 35px;
}

.back-btn {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    color: #FF9247;
}

.cat-description ::-webkit-input-placeholder {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #65636C;
}

.cat-description ::-moz-placeholder {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #65636C;
}

.cat-description :-ms-input-placeholder {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #65636C;
}

.cat-description ::placeholder {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #65636C;
}

.cat-add-btn {
    text-align: right;
    padding-top: 20px;
}

.cat-add-btn button {
    background: rgba(255, 146, 71, 0.15);
    border: 1px solid rgba(255, 146, 71, 0.18);
    box-sizing: border-box;
    border-radius: 9px;
    padding: 10px 20px 10px 20px;
}

.add-btn {
    font-family: Poppins;
    font-size: 13px !important;
    font-style: normal;
    font-weight: 500 !important;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: center;
    color: #FF9247;
}

.cat-gallery label {
    padding: 57px;
    display: table;
    color: #fff;
    width: 100%;
    text-align: center;
    background-color: rgba(255, 146, 71, 0.04);
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    color: #FF9247;
    border-radius: 15px;
    border: 1.24495px dashed #FF9247;
}

.cat-gallery input[type="file"] {
    display: none;
}

.cat-edit-btn button {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #FF9247;
    border-radius: 10px;
    box-sizing: border-box;
    border: 1px solid #FF9247;
    padding: 10px 10px 10px 10px;
}

.edit-btn {
    background-color: #FAF8F5;
}

.set-weekly-hours-form input[type="text"] {
    letter-spacing: 0em;
    color: #1F1F30;
    border: 1px solid rgba(119, 119, 142, 0.24) !important;
    background-color: #fff !important;
    font-size: 13px !important;
    font-weight: 300 !important;
    text-align: left;
    line-height: 32px !important;
    width: 100px;
}

.description a {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: 0em;
    color: #445463;
    text-decoration: none !important;
}

.reset-password-button a {
    background: #FF8937;
    box-shadow: 0px 9px 18px rgba(255, 146, 71, 0.3);
    border-radius: 11px;
    color: #fff !important;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    padding: 12px 22px 12px 22px;
    margin-top: 50px;
    margin-bottom: 60px;
}

.reset-btn {}


/******************************START LOGOUT BUTTON CSS**************************/

.dropdown {
    display: inline-block;
    position: relative;
}

.dropdown img {
    cursor: pointer;
}

.dd-input {
    display: none;
}

.dd-menu {
    position: absolute;
    top: 70%;
    right: -75px;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0;
    margin: 15px 0 0 0;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    list-style-type: none;
}

.dd-input+.dd-menu {
    display: none;
}

.dd-input:checked+.dd-menu {
    display: block;
    background: #FFFFFF;
    box-shadow: 0px 4px 23px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    border: none;
    z-index: 1;
}

.dd-menu li {
    padding: 10px 20px;
    cursor: pointer;
    white-space: nowrap;
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 11px;
    letter-spacing: 0em;
    color: #000000;
}

.dd-menu li a {
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 11px;
    letter-spacing: 0em;
    color: #000000;
}

.dd-menu li:hover {
    background-color: #E7EFFF;
}

.dd-menu li a {
    display: block;
    margin: -10px -20px;
    padding: 18px 15px;
    font-family: Poppins !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 18px !important;
    letter-spacing: 0em;
    color: #2C3742 !important;
    text-decoration: none;
}

.dd-menu li.divider {
    padding: 0;
    border-bottom: 1px solid #cccccc;
}

.logout-border {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.btn-set-custom-hours button {
    background: #fff;
    border: 1.24495px solid rgba(119, 119, 142, 0.24);
    box-sizing: border-box;
    border-radius: 11.2046px;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    color: #1F1F30;
    padding: 14px 65px 14px 65px;
    margin-top: 10px;
}

.btn-existing-schedule button {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    color: #FF9247;
    border: 1.5px solid #FF9247;
    box-sizing: border-box;
    border-radius: 11.2046px;
    background: #fff;
    padding: 13px 35px 13px 35px;
    margin-top: 10px;
}

.working-hours-star:before {
    content: url(../images/working-hours-star.svg);
    position: absolute;
    top: 56%;
    left: 33px;
}

.sec-integrations {}

.cat-integrations-bg {
    background: #FFFFFF;
    box-shadow: 0px 24px 92px rgba(255, 146, 71, 0.03);
    border-radius: 12px;
    margin-top: 50px;
    margin-bottom: 50px;
}

.cat-integrations {}

.cat-integrations img {
    padding-top: 35px;
}

.cat-integrations p {
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 27px;
    letter-spacing: 0em;
    color: #16293A;
    padding-top: 50px;
}

.cat-integrations a {
    color: #FF9247;
    text-decoration: none !important;
}

.cat-integrations input {
    border: 1.24495px solid rgba(119, 119, 142, 0.24);
    box-sizing: border-box;
    border-radius: 11.2046px;
    margin-top: 45px;
}

.cat-integrations-link {
    padding-top: 55px;
}

.cat-integrations-link a {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    color: #FF9247;
    text-decoration: none !important;
}

.cat-integrations-link img {
    padding-right: 15px;
}

.cat-integrations-border {
    border-right: 5px solid #E4E4E4;
}

.cat-integrations-box img {
    padding-right: 25px;
}

.cat-integrations-box {
    background: #FFFFFF;
    border: 1.24495px solid rgba(119, 119, 142, 0.11);
    box-sizing: border-box;
    box-shadow: 0px 11px 155px rgba(0, 0, 0, 0.05);
    border-radius: 20px;
    padding: 18px;
    margin-top: 30px;
    min-height: 160px;
}

.cat-integrations-box h6 {
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    color: #16293A;
    padding-top: 15px;
}

.cat-integrations-box p {
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    color: rgba(22, 41, 58, 0.59);
}

.integrations-box {
    margin-top: 45px;
    margin-bottom: 60px;
}

.profile-back a {
    padding: 15px 20px 15px 20px;
}

.sec-profile-page {
    margin-top: 40px;
    margin-bottom: 70px;
}

.cat-profile-block label {
    border-radius: 11.2046px;
    width: 100%;
}

.profile-save-btn button {
    padding: 10px 40px 10px 40px;
}

.profile-cancel-btn button {
    padding: 10px 32px 10px 32px;
}

.vertical-tab-design li a.active {
    color: #FF9247 !important;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    text-decoration: none;
    border: none;
}

.vertical-tab-design li a {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #445463;
    border: none !important;
    border-bottom: none !important;
    padding-top: 55px;
}

.vertical-tab-design.nav-tabs {
    border-bottom: none;
    padding-top: 50px;
}

.overview-design {
    padding-top: 0px !important;
}

.vertical-tab-border {
    border-right: 1px solid #ddd;
    padding-top: 0px;
    padding-bottom: 0px;
}

.cat-my-post {
    padding-top: 50px;
}

.vertical-tab-design li a.active::after {
    border-right: 2px solid #FF9247;
    content: url(../images/instructor-border-bottom-img.svg);
    position: absolute;
    right: 0px;
    /*! top: 472px; */
    transform: rotate(0.08deg);
    box-shadow: 0px 4px 7px rgba(255, 146, 71, 0.25);
    border-radius: 100px 100px 0px 22px;
}

.cat-description {
    padding-top: 50px;
}

.cat-gallery {
    padding-top: 50px;
}


/*********** Responsive Media Query Here **********/


/*Mobile Media Query*/

@media (max-width: 576px) {
    .time-confirm-btn button {}
    select.time-zone-arrow1 {
        font-size: 14px;
    }
    .btn-save-schedule {
        font-size: 12px;
    }
    .date-override-btn a {
        font-size: 10px;
    }
    .cat-account h1 {
        font-family: Poppins;
        font-style: normal;
        font-weight: 600;
        font-size: 23px;
        line-height: 60px;
        color: #16293A;
    }
    .cat-account p {
        font-family: Poppins;
        font-style: normal;
        font-weight: normal;
        font-size: 11px;
        line-height: 150%;
        text-align: center;
        color: #445463;
    }
    .custom-search {
        position: relative;
    }
    .custom-search-input {
        width: 100%;
        border: 1px solid #fff;
        border-radius: 19px;
        padding: 10px 88px 10px 20px;
        line-height: 1;
        box-sizing: border-box;
        outline: none;
        height: 60px;
    }
    .custom-search-botton {
        position: absolute;
        right: 3px;
        top: 12px;
        bottom: 3px;
        color: #fff;
        outline: none;
        margin: 0;
        z-index: 2;
        width: 22%;
        height: 65%;
        background: #FF9247;
        font-family: Poppins;
        font-style: normal;
        border-radius: 12px !important;
        font-size: 13px !important;
    }
    .create-account-bg {
        background-image: url('../images/mobile-bg.png');
        background-size: 100% 100% !important;
        background-repeat: no-repeat;
        background-position: center;
    }
    .signup-head h3 {
        font-size: 12px;
    }
    .signup-form-design label {
        font-size: 13px;
    }
     ::-webkit-input-placeholder {
        font-family: Poppins;
        font-size: 13px;
        font-style: normal;
        font-weight: 300;
        line-height: 24px;
        letter-spacing: 0em;
        text-align: left;
    }
     ::-moz-placeholder {
        font-family: Poppins;
        font-size: 13px;
        font-style: normal;
        font-weight: 300;
        line-height: 24px;
        letter-spacing: 0em;
        text-align: left;
    }
     :-ms-input-placeholder {
        font-family: Poppins;
        font-size: 13px;
        font-style: normal;
        font-weight: 300;
        line-height: 24px;
        letter-spacing: 0em;
        text-align: left;
    }
     ::placeholder {
        font-family: Poppins;
        font-size: 13px;
        font-style: normal;
        font-weight: 300;
        line-height: 24px;
        letter-spacing: 0em;
        text-align: left;
    }
    .h4-head {
        font-size: 14px;
    }
    .signup-form-design label a {
        font-size: 12px;
    }
    .custom-btn {}
    .fsize {
        font-size: 12px;
    }
    .edit-design span {
        /* font-size: 7px; */
    }
    .cat-days label {
        font-size: 9px;
    }
    .vertical-line {
        border-right: none;
    }
    .remotework-nav ul li a {
        line-height: 214%;
    }
    .log-head {
        font-size: 12px;
    }
    .tab-design li a {
        font-size: 13px;
    }
    .tab-design li a.active {
        font-size: 13px;
    }
    .user-event a {
        font-size: 13px;
    }
    .btn-cancel a {
        font-size: 13px;
    }
    .btn-addnote a {
        font-size: 13px;
    }
    .existing-schedule input[type="text"] {}
    .cat-timezone-india a {
        font-size: 13px;
    }
    .time-input-style input[type="text"] {
        width: 65%;
    }
    .cat-welcome-back h1 {
        font-size: 38px;
    }
    .account-setting-profile-border {
        border: none;
    }
    .btn-save-changes button {
        font-size: 14px;
        padding: 10px 20px 10px 20px;
    }
    .btn-profile-cancel button {
        font-size: 14px;
        padding: 10px 30px 10px 30px;
    }
    .select.time-zone-arrow1 {
        background-position: 83% 50%;
    }
    .bg-enter-details {
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
    }
    .bg-enter-details-2 {
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }
    .time-confirm-btn button {}
    .working-hours-star:before {}
    .btn-set-custom-hours button {
        padding: 14px 65px 14px 55px;
    }
    .cat-integrations input {
        margin-top: 20px;
        width: 285px;
    }
    .cat-integrations-link {
        padding-top: 25px;
    }
    .cat-integrations-box {
        width: 285px;
    }
    .integrations-box {
        margin-top: 0px;
    }
    .cat-integrations-box img {
        padding-right: 15px;
    }
    .cat-integrations-box h6 {
        font-size: 15px;
    }
    .profile-save-btn button {
        padding: 10px 40px 10px 40px;
    }
    .profile-save-btn button {
        padding: 10px 40px 10px 40px;
    }
    .vertical-tab-design li a {
        padding-top: 10px;
    }
    .remotework-nav ul li a.active {
        /*! line-height: 200%; */
    }
    .vertical-tab-design.nav-tabs {
        padding-top: 0px;
    }
    .cat-my-post {
        padding-top: 40px;
    }
    .dd-menu {
        position: absolute;
        top: 70%;
        right: -125px;
        border: 1px solid #ccc;
        border-radius: 4px;
        padding: 0;
        margin: 7px 0 0 0;
        box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
        background-color: #ffffff;
        list-style-type: none;
    }
}


/*ipad Media Query*/

@media only screen and (min-device-width: 767px) and (max-device-width:770px) and (-webkit-min-device-pixel-ratio: 1) {
    .cat-account h1 {
        font-family: Poppins;
        font-style: normal;
        font-weight: 600;
        font-size: 30px;
        line-height: 60px;
        color: #16293A;
    }
    .cat-account p {
        font-family: Poppins;
        font-style: normal;
        font-weight: normal;
        font-size: 13px;
        line-height: 120%;
        text-align: center;
        color: #445463;
    }
    .create-account-bg {
        background-image: url('../images/ipad-bg.png');
        background-size: 100% 100% !important;
        background-repeat: no-repeat;
        background-position: center;
    }
    .cat-signup button {
        font-family: Poppins;
        font-style: normal;
        font-weight: 500;
        font-size: 10px;
        line-height: 21px;
        color: #fff;
        background: #FF4B26;
        border-radius: 50px;
    }
    .fsize {
        font-size: 13px;
    }
    .edit-design span {}
    .cat-days label {
        font-size: 9px;
    }
    .remotework-nav ul li a {
        line-height: 214%;
    }
    .create-account-bg {
        background-image: url(../images/create-your-account-bg.svg);
        background-repeat: no-repeat;
    }
    .tab-design li a {}
    .tab-design li a.active {}
    .btn-cancel a {}
    .btn-addnote a {}
    .existing-schedule input[type="text"] {}
    .cat-timezone-india a {}
    .time-input-style input[type="text"] {
        width: 48%;
    }
    .account-setting-profile-border {
        border: none;
    }
    .select.time-zone-arrow1 {}
    .select.time-zone-arrow1 {
        background-position: 83% 50%;
    }
    .time-confirm-btn button {}
    .working-hours-star:before {
        top: 90px;
    }
}


/*Desktop Media Query*/

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .cat-account h1 {
        font-family: Poppins;
        font-style: normal;
        font-weight: 600;
        font-size: 30px;
        line-height: 60px;
        color: #16293A;
    }
    .cat-account p {
        font-family: Poppins;
        font-style: normal;
        font-weight: normal;
        font-size: 13px;
        line-height: 120%;
        text-align: center;
        color: #445463;
    }
    .create-account-bg {
        background-image: url('../images/create-your-account-bg.png');
        background-size: 100% 100% !important;
        background-repeat: no-repeat;
        background-position: center;
    }
    .fsize {
        font-size: 13px;
    }
    .edit-design span {}
    .cat-days label {
        font-size: 9px;
    }
    .remotework-nav ul li a {
        line-height: 190%;
    }
    .tab-design li a {}
    .tab-design li a.active {}
}

.custom-toggler.navbar-toggler {
    border-color: #FF9247;
}

.custom-toggler .navbar-toggler-icon {
    background-image: url("../images/bars.svg");
}

.form-group i {
    position: absolute;
    width: 2.375rem;
    line-height: 8.375rem;
    text-align: center;
    color: #aaa;
    font-size: 18px;
}

.btn-outline {
    color: #4fbfa8;
    background-color: #ffffff;
    border-color: #4fbfa8;
    font-weight: bold;
    letter-spacing: 0.05em;
}

.btn-outline {
    color: #4fbfa8;
    background-color: #ffffff;
    border-color: #4fbfa8;
    font-weight: bold;
    border-radius: 0;
}

.btn-outline:hover,
.btn-outline:active,
.btn-outline:focus,
.btn-outline.active {
    background: #4fbfa8;
    color: #ffffff;
    border-color: #4fbfa8;
}

.time-input-style input[type="text"] {}

.cat-welcome-back h1 {}

.select.time-zone-arrow1 {
    background-position: 83% 50%;
}

.time-confirm-btn button {}

.working-hours-star:before {}

.integrations-box {
    margin-top: 20px;
}


}