/* stylesheet start */
:root{
    --primary-color:#757575;
    --secondary-color:#F68B00;
    --black:#000000;
    --white:#ffffff;
    --heading-color:#191918;
    --transition:all 0.3s ease-in-out;
}

body{
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 26px;
    font-family: 'Mulish', sans-serif;
    color: var(--primary-color);
    font-weight: 400;
}
.take_admin_main_wrapper {
    background-color: #FCFCFC;
    height: 100vh;
}
h1,h2,h3,h4,h5,h6{
    font-family: 'DM Sans', sans-serif;
}
a,a:hover,a:focus{
    text-decoration: none;
    color: inherit;
}
/* common css  start*/
.success_message{
    font-family: 'DM Sans', sans-serif;
    height: 63px;
    text-transform: capitalize;
    width: 100%;
    border-radius: 6px;
    background: linear-gradient(90deg, #F68B00 0.17%, #FFB85C 100%);
    -webkit-background: linear-gradient(90deg, #F68B00 0.17%, #FFB85C 100%);
    -moz-background: linear-gradient(90deg, #F68B00 0.17%, #FFB85C 100%);
    color: var(--white);
    display: inline-flex;
    padding: 0 50px;
    align-items: center;
    /*font-size: 17px;*/
    font-weight: 700;
    line-height: 22px;
    letter-spacing: -0.5px;
    justify-content: left;
    transition:var(--transition);
    -webkit-transition:var(--transition);
    -moz-transition:var(--transition);
    border: none;
} 

.pad-inner{ padding-left: 5px; padding-right: 5px;
    text-decoration: underline;
}


.take_btn_1{
   
    margin-left: 20%;
  } 

.show_calander {
    display: block;
    z-index: 1;
    position: absolute;
    bottom: 100%;
    margin-bottom: 5px;
}

.hide_calander{
    display: none;
}

.take_btn,.take_btn:focus{
    font-family: 'DM Sans', sans-serif;
    height: 63px;
    text-transform: capitalize;
    /*max-width: 278px;*/
    width: 100%;
    border-radius: 63px;
    background: linear-gradient(90deg, #F68B00 0.17%, #FFB85C 100%);
    -webkit-background: linear-gradient(90deg, #F68B00 0.17%, #FFB85C 100%);
    -moz-background: linear-gradient(90deg, #F68B00 0.17%, #FFB85C 100%);
    color: var(--white);
    display: inline-flex;
    padding: 0 50px;
    align-items: center;
    font-size: 17px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: -0.5px;
    justify-content: center;
    transition:var(--transition);
    -webkit-transition:var(--transition);
    -moz-transition:var(--transition);
    border: none;
} 
.take_btn:hover{
    transform:scale(1.03);
    color:#ffffff;
}
.take_btn.with_arrow{
    justify-content: space-between;
}
.take_btn.with_border {
    background: transparent;
    border: 1px solid var(--secondary-color);
    color: var(--secondary-color);
}
.take_btn.with_arrow .arrow1{
    margin-right: -5px;
}
.take_orange{
    color: var(--secondary-color);
}
.form-control,.form-control:focus {
    background: #fff;
    border: 1px solid #DEDEDE;
    box-sizing: border-box;
    border-radius: 10px;
    height: 52px;
    outline: none;
    box-shadow: none;
    padding: 0 20px;
    font-size: 14px;
}
.form-control::placeholder{
    color: var(--black);
}
.take_search_wrapper {
    position: relative;
    max-width: 483px;
    margin: 0 0 35px auto;
}
.take_search_wrapper>input {
    min-width: 290px;
}
.take_search_wrapper>span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
}
/* common css end*/

/* body css start */
/* sidebar css start */
.take_sidebar_wrapper {
    width: 310px;
    background-color: #fff;
    position: fixed;
    left: 0;
    bottom: 0;
    top: 0;
    padding: 0 35px;
}

.take_sidebar_wrapper .take_logo {
    max-width: 160px;
    margin: 25px 0 35px;
}
.take_sidebar_wrapper .take_menu {
    height: calc(100vh - 198px);
    overflow: hidden;
    overflow-y: auto;
}
.take_sidebar_wrapper .take_menu::-webkit-scrollbar {
    width: 5px;
    background-color: #E7E7E7;
  }
   
.take_sidebar_wrapper .take_menudy::-webkit-scrollbar-track {
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
   
.take_sidebar_wrapper .take_menu::-webkit-scrollbar-thumb {
background-color: var(--secondary-color);
}
.take_sidebar_wrapper .take_menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.take_sidebar_wrapper .take_menu ul li a {
    font-size: 22px;
    font-weight: 600;
    line-height: 28px;
    color: #C3D2D5;
    letter-spacing: 0px;
    text-transform: capitalize;
    padding: 13px 0;
    display: flex;
    position: relative;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    margin: 14px 0;
}

.take_sidebar_wrapper .take_menu ul li a svg {
    fill: #C3D2D5;
    margin-right: 26px;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
}

.take_sidebar_wrapper .take_menu ul li a:hover svg,.take_sidebar_wrapper .take_menu ul li a.active svg {
    fill: #17204F;
}

.take_sidebar_wrapper .take_menu ul li a:hover,.take_sidebar_wrapper .take_menu ul li a.active {
    color: #17204F;
}

.take_sidebar_wrapper .take_menu ul li a:after {
    position: absolute;
    content: '';
    width: 0;
    top: 0;
    right: -35px;
    bottom: 0;
    background-color: var(--secondary-color);
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
}

.take_sidebar_wrapper .take_menu ul li a:hover:after,.take_sidebar_wrapper .take_menu ul li a.active:after {
    width: 6px;
}
.take_logout {
    margin: 0;
    position: absolute;
    bottom: 0;
    border-top: 1px solid #F4F4F4;
    left: 24px;
    right: 10px;
    font-size: 22px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: 0px;
    color: #17204F;
    padding: 14px 0 50px 20px;
}
.take_logout svg{
    margin-right: 20px;
}
/* sidebar css end */
/* Topbar css start */
.take_top_header {
    margin-left: 310px;
    padding: 26px 30px 0;
    margin-bottom: 30px;
}
.take_title {
    font-family: DM Sans;
    font-size: 33px;
    color: var(--black);
    font-weight: 700;
    line-height: 49px;
    letter-spacing: -1.5px;
    padding-left: 25px;
}
/* Topbar css end */
/* empty dashboard css start */
.take_body {
    margin-left: 310px;
}
.take_dash_empty h1 {
    font-family: DM Sans;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: 0px;
    text-align: center;
    color: #17204F;
    margin: 30px 0 15px;
}
.take_dash_empty p {
    font-size: 22px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0px;
    text-align: center;
    color: #ABB8BA;
    margin-bottom: 35px;
}
.take_dash_empty .take_btn{
    margin-bottom: 20px;
}   
.take_dash_empty .take_btn svg {
    margin-left: 15px;
}
/* empty dashboard css end */
/* dashboard css start */
.take_dashboard{
    padding: 0 55px;
}
.take_dashboard_boxes {
    display: flex;
    flex-wrap: wrap;
}

.take_dashboard_box {
    background-color: var(--white);
    box-shadow: 0px 10px 20px 0px #0000000A;
    padding: 25px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 43px 27px 0;
    max-width: 645px;
    width: 100%;
    border-radius: 16px;
}

.take_dashboard_box.take_startnewclass {
    max-width: 509px;
    border: 1px dashed #B2B2B2;
}

.take_dashboard_box .take_class {
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 20px;
    color: #939D9F;
    display: flex;
}
.take_dashboard_box .take_classTotal {
    font-weight: bold;
    font-size: 50px;
    line-height: 49px;
    text-align: center;
    letter-spacing: -1px;
    color: #F68B00;
    font-family: DM Sans;
}
.take_dashboard_box .take_btn {
    max-width: 193px;
    padding: 0 46px;
    height: 55px;
}
.take_startclass {
    font-weight: normal;
    font-size: 17px;
    line-height: 22px;
    color: var(--black);
    font-family: DM Sans;
}

.take_startnewclass .take_btn svg {
    margin-right: 15px;
}

.take_startnewclass .take_btn {
    padding: 0 30px;
}
.take_dashboard_box.take_todayclass_box {
    max-width: 100%;
    box-shadow: 0px 10px 20px 0px #0000000A;
    padding: 0;
    position: relative;
    margin-bottom: 50px;
    z-index: 1;
}
.take_dashboard_box.take_todayclass_box>div{
    display: flex;
    padding: 25px 30px;
    background-color: var(--white);
    border-radius: 16px;
    width: 100%;
    justify-content: space-between;
}

.take_dashboard_box.take_todayclass_box:after {
    box-shadow: 0px 41px 41px 0px #b5b5b540;
    content: '';
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: -20px;
    z-index: -1;
    border-radius: 16px;
    top: 0;
}
.take_todayclass_box .take_left {
    display: flex;
    align-items: center;
    width: 64%;
}

.take_todayclass_box .take_left .take_img img {
    width: 88px;
}

.take_todayclass_box .take_left .take_detail>span {
    font-size: 12px;
    font-weight: 600;
    line-height: 14px;
    letter-spacing: 0px;
    color: #9A9A9A;
}

.take_todayclass_box .take_left .take_detail>h1 {
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: 0px;
    text-align: left;
    color: #17204F;
    position: relative;
}

.take_todayclass_box .take_left .take_detail>h1>.take_tag {
    background: #B6F600;
    border-radius: 4px;
    font-size: 8px;
    font-style: normal;
    font-weight: 400;
    line-height: 10px;
    letter-spacing: 2.5px;
    top: 50%;
    padding: 5px 7px;
    position: absolute;
    width: 96px;
    text-align: center;
    transform: translateY(-50%);
    margin-left: 20px;
}
.take_todayclass_box .take_left .take_detail>h1> .take_setting {
    position: absolute;
    right: 0;
    top: -3px;
    cursor: pointer;
}

.take_todayclass_box .take_left .take_detail>p {
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 14px;
    color: #939D9F;
    display: flex;
    align-items: center;
}
.take_todayclass_box .take_left .take_detail>p>svg {
    margin-right: 7px;
}
.take_todayclass_box .take_left .take_detail .take_processbar {
    background: #EFF3F4;
    border-radius: 29px;
    height: 8px;
    max-width: 100%;
    width: 100%;
    position: relative;
}

.take_todayclass_box .take_left .take_detail {
    width: calc(100% - 108px);
}

.take_todayclass_box .take_left .take_img {
    margin-right: 20px;
}

.take_todayclass_box .take_left .take_detail .take_processbar .take_proc_status {
        background: linear-gradient(
90deg, #F68B00 0.17%, #FFB85C 100%);
        -webkit-background: linear-gradient(90deg, #F68B00 0.17%, #FFB85C 100%);
        -moz-background: linear-gradient(90deg, #F68B00 0.17%, #FFB85C 100%);
        position: absolute;
        width: 80%;
        left: 0;
        top: 0;
        bottom: 0;
        border-radius: 15px;
}
.take_todayclass_box .take_right .take_btn {
    height: 45px;
    max-width: 150px;
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    letter-spacing: 0px;
    text-align: center;
    padding: 0 25px;
}

.take_todayclass_box .take_right .take_btn svg {
    margin-left: 15px;
}
.take_dash_title {
    font-family: DM Sans;
    font-size: 23px;
    font-style: normal;
    font-weight: 700;
    line-height: 49px;
    letter-spacing: -1px;
    margin-bottom: 18px;
}
.take_upcoming_boxes .take_dashboard_box.take_todayclass_box {
    max-width: 508px;
}
.take_upcoming_boxes .take_dashboard_box.take_todayclass_box:last-child{
    margin-right: 0;
}


.take_upcoming_boxes .take_dashboard_box.take_todayclass_box .take_left {
    width: 100%;
}

.take_upcoming_boxes {
    display: flex;
    flex-wrap: wrap;
}
.take_dashboard_box .take_left .take_btn {
    height: 48px;
    margin-top: 23px;
    font-size:13px;
    font-weight:400;
}
.take_dashboard_box .take_left .take_btn svg{
    margin-left:10px
}
.take_todayclass_box .take_left .take_detail>p>span {
    border-left: 1px solid #E9E9E9;
    padding-left: 7px;
    margin-left: 7px;
}
.take_teacherBox {
    display: flex;
    padding: 2px 15px 10px;
    background: #FEFEFE;
    border: 0.810559px solid rgba(233, 233, 233, 0.56);
    border-radius: 11.3478px;
    align-items: center;
    margin-bottom: 15px;
}

.take_teacherBox .take_img {
    width: 50px;
    margin-right: 14px;
}

.take_teacherBox .take_info {
    width: calc(100% - 64px);
}

.take_teacherBox .take_img img {
    max-width: 100%;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    object-fit: cover;
}

.take_teacherBox .take_info>span {
    font-size: 8.91615px;
    line-height: 11px;
/* identical to box height */
    letter-spacing: 3.24224px;
    color: #939D9F;
}

.take_teacherBox .take_info>h5 {
    font-weight: 500;
    font-size: 13.7795px;
    line-height: 18px;
    color: var(--black);
    margin: 0;
}

.take_teacherBox .take_info>p {
    font-size: 12.9689px;
    line-height: 17px;
    color: #8E8E8E;
    margin: 0;
}
.take_teacherBox .take_info>.take_min {
    font-size: 21px;
    line-height: 27px;
    color: #F68B00;
}
.take_top_header{
    position: relative;
}
.take_top_header .take_btn {
    position: absolute;
    right: 55px;
    bottom: 5px;
    height: 48px;
    max-width: 173px;
    font-size: 14px;
    font-weight: 400;
    padding: 0 20px;
}

.take_top_header .take_btn svg {
    margin-right: 10px;
}

.take_top_header>p {
    font-family: DM Sans;
    font-style: normal;
    font-weight: 500;
    font-size: 19.8165px;
    line-height: 20px;
/* identical to box height, or 213% */
    letter-spacing: -0.861586px;
    color: #818181;
    padding-left: 25px;
}

.take_demo_dash .take_detail>img {
    height: 100px;
    margin-bottom: 18px;

}

.take_demo_dash .take_todayclass_box .take_left .take_detail>p {
    font-size: 19px;
    line-height: 25px;
/* identical to box height */
    color: #8E8E8E;
}
.take_classstart p {
    font-family: DM Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 17.3731px;
    line-height: 23px;
/* identical to box height */
    color: #8E8E8E;
    margin: 0;
}

.take_classstart {
    margin-top: 65px;
}
.sc-eCssSg.jPSTme .take_btn {
    max-width: inherit;
    padding: 0 10px;
    min-width: 335px;
}
.take_classstart h3 {
    font-family: DM Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 30.403px;
    line-height: 40px;
/* identical to box height */
    color: #F68B00;
}

.take_classstart h3 sub {
    font-size: 17.3731px;
    line-height: 23px;
/* identical to box height */
    color: #8E8E8E;
    font-weight: 400;
    bottom: 0;
}
.take_dashboard.take_demo_dash .take_dashboard_box.take_todayclass_box>div {
    flex-direction: column;
}

.take_dashboard.take_demo_dash .take_dashboard_box.take_todayclass_box>div>div {
    display: flex;
    justify-content: space-between;
    padding: 10px 15px;
}
.take_dashboard.take_demo_dash .take_dashboard_box.take_todayclass_box>div>div .take_img {
    width: 100px;
}

.take_dashboard.take_demo_dash .take_dashboard_box.take_todayclass_box>div>div .take_info {
    width: calc(100% - 114px);
}

.take_dashboard.take_demo_dash .take_dashboard_box.take_todayclass_box>div>div .take_img img {
    width: 100px;
    height: 100px;
}

.take_dashboard.take_demo_dash .take_dashboard_box.take_todayclass_box>div>div .take_right {
    text-align: center;
}
.take_teacherBox.take_schedulebox {
    background: #fffbf7;
    border-color: transparent;
    padding: 15px;
}

.take_teacherBox.take_schedulebox .take_img {
    text-align: center;
}

.take_demo_dash .take_teacherBox h5 {
    font-size: 18.3978px;
    line-height: 22px;
/* identical to box height */
    color: #454545;
    margin-bottom: 5px;
    display: flex;
}

.take_demo_dash .take_teacherBox .take_info>span {
    font-size: 10.8599px;
    line-height: 13px;
/* identical to box height */
    letter-spacing: 3.94904px;
    color: #939D9F;
    margin-bottom: 8px;
    display: flex;
}

.take_demo_dash .take_teacherBox .take_info>p {
    font-size: 15.7962px;
    line-height: 21px;
/* identical to box height */
    color: #8E8E8E;
}

.take_demo_dash .take_teacherBox.take_schedulebox .take_info>p {
    color: var(--secondary-color);
}

.take_demo_dash .take_teacherBox.take_schedulebox .take_info>p>span {
    border-left: 1px solid #E3E3E3;
    padding-left: 10px;
    margin-left: 10px;
}
.take_btn.take_remind {
    max-width: 327px;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
}

.take_btn.take_remind svg {
    margin-left: 10px;
}
.take_dashboard_boxes.democomplate .take_dashboard_box {
    max-width: 100%;
    margin-right: 0;
    flex-direction: column;
    align-items: start;
}
.take_dashboard_boxes.democomplate .take_dashboard_box .take_btn {
    margin-top: 20px;
}

.take_dashboard_boxes.democomplate .take_dashboard_box .take_btn svg {
    margin-right: 8px;
}
/* dashboard css end */
/* modal css start */
.take_modal .modal-dialog,.take_modal .take_modal_inner {
    max-width: 1142px;
    margin: 0 auto;
    background-color: var(--white);
    border-radius: 19px;
}
.take_modal .modal-dialog,.take_modal .take_modal_inner1 {
    max-width: 450px;
    margin: 0 auto;
    background-color: var(--white);
    border-radius: 19px;
}

.model_summer_certificate{
    max-width: 615px !important;
    padding-left: 10px;
}

.take_modal .modal-dialog .modal-content {
    border-radius: 19px;
}

.take_modal .modal-title ,.take_modal .take_modaltitle{
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: 0px;
    text-align: left;
    color: #17204F;
}

.take_modal .modal-header ,.take_modal .take_modal_header{
    padding: 20px 58px;
    border: none;
    align-items: center;
    position: relative;
}

.take_modal .modal-header .close,.take_modal .take_modal_header .close{
    padding: 0;
    width: 43px;
    height: 43px;
    border: 0.91px solid #C6C6C654;
    background: #F9FAFB;
    opacity: 1;
    border-radius: 100%;
    line-height: 37px;
    margin: 0 0 0 0;
    position: absolute;
    top: 20px;
    right: 60px;
}

.take_modal .modal-header .close span,.take_modal .take_modal_header .close span {
    line-height: 11px;
    display: inline-flex;
}
.take_steps ul {
    margin: 0;
    list-style: none;
    padding: 0;
}

.take_modal .modal-body {
    padding: 0;
}

.take_modal .take_steps {
    padding: 0 50px 10px;
}

.take_steps ul li {
    display: inline-flex;
}

.take_steps ul li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 25px 25px;
    position: relative;
    font-size: 15px;
    font-weight: 600;
    line-height: 17px;
    letter-spacing: 0px;
    text-align: left;
    color: #7E7E7E;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
}

.take_steps ul li a:after {
    position: absolute;
    content: '';
    height: 2px;
    background: #F68B00;
    left: 0;
    bottom: 0;
    right: 100%;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
}

.take_steps ul li a > span {
    width: 18px;
    height: 18px;
    background: #F2F2F2;
    border-radius: 34.5px;
    font-size: 9px;
    font-weight: 500;
    line-height: 10px;
    letter-spacing: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 7px;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
}

.take_steps ul li a.active,.take_steps ul li a:hover {
    color: var(--secondary-color);
}

.take_steps ul li a.active>span,.take_steps ul li a:hover>span {
    background-color: var(--secondary-color);
    color: var(--white);
}

.take_steps ul li a.active:after,.take_steps ul li a:hover:after {
    right: 0;
}
.take_steps ul li a:before {
    position: absolute;
    content: '';
    width: 28px;
    background-color: #DBDBDB;
    height: 1px;
    right: -17px;
    top: 50%;
}
.take_steps ul li a.active:before{
    background-color: var(--secondary-color);
}
.take_steps ul li .active_before {
    color: var(--secondary-color);
}

.take_steps ul li .active_before span {
    background: #fde8cc;
    color: var(--secondary-olor);
}

.take_steps ul li .active_before:before {
    background-color: var(--secondary-color);
}
.take_steps ul li:last-child a:before {
    display: none;
}
.take_step_body_wrapper {
    padding: 25px 47px 0;
    background: #F9FAFB;
}
.take_step_btns {
    text-align: center;
    padding: 20px 0;
}

.take_step_btns a {
    height: 51px;
    border-radius: 11px;
    max-width: 425px;
    background: var(--secondary-color);
    cursor: pointer;
}


.take_step_btns 
 .take_prev {
    background: rgba(246, 139, 0, 0.1);
    max-width: 321px;
    margin-right: 20px;
}
.take_step_btns.remind .take_btn {
    max-width: 150px;
}
/* step1 css */

.take_class_boxes{
    display: flex;
    flex-wrap: wrap;
}
.take_class_box {
    background-color: #fff;
    border-radius: 16px;
    padding: 4px;
    margin: 0 0 25px 0;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
}
.take_class_wrap{
    position: relative;
    max-width: 184px;
    margin-right: 25px;
    width: 100%;
    cursor: pointer;
}
.take_class_wrap>input:checked ~ .take_class_box:before {
    content: '\2713';
    position: absolute;
    width: 18px;
    height: 18px;
    background-color: var(--secondary-color);
    right: 10px;
    top: 10px;
    border-radius: 18px;
    color: #fff;
    font-size: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.take_class_box:hover {
    transform: scale(1.05);
}

.take_class_box  img {
    width: 80px;
    margin-bottom: 18px;
}

.take_class_box  p {
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 13px;
    letter-spacing: 3.5px;
    text-align: center;
    color: var(--secondary-color);
    margin: 0 0 5px;
}

.take_class_box h4 {
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0px;
    color: #17204F;
}
.take_step1{
    position: relative;
}

.take_step1 .take_search_wrapper {
    position: absolute;
    right: 14px;
    max-width: 386px;
    width: 100%;
    margin: 0;
    top: -98px;
}

.take_step1 .take_search_wrapper input {
    min-width: 100%;
    background: #F9FAFB;
    border: 0.910377px solid rgba(198, 198, 198, 0.33);
    border-radius: 53.7123px;
    height: 44px;
}
.take_step1 .take_search_wrapper>span {
    width: 31px;
    height: 31px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    cursor:pointer;
}
/* step2 */
.take_step_title {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: 0px;
    color: #17204F;
    margin-bottom: 25px;
}
.take_schedule_box {
    margin-bottom: 35px;
    position: relative;
    width: 100%;
}

.take_schedule_box .take_schedule {
    display: flex;
    align-items: center;
    background-color: var(--white);
    border-radius: 13px;
    padding: 20px 37px;
    border: 1px dashed #E7E7E7;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    cursor: pointer;
}
.take_schedule_box .take_schedule .take_schedule_icondetail {
    display: flex;
}

.take_schedule_box .take_schedule .take_icon svg {
    fill: #E5E5E5;
}

.take_schedule_box .take_schedule .take_detail p {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 4.5px;
    text-transform: uppercase;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
}

.take_schedule_box .take_schedule .take_days .take_btn {
    background: #fff9f2;
    height: 37px;
    max-width: 120px;
    color: var(--secondary-color);
    font-size: 15px;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: 0px;
    border-radius: 7px;
    margin-right: 18px;
}

.take_schedule_box .take_schedule .take_icon {
    margin-right: 35px;
}

.take_schedule_box>span {
    width: 22px;
    border: 1px solid #ACACAC;
    height: 22px;
    display: inline-block;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    right: 36px;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    transform: translateY(-50%);
}

.take_schedule_box>span:after {
    position: absolute;
    content: '';
    background: var(--secondary-color);
    width: 14px;
    height: 14px;
    border-radius: 100%;
    left: 3px;
    top: 3px;
    transform: scale(0);
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
}
.take_schedule_box input:checked + .take_schedule {
    border:1px solid var(--secondary-color)
}
.take_schedule_box input:checked + .take_schedule .take_icon svg{
    fill:var(--secondary-color)
}
.take_schedule_box input:checked + .take_schedule .take_detail .take_days .take_btn{
    background-color:var(--secondary-color);
    color:var(--white)
}
.take_schedule_box input:checked + .take_schedule .take_detail >p{
    color:var(--secondary-color);
}
.take_schedule_box input:checked ~ span:after{
    transform:scale(1)
}
.take_schedule_box input:checked ~ span{
    border-color:var(--secondary-color)
}
/* step3 start */
.take_schedule.take_classTime {
    border: 1px solid #E7E7E7;
    padding: 11px 37px;
}

.take_time>span {
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 29px;
    letter-spacing: 0px;
    color: #333;
    padding-right: 30px;
    position: relative;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
}
.take_time>span:after{
    position:absolute;
    content: '-';
    right: 7px;
}
.take_time>span:last-child:after{
    display: none;
}
.take_time>span>span {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0px;
    text-align: left;
    color: #A8A8A8;
}

.take_classTime .take_time {
    margin-right: 30px;
    border-right: 1px solid #E6E6E6;
    padding: 7px 0;
    position: relative;
}

.take_classTime .take_hours p {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0px;
    margin: 0;
    color: var(--black);
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
}
.take_schedule.take_classTime .take_tag {
    position: absolute;
    right: 80px;
    background: rgb(5 246 0 / 10%);
    color: #27B024;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0px;
    text-align: -webkit-center;
    padding: 5px 10px;
    border-radius: 4px;
}
.take_schedule_box input:checked + .take_schedule .take_time>span,.take_schedule_box input:checked + .take_schedule .take_hours>p {
    color: var(--secondary-color);
}
/* step 4 start */
.take_schedule.take_duration {
    flex-direction: column;
    align-items: start;
}

.take_schedule.take_duration h4 {
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: 0px;
    color: var(--black);
    margin-bottom:auto;
}

.take_schedule.take_duration p {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 13px;
    letter-spacing: 3.486238479614258px;
    text-align: left;
    color: #888888;
    margin: 0;
    text-transform: uppercase;
}

.take_schedule_box input:checked + .take_schedule.take_duration h4 {
    color: var(--secondary-color);
}
/* step 5 start */
.take_step_subtitle {
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 13px;
    letter-spacing: 2px;
    color: #414141;
}

.take_timeday_wrap {
    display: flex;
    flex-wrap: wrap;
}

.take_day_wrapper .take_schedule_box .take_schedule {
    padding: 15px 37px;
    border-style: solid;
}

.take_day_wrapper {
    margin-left: 20px;
}

.take_day_wrapper .take_schedule_box .take_schedule .take_days .take_btn {
    background-color: #fbfbfb;
    color: #595959;
    max-width: 105px;
}
.take_timeday_wrap>div {
    flex: 1;
}
.take_schedule_box .take_schedule.take_info {
    justify-content: space-between;
    border-style: solid;
}

.take_schedule_box .take_schedule.take_info .take_left {
    display: flex;
    align-items: center;
}
.take_schedule_box .take_schedule.take_info .take_left img{
    width:60px;
}


.take_schedule_box .take_schedule.take_info .take_detail p {
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 13px;
    letter-spacing: 3.5px;
    color: var(--secondary-color);
    margin: 0 0 5px;
}

.take_schedule_box .take_schedule.take_info .take_detail h4 {
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0px;
    color: #17204F;
    margin: 0;
}

.take_schedule_box .take_schedule.take_info .take_right>span {
    font-size: 8px;
    font-weight: 700;
    line-height: 9px;
    letter-spacing: 3.2571427822113037px;
    text-transform: uppercase;
    color: var(--secondary-color);
    border: 1px solid var(--secondary-color);
    border-radius: 6px;
    padding: 4px 5px;
}

.take_schedule_box .take_schedule.take_info .take_right>p {
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 17px;
    letter-spacing: 0px;
    color: var(--secondary-color);
    margin: 5px 0 0 0;
}
.take_modal {
    padding: 20px;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgb(0 0 0 / 14%);
    z-index: 10;
    overflow: auto;
}
.take_otp_wrapper {
    display: flex;
    align-items: center;
    padding-bottom: 15px;
}

.take_otp_wrapper .take_step_subtitle {
    margin-right: 10px;
}
.take_otp_wrapper .take_btn {
    margin-left: 15px;
    padding: 0 25px;
    max-width: fit-content;
    height: 52px;
}
/* modal css end */
.custom-control-input:checked~.custom-control-label::before {
    border-color: var(--secondary-color);
    background-color: var(--secondary-color);
}
/* profile page css start */
.take_profile {
    background: linear-gradient(257.57deg, #D97A00 16.17%, rgba(217, 122, 0, 0.46) 123.91%);
    padding: 43px 60px 100px;
}

.take_body.take_profile_wrapper {
    margin-top: -56px;
}

.take_profile .take_profile_data {
    text-align: center;
}

.take_profile>h2 {
    font-family: DM Sans;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 49px;
    letter-spacing: -1.5px;
    margin: 0;
    color: var(--white);
}

.take_profile .take_profile_data>img {
    border: 3px solid #FFFFFF;
    border-radius: 46px;
    margin-bottom: 19px;
}

.take_profile .take_profile_data h3 {
    font-size: 26px;
    font-style: normal;
    line-height: 23px;
    letter-spacing: -0.2811236083507538px;
    color: var(--white);
    margin: 0 0 8px;
}

.take_profile .take_profile_data>p {
    color: #fff;
    opacity: 0.6;
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: -0.2811236083507538px;
    text-align: center;
    margin-bottom: 25px;
}

.take_profile .take_profile_data .take_btn {
    height: 50px;
    max-width: 211px;
    background: var(--white);
    color: var(--black);
    border-radius: 14px;
    padding: 0 20px;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 23px;
    letter-spacing: -0.2811236083507538px;
}
.take_profile_boxes .take_dashboard_box {
    background-color:  #8C560F;
    max-width: 385px;
    margin: 0 30px 30px 0;
}

.take_profile_boxes .take_dashboard_box .take_class {
    color: #fff;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.2811236083507538px;
    text-align: center;
    margin-top: 15px;
}

.take_profile_boxes .take_dashboard_box 
 .take_classTotal {
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 23px;
    letter-spacing: -0.2811236083507538px;
    text-align: center;
    color: var(--white);
}

.take_profile_boxes {
    display: flex;
    justify-content: center;
    margin-top: -48px;
}

.take_profile_boxes .take_dashboard_box:last-child {
    margin-right: 0;
}
.take_profile_wrapper .take_today_class.take_upcoming_classes {
    padding: 10px 100px 0;
}

.take_profile_wrapper .take_today_class.take_upcoming_classes .take_dash_title {
    font-family: DM Sans;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 42px;
    letter-spacing: -0.861586332321167px;
    color: var(--black);
}
.take_profile_wrapper .take_today_class.take_upcoming_classes .take_upcoming_boxes .take_dashboard_box {
    margin-right: 0;
    max-width: 100%;
}
/* change password */
.take_body.take_changepass_wrapper {
    padding: 0 59px;
}

.take_body.take_changepass_wrapper form {
    max-width: 500px;
    background-color: #fff;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0px 10px 20px 0px hsl(0deg 0% 0% / 9%);
    margin-bottom: 50px;
}

.take_body.take_changepass_wrapper form .form-group {
    margin-bottom: 30px;
}

.take_body.take_changepass_wrapper form .take_btn {
    max-width: 150px;
}
/* body css end */
.take_schedule_box .take_schedule div>p {
    margin: 0;
    font-size: 14px;
    padding-left: 15px;
    opacity: 0;
    visibility: hidden;
}
.take_schedule_box .take_schedule .take_detail >p {
    opacity: 1;
    visibility: visible;
}

.take_schedule_box input:checked + 
.take_schedule div > p {
    opacity: 1;
    visibility: visible;
}
/* edit profile page start */
.take_editprofile_wrapper {
    background: #F9FAFB;
    padding: 20px 58px 25px;
    border-radius: 0 0 19px 19px;
}

.take_editprofile_wrapper .take_btn {
    max-width: 100%;
    border-radius: 14px;
    background: #F68B00;
    height: 52px;
    font-family: DM Sans;
    font-size: 17px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0px;
}
.take_editProfile .take_modal_header {
    padding: 25px 60px 22px !important;
}
.take_editProfile .take_modal_header .close {
    top: 17px;
}
.take_editprofile_wrapper .form-control {
    border-radius: 16px;
    border-color: #ECECEC;
}

.take_editProfile .take_modal_header .take_modaltitle {
    margin: 0;
}
/* edit profile page end */
/* schedule page start */
.take_bod.take_schedule_wrapper {
    padding: 0 59px;
}

.take_schedule_wrapper .fc .fc-toolbar-title {
    font-family: DM Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 49px;
    letter-spacing: -1px;
    text-align: center;
    color: #4A4A4A;
}

.take_schedule_wrapper .fc-today-button,.take_schedule_wrapper .fc-dayGridMonth-button {
    display: none !important;
}

.take_schedule_wrapper .fc-header-toolbar {
    justify-content: center;
    position: relative;
    max-width: 240px;
    margin: 0 auto;
    width: 100%;
}

.take_schedule_wrapper .fc-header-toolbar .fc-button-group {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    left: 0;
    right: 0;
}

.take_schedule_wrapper .fc-header-toolbar .fc-button-group .fc-button {
    flex: inherit;
    width: 36px;
    height: 36px;
    border-radius: 100% !important;
    border: 1px solid #EDEDED;
    background-color: var(--white);
    color: var(--secondary-color);
    padding: 0;
    font-size: 12px;
}
.take_schedule_wrapper .fc-header-toolbar .fc-button-group .fc-button:focus {
    background-color: var(--secondary-color);
    color: var(--white);
    border-color: var(--secondary-color);
    box-shadow: none;
}
.take_schedule_wrapper .fc-view-harness {
    margin: 0 60px;
}

.take_schedule_wrapper .fc-view-harness .fc-view {
    /* left: 30px !important; */
    /* top: 30px !important; */
    /* right: 30px !important; */
    /* bottom: 30px !important; */
    background: #FFFFFF;
    border-radius: 23px;
    padding: 30px;
}
.take_body.take_schedule_wrapper {background-color: #FCFCFC;padding-bottom: 50px;}
.take_schedule_wrapper .fc-event-past {
    background: rgba(246, 139, 0, 0.1);
    border: 0.3px solid #F68B00;
    box-sizing: border-box;
    border-radius: 2px;
    font-weight: 500;
    font-size: 11px;
    text-align: center;
    color: #F68B00;
    line-height: 20px;
    margin: 0 10px !important;
}

.take_schedule_wrapper .fc-event-past .fc-event-title {
    color: var(--secondary-color);
}
.take_schedule_wrapper .fc-theme-standard th {
    text-align: left;
}
.date_picker{
    position: relative;
}
.date_picker .react-calendar{
    border-radius: 15px;
}

.date_picker .react-calendar__navigation button {
    width: auto;
    min-width: auto;
}

/* schedule page end */


/* chat page start */
.take_chat_panel {
    padding: 0 22px;
    display: grid;
    grid-template-columns: 341px 1fr;
}

.take_chat_panel>div {
    background-color: #fff;
    border: 1px solid #EFEFEF;
    height: calc(100vh - 144px);
}

.take_chat_panel .take_chat_left {
    border-right: none;
    border-top-left-radius: 18px;
}
.take_leftchattitle h2 {
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.5px;
    color: var(--black);
    margin: 0;
}

.take_leftchattitle {
    display: flex;
    justify-content: space-between;
    padding: 21px 23px;
    border-bottom: 1px solid #EFEFEF;
}
.take_conversation_wrapper .take_chat_title {
    display: flex;
    justify-content: space-between;
    padding: 17px 23px;
}
.take_teacherBox.take_chat_box {
    background-color: transparent;
    border: 1px solid transparent;
    border-bottom: 1px solid #F4F4F4;
    border-radius: 0px;
    padding: 12px 16px;
    position: relative;
    margin: 0;
    cursor: pointer;
}
.take_teacherBox.take_chat_box:hover {
    background: rgba(246, 139, 0, 0.07);
    border: 1px solid rgba(246, 139, 0, 0.3);
    box-sizing: border-box;
    border-radius: 14px;
}
.take_chat_boxes {
    padding: 0 16px;
}

.take_teacherBox.take_chat_box .take_img {
    width: 36px;
    margin-right: 11px;
}

.take_teacherBox.take_chat_box .take_img img {
    height: 36px;
}

.take_teacherBox.take_chat_box .take_info>h5 {
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0em;
}
.take_teacherBox.take_chat_box:hover .take_info>h5{
    color: var(--secondary-color);
}

.take_teacherBox.take_chat_box .take_info>p {
    font-size: 11px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0px;
}
.take_teacherBox.take_chat_box .take_time {
    position: absolute;
    font-size: 11px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0px;
    right: 16px;
    top: 22px;
}
.take_teacherBox.take_chat_box.online .take_info>h5 {
    display: inline-flex;
    position: relative;
}

.take_teacherBox.take_chat_box.online .take_info>h5:after {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    background: #F68B00;
    border-radius: 41px;
    right: -10px;
    top: 50%;
    margin-top: -3px;
}
.take_rightchat_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 26px;
    border-bottom: 1px solid #EFEFEF;
}

.take_rightchat_title .take_teacherBox {
    background-color: transparent;
    border-radius: 0px;
    border: none;
    margin: 0;
    padding: 0;
}

.take_rightchat_title .take_teacherBox .take_img {
    width: 30px;
    margin-right: 10px;
}

.take_rightchat_title .take_teacherBox .take_img img {
    height: 30px;
}

.take_rightchat_title .take_teacherBox .take_info {
    width: calc(100% - 40px);
}

.take_rightchat_title .take_teacherBox .take_info h5 {
    font-size: 17px;
    line-height: 21px;
}

.take_rightchat_title .take_teacherBox .take_info p {
    font-size: 12px;
}
.take_chat_wrapper {
    padding: 37px 27px;
    height: calc(100vh - 289px);
    overflow-y: scroll;
}

.take_chat_wrapper>div span {
    background: #F0F0F0;
    padding: 15px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    max-width: 35%;
    color: #484848;
    font-family: DM Sans;
}

.take_chat_wrapper>div {
    display: flex;
    justify-content: end;
}


.take_chat_wrapper .take_recieve {justify-content: left;}
.take_chat_wrapper .take_recieve p{
    display: block;
    padding-top: 5px;
    font-size: 75%;
}
.take_chat_wrapper>div p {
    display: none;
}

.take_chat_wrapper .take_recieve span{
    background-color:var(--secondary-color);
    color:#fff;
    max-width: 60%;
    box-shadow: 0px 12.1723px 12.1723px rgba(0, 0, 0, 0.05);
}
.take_sendmsg_box {
    padding: 0 32px;
}
.take_sendmsg_box .form-group {
    margin: 0;
    position: relative;
}
.take_sendmsg_box .form-group .form-control{
    box-shadow: 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725);
    border-radius: 10px;
    height: 50px;
    padding-left: 42px;
}
.take_sendmsg_box .form-group span.take_add {
    left: 18px;
}

.take_sendmsg_box .form-group span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    display: flex;
}

.take_sendmsg_box .form-group span.take_emoji {
    right: 18px;
}

.take_sendmsg_box .form-group span.take_gif {
    right: 50px;
}
.arrow_chat_show{
    display: none;
}
.take_chat_wrapper .take_send{
    display: flex;
    margin-bottom: 25px;
}
/* chat page end */

.take_section_news{
    background-color:#F0F0F0
    
    }
    .techer_news1{
        height:245px;
        background-color:#F68B00;
        display: flex;
        justify-content: center;
    
    }
    .news{
        /* / News / */
    
    
    
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 29px;
    line-height: 33px;
    /* / identical to box height, or 169% / */
    text-align: center;
    letter-spacing: -1.5px;
    
    color: #FFFFFF;
    margin:0px;
    text-align-last: justify;
    
    }
    .news_content{
        /* / Text / */
    
    
    
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    /* / or 129% / */
    display: flex;
    align-items: center;
    letter-spacing: -0.340945px;
    
    color: rgba(255, 255, 255, 0.6);
    margin:0px;
    text-align: -webkit-auto;
    
    }
    .new_container{
        
        margin-top:43px;
        width: 471px;
    }
    .dark{
        margin: auto;
        width: 475px;  
        
        background: #FFFFFF;
        border-radius: 12.8609px;
        margin-top: -83px;
        z-index: 2;
        position: relative;
    }
    .dark_inner{
        
        width: 443px;
        height: 182px;
        margin: auto;
        /* / top: 273px; / */
        background: #F8F8F8;
        border-radius: 11.5748px;
        margin-top:15px;
    
    }
    .slider_text1{
        display:flex;
        margin-left: 15px;
        margin-right: 15px;
        margin-top: 97px;
    }
    .slider_text2{
        
        margin-left: 15px;
        margin-right: 15px;
    }
    .slider_text{
        /* / TECH NEWS / */
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 15.4331px;
    line-height: 20px;
    /* / identical to box height / */
    display: flex;
    align-items: flex-end;
    text-align: center;
    letter-spacing: 0.085em;
    
    color: #FF730F;
    
    
    }
    .slider_date{
    margin-left:auto;
    
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 15.4331px;
    line-height: 20px;
    /* / identical to box height / */
    display: flex;
    align-items: flex-end;
    text-align: center;
    letter-spacing: -0.02em;
    
    color: #818181;
    
        
    }
    .footer_text{
        
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 115.3%;
    /* / or 28px / */
    display: flex;
    align-items: flex-end;
    letter-spacing: -0.02em;
    
    color: #000000;
    
    
    }
    .footer_icon{
        display:flex;
    width: 475px;
    height: 73px;
    left: 390px;
    top: 891px;
    
    background: #FAFAFA;
    border-radius: 0px 0px 12.8609px 12.8609px;
    
    }
    .heart{
        
    width: 75px;
    height: 40.74px;
    left: 953px;
    top: 903.61px;
    
    background: #FFFFFF;
    border-radius: 32.3837px;
    margin-left: auto;
    
    }
/* vishal 26_03_2022 start */

.dark {
    margin: auto!important;
    width: 475px!important;
    background: #FFFFFF!important;
    border-radius: 12.8609px!important;
    margin-top: -83px!important;
    z-index: 2!important;
    position: relative!important;
}
.techer_news2 {
    background-color: #F68B00!important;
    display: flex!important;
    justify-content: center!important;
    margin-bottom: -34px!important;
    z-index: 2px!important;
}

.techer_news2{
    height: 300px;
   margin-bottom: -147px!important;
}

.techer_news1{
    height: 188px!important;
    margin-top: -22px!important;
}
    
.footer_icon{
	 position: absolute;
 display: flex;
 width: 475px;
 height: 73px;
 left: 3px;
 top: 500px;

}
/* vishal 26_03_2022 end */


/* certificate 29_03_2022 start */
  
  .canwas_container {
    margin: 0 0;
    padding: 0 0;
    /* background-color: #17204F; */
  }
  
  .canwas_container .react-pdf__Document {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  
  .canwas_container .react-pdf__Page {
    max-width: calc(100% - 2em);
    margin: 1em;
  }
  
  .canwas_container .react-pdf__Page canvas {
    max-width: 100%;
    height: auto !important;
  }
/* certificate 29_03_2022 end */

/* summer popop 02/04/2022 start */ 

.take_offer_mobile{
    position:relative;
    text-align: center;
    padding: 20px;
    background-image: url(../images/shap_mobile.png);
    background-size: cover;
    background-position: 0%;
    background-repeat: no-repeat;
}
.take_left img {
    width: 29%;
}
.take_logo_mobile{
	text-align: left;
}
.take_offer_mobile {
    width:350px;
    margin: 0 auto;
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: 0 30px 30px rgb(0 0 0 / 8%);
}
.take_mobile_wrap_header h2>span {
    color: #1c1b1a;
}
.take_mobile_wrap_header h2{
	
    color: white;
    font-size: 29px;

}
.take_mobile_wrap_header h4 {
    font-size: 16px;
    color: #1c1b1a;
    font-weight: 800;
}
.take_mobile_right{
	margin-top:20px;
}
span.take_day_box_mobile span {
    font-size: 10px;
    line-height: 10px;
}
 .take_day_box_mobile {
    width: 108px;
    width: 108px;
    border-radius: 9px;
    background-image: -moz-linear-gradient( -178deg, rgb(255,177,95) 0%, rgb(236,135,29) 100%);
    background-image: -webkit-linear-gradient( -178deg, rgb(255,177,95) 0%, rgb(236,135,29) 100%);
    background-image: -ms-linear-gradient( -178deg, rgb(255,177,95) 0%, rgb(236,135,29) 100%);
    box-shadow: -0.518px 1.932px 4.8px 0.2px rgb(35 40 35 / 57%);
    color: #fff;
    display: inline-grid;
    flex-direction: column;
    place-content: center;
    text-align: center;
    padding: 7px 17px;
    padding-bottom: 4px;
	height:48px;
    box-sizing: border-box;
}
.left_img_mobile img {
    width: 93%;
    margin-left: -29px;
    margin-top: 56px;
}
.left_img_mobile{
	width:65%;
}
.take_mobile_wrap {
	width:35%;
}
.lower-mobile-text{
	margin:auto;
	font-size:10px;
}
.button_mobile_1{
	margin-left:-284px;
}
.button_mobile_2{
	margin-left: -83px;
    margin-top: 0px;
}
.button_mobile_3{
	margin-left:-3px;
	margin-top: 10px;
}
.button_mobile_4{
	margin-left:-89px;
	margin-top: 10px;
}
.button_mobile_5{
	margin-left:-40px;
	margin-top: 10px;
}
button.take_btn_regi_mobile {
   
    width: 37%;
    font-size: 12px;
    text-transform: uppercase;
    background-color: #fcb415;
    border: 2px solid #000;
    font-weight: 500;
    border-radius: 8px;
    margin: 4px 17.5px 0px 18px;
    padding: 4px;
    box-shadow: 0px 5px 4px rgb(0 0 0 / 15%);

}
.take_left_mobile img{
    width: 29%;
}
.mobile_close_button{
	position: absolute;
    text-align: end;
 
    right: 7px;
    background-color: transparent;
    font-size: 20px;
    border: 0;
    top: 6px;
}



.take_offer_inner .take_logo {
    max-width: 178px;
    width: 100%;
    margin: 32px 0 10px 50px;
}
.take_offer_wrapper {
    height: calc(100vh - 60px);
    width: 80%;
    margin: 0 auto;
    overflow-y: auto;
    overflow-x: hidden;
}
span.take_day_box span {
    font-size: 10px;
    line-height: 10px;
}
.take_day_wrap .take_day_box {
    width: 108px;
    border-radius: 20px;
    background-image: -moz-linear-gradient( -178deg, rgb(255,177,95) 0%, rgb(236,135,29) 100%);
    background-image: -webkit-linear-gradient( -178deg, rgb(255,177,95) 0%, rgb(236,135,29) 100%);
    background-image: -ms-linear-gradient( -178deg, rgb(255,177,95) 0%, rgb(236,135,29) 100%);
    box-shadow: -0.518px 1.932px 4.8px 0.2px rgb(35 40 35 / 57%);
    color: #fff;
    display: inline-grid;
    flex-direction: column;
    place-content: center;
    text-align: center;
    padding: 7px 17px;
    padding-bottom: 4px;
    box-sizing: border-box;
}
.take_day_wrap {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    justify-content: center;
    width: 397px;
    max-width: 865px;
    position: relative;
    margin-top: 20px;
}
.offer-left img {
    width:100%;
}
.take_offer_inner {
    position: relative;
    text-align: center;
    padding: 0px; 
    background-image: url(../images/shape.png);
    background-size: contain;
    background-position: 0%;
    background-repeat: no-repeat;
}
.take_day_wrap_header{
    margin-top: 180px;
}

.color-green{
    background: #008000 !important;
}
.take_right {
    padding-right: 30px;
}
.take_right h2 {
    font-weight: 900;
    color: #ec871d;
    line-height: 33px;
}
button.take_btn_regi {
    width: 50%;
    font-size: 22px;
    text-transform: uppercase;
    background-color: #fcb415;
    border: 2px solid #000;
    font-weight: 500;
    border-radius: 8px;
    margin: 10% 17.5% 0% 18%;
    padding: 10px;
    box-shadow: 0px 5px 4px rgb(0 0 0 / 15%);
}
.desktop_close_button{
	position: absolute;
    text-align: end;
    right: 20px;
    background-color: transparent;
    font-size: 20px;
    border: 0;
    top: 12px;
}
/* summer popop 02/04/2022  end */ 




/* responsive css start */
@media(max-width:1500px){
    .take_dashboard_box{
        max-width: 425px;
    }
    .take_dashboard_box.take_startnewclass {
        max-width: 385px;
    }
    .take_upcoming_boxes .take_dashboard_box.take_todayclass_box {
        max-width: 440px;
    }
    .take_dashboard_box .take_btn{
        padding: 0 35px;
    }
    .take_dash_empty img {
        width: 15%;
    }
    .take_dash_empty .take_btn{
        height: 50px;
    }
    .take_dash_empty h1 {
        font-size: 28px;
        line-height: 32px;
    }
    .take_class_box img {
        width: 40px;
        margin-bottom: 10px;
    }
    .take_schedule_box .take_schedule .take_detail p {
        margin-bottom: 10px;
    }
    .take_class_box{
        padding: 10px;
    }
    .take_modal .modal-header, .take_modal .take_modal_header {
        padding: 20px 58px 5px;
    }
    .take_steps ul li a {
        padding: 0 25px 14px;
    }
    .take_schedule_box{
        margin-bottom: 15px;
    }
    .take_step_body_wrapper {
        padding: 8px 47px 0;
    }
    .take_step_title {
        margin-bottom: 10px;
    }
    .take_step_btns .take_btn {
        height: 40px;
    }
    
    .take_step_btns {
        padding: 10px 0;
    }
    .take_step1 .take_search_wrapper {
        top: -63px;
    }
    .take_profile_wrapper .take_today_class.take_upcoming_classes {
        padding: 10px 60px 0;
    }
    .take_profile_boxes .take_dashboard_box{
        max-width: 350px;
    }
    .take_todayclass_box .take_left{
        padding-right: 15px;
    }

}
@media(max-width:1180px){
    .take_class_box{
        max-width: 175px;
    }
    .take_day_wrapper .take_schedule_box .take_schedule .take_days .take_btn {
        max-width: 100px;
        margin-right: 5px;
    } 
    .take_step_wrapper .take_search_wrapper{
        max-width: 275px;
    }
    .take_steps ul li a {
        padding: 0 15px 25px;
    }
    .take_dashboard_box.take_todayclass_box>div {
        padding: 15px 15px 15px 10px;
    }
}
@media(max-width:1050px){
    .take_schedule_box .take_schedule >p{
       /* position: absolute;*/
        left: 65px;
        top: 76%;
        font-size: 12px;
    }
    .take_schedule_box .take_schedule.take_classTime >p {
        top: 22px;
        left: 134px;
    }
}
@media(max-width:991px){
    .take_sidebar_wrapper .take_logo {
        display: none;
    }
    .take_sidebar_wrapper {
        width: 80px;
        padding: 0 10px;
        left: -80px;
    }
    .take_top_header, .take_body {
        margin-left: 0;
    }
    
    .take_sidebar_wrapper .take_menu ul li a:after {
        right: -10px;
    }
    
    .take_sidebar_wrapper .take_menu ul li a span {
        display: none;
    }
    
    .take_sidebar_wrapper .take_menu ul li a svg {
        margin: 0;
    }
    
    .take_sidebar_wrapper .take_menu ul li a {
        justify-content: center;
    }
    
    .take_logout span {
        display: none;
    }
    
    .take_logout {
        padding: 14px 0 50px 9px;
    }
    .take_dashboard_box.take_todayclass_box>div {
        flex-direction: column;
    }
    
    
    /* .take_todayclass_box .take_right {
        margin: 20px 0 0 auto;
    } */
    /* .take_dashboard_box.take_todayclass_box>div {
        flex-direction: column;
    } */
    
    /* .take_todayclass_box .take_left {
        width: 100%;
    } */
    .take_search_wrapper{
        max-width: 100%;
        padding-left: 25px;
    }
    .take_step1 .take_search_wrapper{
        top: -3px;
        right: 0;
    }
    .take_time>span{
        font-size: 18px;
        padding-right: 20px;
    } 
    .take_classTime .take_time{
        margin-right: 20px;
    }
    .take_schedule_box .take_schedule .take_icon{
        margin-right: 15px;
    }
    .take_day_wrapper .take_schedule_box .take_schedule .take_days .take_btn{
        font-size: 13px;
        padding: 0 10px;
        max-width: 80px;
    }
    .take_schedule_box .take_schedule .take_detail {
        width: calc(100% - 35px);
        padding: 0;
    }
    .take_schedule.take_classTime{
        padding: 0 15px;
    }
    .take_day_wrapper .take_schedule_box .take_schedule{
        padding: 5px 15px;
    }
    .take_step_body_wrapper{
        padding: 15px 20px;
    }
    .take_step_btns a{
        max-width: 25% !important;
        font-size: 14px;
        padding: 0 10px;
    }
    .take_modal .modal-header{
        padding: 20px;
    }
    .take_modal .take_steps {
        padding: 0 20px 10px;
    }
    .take_step1 .take_search_wrapper input {
        height: 35px;
    }
    .take_step1 .take_search_wrapper>span {
        height: 23px;
        width: 23px;
    }
    .take_class_box{
        margin-bottom: 10px;
    }
    .take_schedule.take_duration {
        padding: 10px 37px;
    }
    .take_class_wrap{
        max-width: 115px;
    }
    .take_class_wrap .take_class_box{
        max-width: 100%;
    }
    .take_class_box h4 {
        font-size: 13px;
        line-height: 16px;
    }
    .take_step_subtitle {
        margin-bottom: 5px;
    }
    .take_topheader_inner {
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
        margin-bottom: 15px;
    }
    
    .take_topheader_inner .take_logo img {
        max-width: 150px;
    }
    
    .take_topheader_inner .take_search_wrapper {
        margin: 0 50px 0 0;
    }
    .take_topheader_inner .take_logo {
        display: block !important;
    }
    .take_topheader_inner .take_toggle {
        position: absolute;
        right: 0;
        cursor: pointer;
        display: block !important;
    }
    .take_top_header .take_title,.take_top_header>p {
        padding: 0;
    }
    .take_dashboard{
        padding: 0 30px;
    }
    .take_sidebar_wrapper{
        transition: var(--transition);
        -webkit-transition: var(--transition);
        -moz-transition: var(--transition);
        -ms-transition: var(--transition);
        z-index: 10;
    }
    .take_sidebar_wrapper.open {
        left: 0;
        
        box-shadow: 0 10px 5px hsl(0deg 0% 0% / 11%);
    }
    .take_dash_empty img {
        width: 20%;
    }
    .take_body.take_profile_wrapper{
        margin-top: 0;
    }
    .take_top_header {
        padding: 15px 30px 0;
        margin-bottom: 15px;
    }
    .take_profile_boxes {
        padding: 0 15px;
    }
    .take_profile_boxes .take_dashboard_box {
        margin:0 15px 15px 0;
    }
    .take_body.take_changepass_wrapper{
        padding: 0 30px;
    }
    .take_top_header .take_btn{
        right: 30px;
    }
}
@media (max-width:767px){
    .take_dashboard_box{
        max-width: 100% !important;
        margin-right: 0px;
    }
    .take_todayclass_box .take_left .take_detail>h1>.take_tag {
        width: 75px;
        padding: 3px;
        font-size: 6px;
        margin-left: 8px;
    }
    .take_timeday_wrap{
        flex-direction: column;
    }
    .take_day_wrapper{
        margin-left: 0;
    }
    .take_class_box {
        max-width: 150px;
    }
    .take_schedule_box .take_schedule .take_days .take_btn {
        max-width: 100px;
    }
    .take_search_wrapper>input {
        border-color: transparent;
        background-color: transparent;
        width: 40px;
        min-width: auto;
        transition: var(--transition);
        -webkit-transition: var(--transition);
        -moz-transition: var(--transition);
        -ms-transition: var(--transition);
    }
    .take_search_wrapper>span{
        cursor: pointer;
    }
    .take_topheader_inner .take_search_wrapper {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }
    .take_search_wrapper.open>input{
        width: auto;
        min-width: 250px;
        border-color: #DEDEDE;
        background-color: var(--white);
    }
    .take_dashboard_box.take_todayclass_box>div {
        flex-direction: column;
    } 
    
    .take_todayclass_box .take_left {
        width: 100%;
    }
    .take_todayclass_box .take_right {
       margin-top: 20px;
    } 
    .take_demo_dash .take_todayclass_box .take_left {
        width: 100%;
    }
    .take_todayclass_box .take_left .take_detail>.h2 {
        display: block; 
        width: 100%;
       text-align: center;
       padding-bottom: 10px
    }
	
    .take_todayclass_box .take_left .take_detail>p{
        display: block;
    }
	
	 .take_todayclass_box .take_left .take_detail {
        width: inherit;
		 margin-top: -40px;
    }
	
    .take_classstart p {
        font-size: 14px;
        margin-top: -40px;
    }
	.take_dashboard.take_demo_dash .take_dashboard_box.take_todayclass_box>div>div .take_img {
        width: 100px;
        margin: auto;
    }
    .take_dashboard.take_demo_dash .take_dashboard_box.take_todayclass_box>div>div .take_info {
        width: 100%;
        text-align: center;
    }
    
    .take_demo_dash .take_teacherBox .take_info>span {
        display: block;

    }
    .take_demo_dash .take_teacherBox h5 {

        display: block;
    }
    .take_editprofile_wrapper .col-lg-6.col-md-6.col-sm-6 {
        flex: 0 0 50%;
    }

    
    .take_editprofile_wrapper {
        padding: 20px 20px 25px;
    }
    
    .take_editProfile .take_modal_header {
        padding: 25px 20px 22px !important;
    }
    .take_dashboard.take_demo_dash .take_dashboard_box.take_todayclass_box>div>div {
        display: block;
        text-align: center;
    }
    .take_teacherBox.take_schedulebox {
        display: flex !important;
 
     }
     .take_demo_dash .take_teacherBox h5{
        font-size: 15px;
    }
    .take_dashboard.take_demo_dash .take_dashboard_box.take_todayclass_box>div>div .take_right {
        text-align: center;
    }
    .take_dashboard.take_demo_dash .take_dashboard_box.take_todayclass_box>div>div .take_right .take_setting{
        display: none;
    }
    .take_dashboard.take_demo_dash .take_dashboard_box.take_todayclass_box>div>div .take_right .take_classstart{
        margin-top: 0;
    }
    .chat_show{
        display: block;
    }
    .arrow_chat_show{
        display: block;
    }
    .chat_hide{
        display: none;
    }
    
}
@media (max-width:620px){
    .take_class_wrap {
        max-width: 106px;
        margin-right: 10px;
    }
    .take_class_box img{
        width: 60px;
    }
    .take_schedule_box .take_schedule .take_days .take_btn {
        max-width: 95px;
        padding: 0 5px;
        margin-right: 5px;
    }
    .take_steps ul li a{
        font-size: 10px;
    }
    .take_steps ul li a:before {
        width: 10px;
        right: -5px;
    }
    .take_steps ul li a {
        padding: 0 10px 8px;
    }
    .take_schedule.take_duration h4{
        font-size: 16px;
    }
    .take_modal .modal-header, .take_modal .take_modal_header {
        padding: 20px 28px 8px;
    }
    .take_modal .modal-header .close, .take_modal .take_modal_header .close{
        right: 28px;
    }
    .take_dash_empty img {
        width: 30%;
    }
    .take_profile_boxes .take_dashboard_box{
        padding:15px;
    }
    .take_profile_boxes .take_dashboard_box .take_class{
        font-size: 14px;
    }
    .take_schedule_box .take_schedule >p {
        left: 45px;
    }
    .take_schedule_box .take_schedule.take_classTime >p {
        top: 33px;
        left: 117px;
    }
}
@media (max-width:570px){
    /* .take_dashboard_box {
        justify-content: center;
        flex-direction: column;
        text-align: left;
    } */
    
    /* .take_todayclass_box .take_left {
        flex-direction: column;
    } */
    .take_step1 .take_search_wrapper {
        position: relative;
        top: auto;
        right: auto;
        max-width: 100%;
        padding: 0px;
        margin-bottom: 20px;
    }
    .take_schedule_box .take_schedule .take_days .take_btn{
        margin-bottom: 5px;
            font-size: 12px;
            max-width: fit-content;
            height: 28px;
            line-height: 28px;
    }
    .take_classTime .take_time {
        border: none;
    }
    .take_time>span{
        padding-right: 17px;
        font-size: 15px;
    }
    .take_time>span>span{
        font-size: 10px;
    }
    .take_classTime .take_time{
        margin: 0 17px;
    }
    .take_schedule.take_classTime .take_tag {
        font-size: 10px;
        padding: 3px 5px;
        right: 70px;
    }
    .take_schedule_box .take_schedule {
       /* padding: 8px 16px 20px;*/
       padding: 10px;
       display: block;
    }
    .take_schedule_box .take_schedule_icondetail {
        display: flex;
    }
    .take_schedule_box .take_schedule_icondetail .take_icon{
        margin-top: 22px;
    }    
    .take_selectclassday>span {
        top: 22%;
    }
    .take_dashboard_box .take_btn {
        padding: 0px 20px;
        height: 45px;
    font-size: 14px;
    }
    .take_dashboard_box .take_class{
        font-size: 14px;
    }
    .take_dashboard_box .take_classTotal{
        font-size: 40px;
    }
    .take_startclass{
        font-size: 15px;
    }
    .take_top_header .take_title{
        font-size: 24px;
    }
    /* .take_dashboard_box{
        text-align: center;
        padding: 15px;
    } */
    .take_dashboard_box.take_todayclass_box>div{
        padding: 15px;
    }
    .take_search_wrapper,.take_title{
        padding-left: 0;
    }
    .take_dashboard {
        padding: 0 30px;
    }
    .take_todayclass_box .take_left .take_img{
        margin-right: 0;
    }
    .take_todayclass_box .take_left .take_detail{
        /* width: 100%; */
        padding-left: 5px;
    }
    .take_todayclass_box .take_left .take_detail>h1{
        font-size: 17px;
    }
    /* .take_search_wrapper>input{
        min-width: 100%;
    } */
    .take_class_wrap {
        max-width: 70px;
        margin-right: 5px;
    }
    .take_class_wrap .take_class_box{
        margin-bottom: 0;
    }
    .take_class_box img {
        width: 38px;
    }
    .take_class_box h4 {
        font-size: 10px;
    }
    .take_steps ul li a {
        padding: 0 6px 8px;
    }
    .take_day_wrapper .take_schedule_box .take_schedule .take_days .take_btn{
        font-size: 13px;
        padding: 0 2px;
        max-width: 75px;
        margin-bottom: 0;
    }
    .take_todayclass_box .take_left .take_detail {
        width: calc(100% - 88px);
    }
    .take_todayclass_box .take_left .take_detail .take_processbar{
        height: 8px;
    }
    .take_dash_empty img {
        width: 45%;
    }
    .take_dash_empty h1{
        font-size: 22px;
        line-height: 28px;
        margin-bottom: 10px;
    }
    .take_dash_empty p{
        font-size: 16px;
        margin-bottom: 15px;
    }
    .take_profile_boxes .take_dashboard_box .take_class {
        font-size: 12px;
        margin-top: 8px;
    }
    .take_profile_boxes .take_dashboard_box .take_classTotal{
        font-size: 40px;
    }
    .take_profile_wrapper .take_today_class.take_upcoming_classes {
        padding: 10px 30px 0;
    }
    .take_step_btns a {
        max-width: 35% !important;
    }
    .take_timeday_wrap{
        flex-wrap: nowrap;
    }
    .take_otp_wrapper{
        padding-bottom: 0px;
    }
    .take_schedule_box .take_schedule >p{
        top:70%
    }
    .take_schedule_box .take_schedule.take_classTime >p {
        left: 114px;
        font-size: 11px;
        top: 62%;
        line-height: 11px;
    }
    .take_demo_dash .take_teacherBox .take_info>p {
        font-size: 12.7962px;
    }
    .take_demo_dash .take_todayclass_box .take_left .take_detail>h1 {
        margin: 0;
    }
    .take_demo_dash .take_todayclass_box .take_left .take_detail>p {
        font-size: 14px;
    }
    .take_demo_dash .take_todayclass_box .take_left,
    .take_dashboard.take_demo_dash .take_dashboard_box.take_todayclass_box>div>div .take_info {
        width: 100%;
    }
    .take_demo_dash .take_todayclass_box .take_left .take_detail{
        width: 100%;
    }
    .take_classstart p {
        font-size: 14px;
    }
    
    .take_classstart h3 {
        font-size: 18px;
        line-height: 18px;
    }
    
    .take_classstart {
        margin-top: 35px;
    }
    
    .take_classstart h3 sub {
        font-size: 14px;
    }
    
    .take_teacherBox.take_schedulebox {padding: 10px;}
    
    .take_demo_dash .take_teacherBox.take_schedulebox .take_info>p>span {
        margin-left: 5px;
        padding-left: 5px;
    }
    
}
@media (max-width:420px){
    .take_schedule_box .take_schedule >p {
        top: 77%;
        line-height: 12px;
        font-size: 11px;
    }

    .take_todayclass_box .take_right .take_btn {
       
        font-size: 8px;
        letter-spacing: -1px;
        
    }
    .booked_time{
        display:none;
    }

    .sc-eCssSg.jPSTme .take_btn {
        
        min-width: auto;
    }
    .take_classstart .jPSTme>div>div{
        font-size:12px; 
        padding: 0px 4.1px;

    }
    .take_classstart .jPSTme>div>div {
       display: block;
       
    }
       
}



@media (max-width: 992px){
    .container-top{
       margin-top:-49px;
    }
    
    }
    @media (max-width: 480px){
    .dark_inner{
       width:auto;
    }
    .footer_icon{
       width:auto;
    }
    }
    .round_circle{
        position: absolute;
        right: -140px;
        top: 50%;
        background-color:white;
        border-radius: 100%;
        padding: 6px;
    }
    .round_circle1{
        position: absolute;
        left: -140px;
        top: 50%;
        background-color:white;
        border-radius: 100%;
        padding: 6px;
    }
    @media (max-width: 992px)
    {
    .round_circle1 {
        left: -100px;
    }
    .round_circle {
        right: -100px;
    }
    }
    @media (max-width: 768px)
    {
    .round_circle1 {
        left: -50px;
    }
    .round_circle {
        right: -50px;
    }
    }
    @media (max-width: 768px)
    {
    .round_circle1 {
        left: -20px;
    }
    .round_circle {
        right: -20px;
    }
    }


/* responsive css end */