* {

    padding: 0;

    margin: 0;

    box-sizing: border-box;

}



img {

    width: 100%;

}



a,

a:hover,

a:focus {

    text-decoration: none;

    outline: none;

}



li {

    list-style: none;

}



body {

    font-family: Arial !important;

    background-color: #fcfcfc;

}



p {

    font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));

    color: #48413e;

    font-weight: 400;

}



ol,

ul {

    padding-left: 0;

}



.btn.bld {

    font-weight: bold;

    box-shadow: 4px 26px 31px -4px #ffd6bf;

}



.align-items-center {

    align-items: center;

}



.center {

    text-align: center;

}



.section {

    padding-top: calc(40px + (90 - 40) * ((100vw - 320px) / (1920 - 320)));

}



.mrg-left {

    margin-left: calc(50px + (150 - 50) * ((100vw - 320px) / (1920 - 320)));

}



.mrg-right {

    margin-right: calc(50px + (150 - 50) * ((100vw - 320px) / (1920 - 320)));

}



.uppercase {

    text-transform: uppercase;

}



.header_top {

    background: #010101;

}



.top_left p {

    text-align: right;

    color: white;

    margin: 0;

    font-size: 16px;

}



.top_left p strong {

    font-weight: 600;

}



.findtutor {

    text-align: right;

}



.thankYouText.center button {

    padding: 13px 11px;

}



.findtutor button {

    background: #808080;

    color: #fff;

    border: 0;

    padding: 3px 20px;

    border-radius: 25px;

    font-size: 16px;

    font-weight: 400;

    transition: .4s linear;

    border: 2px solid #808080;

}



.findtutor button:hover {

    background-color: #f1621c;

    border-color: #fff;

}



.header_top {

    background: #010101;

    padding: 12px 0px;

}



header {

    background: #fff;

    -webkit-box-shadow: 0 1px 5px 0 rgba(83, 83, 83, 0.4);

    box-shadow: 0 1px 5px 0 rgba(83, 83, 83, 0.4);

    position: -webkit-sticky;

    position: sticky;

    top: 0;

    z-index: 1000;

}



header .main-menu>li {

    position: relative;

    cursor: pointer;

}



header .main-menu>li>a,

.side-menu-nav .main-menu>li>a {

    display: block;

    transition: .4s;

    font-size: calc(12px + (16 - 12) * ((100vw - 320px) / (1920 - 320)));

    color: #48413e;

    padding: 5px 15px;

    font-weight: 600;

}



.side-menu-nav .main-menu>li>a {

    padding: 10px;

}



header .main-menu>li>a.active {

    color: #f1621c;

}



header .main-menu>li>a.preload.active {

    color: #48413e;

}



header .main-menu>li:hover>a {

    color: #f1621c;

}



header .main-menu>li>a>i {

    color: #03328E;

}



header .main-menu>li>a:hover>i {

    color: #fff;

}



header .main-menu>li:hover>a i {

    color: #fff;

}



header .main-menu .sub-menu {

    display: none;

    position: absolute;

    left: 50%;

    top: 100%;

    width: 180px;

    overflow: hidden;

    border-top: 2px solid #f49306;

    background: #fff;

    -webkit-box-shadow: 0 1px 5px 0 rgba(83, 83, 83, 0.2);

    box-shadow: 0 1px 5px 0 rgba(83, 83, 83, 0.2);

    z-index: 5;

    transform: translateX(-50%);

}



header .main-menu .sub-menu a {

    padding: 11px 10px;

    display: block;

    color: #173966;

    font-weight: 600;

    font-size: 15px;

    transition: .4s;

}



header .main-menu .sub-menu a i {

    color: #03328E;

}



header .main-menu .sub-menu a:hover {

    background: #f1621c;

    color: #fff;

}



header .main-menu>li:hover .sub-menu {

    display: block;

}



header .header-logo figure img {

    max-width: 200px;

}



header .demo-link {

    margin-left: 1vw;

}



header .side-menu-close {

    background: transparent;

    cursor: pointer;

    padding: 0;

}



header .side-menu-close span {

    background: #ff7200;

    width: 28px;

}



/* side menu */

.side-menu-wrap {

    width: 300px;

    position: fixed;

    left: -100%;

    top: 0;

    background: #fff;

    height: 100%;

    -webkit-box-shadow: 0 1px 5px 0 rgba(83, 83, 83, 0.2);

    box-shadow: 0 1px 5px 0 rgba(83, 83, 83, 0.2);

    overflow-y: auto;

    z-index: 15000;

    transition: .4s;

}



.side-menu-wrap.opened {

    left: 0;

    transition: .8s;

}



.side-menu-logo {

    border-bottom: 2px solid #FE8204;

}



.side-menu-nav .main-menu>li {

    position: relative;

    border-bottom: 1px solid #ccc;

}



.side-menu-nav .main-menu>li>a>i {

    color: #03328E;

}



.side-menu-nav .main-menu .sub-menu {

    border-top: 1px solid #FE8204;

    background: #fff;

    display: none;

}



.side-menu-nav .main-menu .sub-menu li {

    border-bottom: 1px solid #eee;

}



.side-menu-nav .main-menu .sub-menu a {

    padding: 10px 22px;

    display: block;

    color: #212529;

    font-weight: 600;

    font-size: .9em;

    transition: .4s;

}



.side-menu-nav .main-menu .sub-menu a i {

    color: #03328E;

}



.side-menu-nav .main-menu .sub-menu~i {

    font-size: .8em;

    position: absolute;

    padding: 21px 11px;

    right: 0;

    top: 0;

    border-left: 1px solid #ccc;

}



.side-menu-nav .main-menu .sub-menu a:hover {

    background: #F5F5F5;

}



.side-menu-wrap .side-menu-close {

    position: absolute;

    right: 8px;

    top: 8px;

    height: 30px;

    width: 30px;

    border-radius: 0;

    cursor: pointer;

}



.side-menu-close {

    height: 40px;

    width: 40px;

    background: #ff7200;

    border-radius: 50%;

}



.side-menu-close span {

    height: 2px;

    width: 20px;

    background: #fff;

    position: relative;

    opacity: 1;

    transition: .4s;

}



.side-menu-close span:nth-child(1) {

    top: -5px;

}



.side-menu-close span:nth-child(3) {

    bottom: -5px;

}



.side-menu-close.closed span:nth-child(1) {

    transform: translateY(7px) rotate(45deg);

}



.side-menu-close.closed span:nth-child(2) {

    opacity: 0;

}



.side-menu-close.closed span:nth-child(3) {

    transform: translateY(-7px) rotate(-45deg);

}



/*  custom overlay */

.custom-overlay {

    position: fixed;

    left: 0;

    top: 0;

    background: rgba(0, 0, 0, .4);

    z-index: 12500;

    visibility: hidden;

    opacity: 0;

    transition: .4s;

}



.custom-overlay.show {

    visibility: visible;

    opacity: 1;

    transition: .4s;

}



.pagination {

    background: #010101;

    padding: 8px 0;

}



.pagination-in ul {

    display: flex;

    align-items: center;

    justify-content: start;

    margin: 0;

}



.pagination-in ul a {

    color: #fff;

}



.pagination-in ul a::after {

    content: ">";

    margin: 0 7px;

    display: none;

}



.card.jobs-by-cities.city {

    background-color: transparent;

    box-shadow: none;

    padding-left: 0;

    padding-right: 0;

}



/*.home.banner .carousel-item {

    background: url(../images/home-banner.jpg) no-repeat;

    background-size: cover;

    padding: 175px 0;

  }*/

.banner-content {

    position: absolute;

    top: 20%;

    left: 4%;

}



.home.banner {

    position: relative;

}



.home.banner h1 {

    color: #121212;

    font-size: calc(24px + (58 - 24) * ((100vw - 320px) / (1920 - 320)));

    font-weight: 700;

}



.home.banner p {

    color: #121212;

    font-size: calc(16px + (24 - 16) * ((100vw - 320px) / (1920 - 320)));

    font-weight: 300;

    line-height: 30px;

    margin: 30px 0px;

}



.orange {

    color: #ff7200;

    display: inline-block;

    font-weight: bolder;

}



.btn {

    background-color: #ff7200;

    border: 1px solid #ff7200;

    padding: 12px 30px;

    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));

    font-weight: 400;

    color: #fff;

    box-shadow: 1px 7px 20px -1px #ff7200;

    transition: .4s linear;

    border-radius: 10px;

}



.btn:hover,

.btn:focus {

    background: #fff;

    color: #ff7200;

}



.btn:focus {

    box-shadow: none;

}



.home.banner .owl-nav {

    display: none;

}



.home.banner .carousel-indicators {

    position: absolute;

    left: 0;

    bottom: 20%;

    display: block;

    margin: 0 auto;

    width: 90%;

}



.home.banner .carousel-indicators button {

    height: 15px;

    width: 15px;

    background: #fff;

    border: 1px solid #fff;

    border-radius: 50%;

    margin: 0 2px;

    box-shadow: 0px 2px 7px 0px #ff7200;

}



.home.banner .carousel-indicators button.active {

    border-color: #ff7200;

    box-shadow: none;

}



.secondheading {

    color: #48413e;

    font-size: calc(24px + (50 - 24) * ((100vw - 320px) / (1920 - 320)));

    font-weight: bold;

    position: relative;

    text-align: center;

    margin: 0 auto 0px auto;

    margin-bottom: 0px;

    margin-bottom: calc(30px + (90 - 30) * ((100vw - 320px) / (1920 - 320)));

}



.secondheading::after {

    content: "";

    display: block;

    text-align: center;

    height: 4px;

    width: 100px;

    background: #ff7200;

    left: 50%;

    transform: translate(-50%, -50%);

    position: absolute;

    bottom: -15px;

}



.short {

    max-width: 900px;

    margin: auto;

}



.card {

    background: #fff;

    border: 0;

    padding: calc(20px + (65 - 20) * ((100vw - 320px) / (1920 - 320)));

    box-shadow: 2px 7px 14px -2px #e0d9d9;

    border-radius: 12px;

}



.about_us.section {

    background: #fcfcfc;

}



.home-card-out {

    padding-top: 45px;

}



.home-card-out .card span {

    background: #fff8f5;

    display: block;

    width: 140px;

    text-align: center;

    border-radius: 25px;

    padding: 4px 0;

    font-weight: bold;

    font-size: 18px;

}



.tutor-buttons.center button {

    box-shadow: none !important;

}



.home-card-out .card h3 {

    font-size: 26px;

    font-weight: 600;

    margin: 15px 0 25px;

    color: #48413e;

}



.tutor-buttons {

    padding-top: 40px;

    margin: auto;

}



.tutor-buttons.center.about .btn {

    width: 220px;

    padding: 15px 0;

}



.tutor-buttons button.btn {

    font-size: calc(14px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));

    margin: 0 7px;

}



.online span {

    background: #fff8f5;

    display: block;

    /*    width: 200px;*/

    text-align: center;

    border-radius: 25px;

    padding: 7px 0px;

    font-weight: bold;

    font-size: 30px;

    margin-bottom: 20px;

}



.why-be h4 {

    font-size: calc(18px + (28 - 18) * ((100vw - 320px) / (1920 - 320)));

    font-weight: 600;

    margin-bottom: 10px;

    color: #48413e;

}



/* .why-be::after {

    content: "";

    display: block;

    text-align: center;

    background: url(../images/why-choose-icon.png) no-repeat;

    left: -114px;

    position: absolute;

    top: 0px;

    height: 85px;

    width: 85px;

    background-size: cover;

  } */



.why-be {

    margin-left: 125px;

    margin-bottom: 70px;

    position: relative;

    padding: 0px 17px;

    box-sizing: border-box;

}



.why_choose_us.section {

    background: url(../images/whyus-banner.jpg) no-repeat;

    padding-top: calc(70px + (150 - 70) * ((100vw - 320px) / (1920 - 320)));

    padding-bottom: calc(70px + (150 - 70) * ((100vw - 320px) / (1920 - 320)));

    background-size: 100% 100%;

}



.reason {

    padding-top: calc(50px + (90 - 50) * ((100vw - 320px) / (1920 - 320)));

    padding-bottom: calc(50px + (90 - 50) * ((100vw - 320px) / (1920 - 320)));

}



.reason h5 {

    font-size: calc(22px + (30 - 22) * ((100vw - 320px) / (1920 - 320)));

    font-weight: 400;

    margin-bottom: 25px;

    color: #48413e;

}



.tutor_in.content p {

    font-size: calc(14px + (22 - 14) * ((100vw - 320px) / (1920 - 320)));

    color: #48413e;

    font-weight: 400;

}



.tutor_in.content em {

    font-style: inherit !important;

}



.tutor_in.content li {

    list-style-type: none !important;

}



.banner-content h3{

    font-weight: bold;

}



.btn.bld.uppercase.rff {

    box-shadow: 4px 26px 31px -1px #ffa776;

}



.col-md-12.center button {

    box-shadow: 4px 26px 31px -4px #ffe7da;

}



.reason img {

    margin: 40px 0;

    width: 125px;

}



.tutor_in h4,

.book_demo h4 {

    color: #48413e;

    font-size: calc(24px + (50 - 24) * ((100vw - 320px) / (1920 - 320)));

    font-weight: 700;

    margin-bottom: 25px;

}



.tutor_in.content {

    padding-top: 20px;

}



.tutor_in.content ul {

    margin-left: 40px;

    margin-top: 30px;

}



.tutor_in.content li {

    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));

    color: #000;

    font-weight: 400;

    margin-bottom: 15px;

    position: relative;

}

.ourblog-in ul{
    margin-left: 40px;
}

.online li, .ourblog-in li{

    position: relative;    

    line-height: 2 !important;

}

.tutor_in.content li::before, .online li:before, .ourblog-in li:before {

    content: "";

    display: block;

    text-align: center;

    background: url(../images/hometutor-list.png) no-repeat;

    left: -40px;

    position: absolute;

    top: 4px;

    height: 25px;

    width: 25px;

    background-size: cover;

}



.find_tutor {

    padding: 50px 0;

}



.book_demo {

    background: url(../images/bookdemo-banner.jpg) no-repeat;

    background-size: cover;

}



.book-demo-in {

    position: relative;

    padding-top: calc(50px + (150 - 50) * ((100vw - 320px) / (1920 - 320)));

    padding-bottom: calc(50px + (150 - 50) * ((100vw - 320px) / (1920 - 320)));

}



.book-demo-icon img {

    position: absolute;

    right: 0;

    bottom: 0;

    width: calc(300px + (600 - 300) * ((100vw - 767px) / (1920 - 767)));

}



.book_demo .btn {

    background: #fff;

    color: #f1621c;

    margin-top: 50px;

    box-shadow: -2px 15px 31px -4px #f4b797;

}



.cta-about .btn {

    background: #fff;

    color: #f1621c;

}



.book_demo .btn:hover,

.cta-about .btn:hover {

    background: #f1621c;

    color: #fff;

}



.how_works h4 {

    color: #48413e;

    font-size: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));

    font-weight: 700;

}



.how_works h4::before {

    content: "1";

    display: flex;

    width: 40px;

    height: 40px;

    background: #37464f;

    align-items: center;

    justify-content: center;

    color: #fff;

    border-radius: 50%;

    margin-bottom: 20px;

}



.how_works.section .row {

    align-items: center;

}



.how_works_in {

    position: relative;

}



.how_works_in.content::after {

    display: block;

    content: "";

    width: 112px;

    height: 120px;

    background: url(../images/howtoworks-aftericon-first.png) no-repeat;

    background-size: contain;

    position: absolute;

    bottom: -170px;

    left: -89px;

}



.how_works_in.content.af-2::after {

    background: url(../images/howtoworks-aftericon-second.png) no-repeat;

    background-size: contain;

    right: 0;

    left: 100%;

}



.how_works_in.content.af-3::after {

    display: none;

}



.how_works .af-2 h4::before {

    content: "2";

}



.how_works .af-3 h4::before {

    content: "3";

}



.card.techcrunch {

    padding: 30px 50px;

    margin: 6px 5px;

    width: 16%;

    align-items: center;

    justify-content: center;

    border-radius: 5px;

    transition: .4s linear;

    box-shadow: 8px 14px 23px 1px #f0f0f9;

}



.card.pre-primary:hover {

/*    border-bottom: 4px solid #ff7200;*/

}



.techcrunch-out {

    padding: 40px 0;

}



/*

  .techcrunch img {

    max-height: 45px;

  }*/



.pre-primary-out,

.partnerslogo-out,

.techcrunch-out {

    justify-content: center;

    background: #fcfcfc;

}



.pre-primary {

    padding: 20px 30px 10px;

    margin: 7px 7px;

    /* width: 23%; */

    height: 150px;

    align-items: start;

    justify-content: center;

    border-radius: 10px;

    transition: .4s linear;

    border-bottom: 4px solid #fff;

    box-shadow: 8px 14px 23px 3px #f4f4f9;

/*    cursor: pointer;*/

}



.pre-primary img {

    width: 40px;

}



.pre-primary h5 {

    color: #0d0d2e;

    font-size: 18px;

    font-weight: 400;

    margin-top: 25px;

}



.card.partnerslogo {

    padding: 33px 35px;

    margin: 9px 9px;

    width: 19%;

    align-items: start;

    justify-content: center;

    border-radius: 4px;

    transition: .4s linear;

    box-shadow: 0px 0px 17px 1px #efeaea;

}



.tablinks.active .test-profile.card {

    background: #fff;

    box-shadow: -15px 10px 29px 5px #e8e9ee;

    border-radius: 5px;

}



.center a.btn {

    box-shadow: none;

}



.profile img {

    width: 75px;

    margin-right: 20px;

}



.test-title h5 {

    font-size: calc(12px + (22 - 12) * ((100vw - 320px) / (1920 - 320)));

    font-weight: 600;

    margin-bottom: 0;

    color: #191d36;

}



.test-profile.card {

    flex-direction: row;

    margin-bottom: 10px;

    justify-content: start;

    align-items: center;

    background: transparent;

    box-shadow: none;

}



.col-md-8.description {

    padding-left: 100px;

}



.test-title p {

    font-size: 16px;

    margin: 0px;

    color: #9992b4;

}



.accordion-body p {

    color: #797979 !important;

}



.mb-50 {

    margin-bottom: 50px;

}



.description h4 {

    font-size: 28px;

    font-weight: 600;

    color: #48413e;

    margin-bottom: 40px;

}



.description img {

    width: 150px;

    margin-bottom: 40px;

}



.testimonials-out {

    align-items: center;

    padding: 50px 0;

}



.testimonials-out .tab {

    /*box-shadow: 8px 8px 8px -10px #bbb;*/

    padding: 0;

    background: #f9f9f9;

}



.find-app-in {

    background: url("../images/findapp-banner-2.jpg");

    padding-top: calc(50px + (100 - 50) * ((100vw - 767px) / (1920 - 767)));

    padding-bottom: calc(50px + (100 - 50) * ((100vw - 767px) / (1920 - 767)));

    margin-top: calc(70px + (250 - 70) * ((100vw - 767px) / (1920 - 767)));

    margin-bottom: calc(30px + (50 - 30) * ((100vw - 767px) / (1920 - 767)));

    background-size: cover;

    border-radius: 25px;

}



.find-app-in .book-demo-icon img {

    position: absolute;

    left: calc(50px + (120 - 50) * ((100vw - 767px) / (1920 - 767)));

    bottom: 0;

    width: calc(300px + (600 - 300) * ((100vw - 767px) / (1920 - 767)));

}



.find-app-in h4 {

    color: #fff;

    font-size: calc(20px + (32 - 20) * ((100vw - 320px) / (1920 - 320)));

}



.find-app-in h3 {

    color: #fff;

    font-size: calc(20px + (46 - 20) * ((100vw - 320px) / (1920 - 320)));

    font-weight: bold;

    margin-bottom: 20px;

}



.googleplay,

.appstore {

    border-radius: 0;

    border: 0;

    padding: 0;

    background: transparent !important;

}



.tutorstate {

    background: url(../images/tutor-state.jpg) no-repeat;

    background-size: contain;

    background-position: top center;

}



.tutorstate.sec-bg {

    background: url(../images/contactimg.png) no-repeat;

    background-size: contain;

    background-position: top center;

}



.bannerText h2,

.bannerText h1 {

    color: #fff;

    font-size: calc(24px + (50 - 24) * ((100vw - 320px) / (1920 - 320)));

    font-weight: bold;

    margin-top: calc(20px + (60 - 20) * ((100vw - 320px) / (1920 - 320)));

    margin-bottom: calc(20px + (60 - 20) * ((100vw - 320px) / (1920 - 320)));

}



.third-heading {

    color: #212121;

    font-size: calc(22px + (32 - 22) * ((100vw - 320px) / (1920 - 320)));

    font-weight: bold;

}



.banner-card p {

    color: #48413e;

    font-size: 22px;

    font-weight: 300;

}



.banner-card .btn {

    width: 220px;

    margin: auto;

    margin-top: 20px;

}



.wyh-choose-in img {

    width: 100px;

    background: #f3f8ff;

    padding: 20px;

    border-radius: 50%;

    margin-bottom: 30px;

}



.wyh-choose-in h4 {

    font-size: 20px;

    color: #212121;

    font-weight: bold;

}



.wyh-choose-in p {

    font-size: 16px;

    color: #48413e;

}



.tutorstate-banner .card {

    margin-bottom: 25px;

    box-shadow: 2px 7px 14px -2px #e0d9d9;

}



.tutorstate-banner .how_works h4 {

    font-size: 24px;

}



.tutorstate-banner .how_works p {

    font-size: 16px;

    font-weight: 300;

}



.tutorstate-banner .how_works_in.content::after {

    width: 70px;

    height: 85px;

    bottom: -90px;

}



.how_works h4::before {

    font-size: 20px;

    height: 30px;

    width: 30px;

}



.jobs-by-cities .box .card {

    padding: calc(10px + (25 - 10) * ((100vw - 320px) / (1920 - 320)));

    margin: 5px 0px;

    flex-direction: revert;

    box-shadow: 4px 4px 14px -10px #ccc;

    transition: 0.5s all linear;

}



.find-app-cta {

    background: url("../images/cta-banner.jpg") no-repeat;

    background-size: 100% 100%;

    position: relative;

    margin-top: 50px;

}



.find-app-cta.top {

    background: url("../images/bg-studychild-at-home.png") no-repeat;

    background-size: 100% 100%;

    position: relative;

    margin-top: 50px;

    padding-top: calc(50px + (150 - 50) * ((100vw - 320px) / (1920 - 320)));

    padding-bottom: calc(50px + (150 - 50) * ((100vw - 320px) / (1920 - 320)));

}



.apply-tutor-left .mrg-right img {

    position: static;

    height: auto;

}



.find-app-cta.top h3 {

    color: #48413e;

    line-height: calc(30px + (65 - 30) * ((100vw - 320px) / (1920 - 320)));

}



.about-cta-apply .find-app-cta {

    border-radius: 20px;

}



.apply-tutor-left img {

    position: absolute;

    bottom: 0px;

    height: 265px;

}



.find-app-cta.tusion-home .apply-tutor-left img {

    height: 200px;

    width: auto;

}



.apply-tutor-left {

    position: relative;

}



.apply-tutor-right.center {

    padding: 50px 0;

}



.apply-tutor-right h3 {

    font-size: calc(24px + (44 - 24) * ((100vw - 320px) / (1920 - 320)));

    font-weight: bold;

    color: #fff;

    text-align: center;

}



.apply-tutor-right .btn {

    background: #fff;

    color: #f1621c;

    font-size: calc(18px + (24 - 18) * ((100vw - 320px) / (1920 - 320)));

    font-weight: bold;

    margin-top: 20px;

    border: 2px solid #f1621c;

}



.col-md-9.apply-tutor-right.center button {

    box-shadow: none;

}



.apply-tutor-right .btn:hover {

    border-color: #fff;

    background: #f1621c;

    color: #fff;

}



.find-app-cta.tusion-home {

    margin: 100px 0 70px;

}



.find-app-cta.tusion-home h3 {

    float: left;

}



.find-app-cta.tusion-home .btn {

    margin: 0;

    float: right;

}



.job-state-list h5 {

    color: #000;

    font-size: 22px;

    font-weight: 500;

    border-bottom: 1px solid #000;

    padding: 10px 15px 10px 15px;

}



.job-state-list .card {

    padding: 5px;

}



.job-state-list li {

    padding: 7px 15px;

}



.job-state-list li a {

    color: #48413e;

    transition: .1s linear;

}



.job-state-list li a:hover {

    color: #ff7d3d;

    border-bottom: 2px solid #ff7d3d;

    padding-bottom: 5px;

}



.input-group.radio {

    background: transparent !important;

    align-items: center;

    padding: 15px 0;

}



.input-radio {

    display: flex;

    align-items: center;

    margin-right: 20px;

}



.input-group.radio #inlineFormInputGroup {

    height: 20px;

    max-width: 20px;

    width: 20px;

    margin-top: -6px;

    margin-right: 10px;

}



.forstep-header {

    background: #ff7200;

    padding: 10px 0;

}



.forstep-header ul {

    margin: 0;

    display: flex;

    justify-content: center;

}



.forstep-header li {

    padding-right: 30px;

    display: flex;

    align-items: center;

}



.forstep-header li span {

    color: #fff;

    border: 1px solid #fff;

    border-radius: 50%;

    height: 26px;

    width: 26px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-right: 5px;

    font-size: 15px;

}



.forstep-header li a {

    color: #fff;

    font-size: calc(12px + (18 - 12) * ((100vw - 320px) / (1920 - 320)));

}



.apply-tutor .btn {

    width: 176px;

}



.col-md-9.apply-tutor-right.center h3 {

    margin-top: 10px;

}



.card.apply-tutor {

    max-width: 900px;

    margin: auto;

    margin-bottom: 70px;

}



.our-vision.section {

    padding-bottom: 70px;

}



.forstep-header li.active span {

    background: #fff;

    color: #ff7200;

}



.our-vision span {

    color: #ff7302;

    font-size: 24px;

    font-weight: 500;

}



.our-vision h3 {

    color: #212121;

    font-size: 32px;

    font-weight: bold;

    margin: 20px 0px;

}



.our-vision.section {

    background: url(../images/our-vision-bg.jpg) no-repeat;

    background-position: bottom right;

}



.counter.section {

    /* background: #ff7200; */

    padding: 80px 0;

    background-image: url(../images/counter1.jpg);

    background-size: cover;

    background-position: left bottom;

}



.counter.section img {

    width: 120px;

}



.counter-count {

    font-size: calc(24px + (40 - 24) * ((100vw - 320px) / (1920 - 320)));

    font-weight: bold;

    color: #fff;

    margin: 15px 0 0px;

}



.employee-p,

.customer-p,

.order-p,

.design-p {

    color: #fff;

}



/* .team img {

    width: auto;

  } */

.row.team-out {

    margin-top: 50px;

}



.team img {

    width: 150px;

}



.team .user-title {

    font-size: 22px;

    font-weight: 600;

    margin-top: 30px;

    margin-bottom: 5px;

}



.team p {

    font-size: 14px;

}



.aboutus-cta {

    background: url(../images/about-cta.jpg) no-repeat;

    padding: 70px 0px;

    margin: 70px 0px;

    background-size: contain;

}



.cta-about h3 {

    color: #fff;

    font-size: 30px;

    font-weight: bold;

    margin-bottom: 40px;

}



#back-to-top {

    position: fixed;

    bottom: 20px;

    right: 20px;

    padding: 2px 8px;

    border-radius: 0;

    display: none;

}



#back-to-top.show {

    display: block;

}



.faqs.section {

    padding: 100px 0px 50px;

}



.faqs.page.section {

    background: transparent;

    padding: 0;

}



.accordion-item .accordion-button {

    display: block;

    padding: 30px 50px 30px 30px;

    margin: 0;

    background: #ffffff;

    font-size: calc(14px + (29 - 14) * ((100vw - 320px) / (1920 - 320)));

    font-weight: bold;

    color: #48413e;

    letter-spacing: 1px;

    box-shadow: 0px 0px 10px 0px #f5f4f6;

    position: relative;

}



.accordion-header.card.is-active .accordion-button {

    color: #ff7300;

    background-color: #fff;

}



.accordion.custom .accordion-collapse {

    display: none;

}



.accordion.custom .accordion-collapse.is-active {

    display: block;

}



.accordion.custom .accordion-button:focus {

    border: 0;

}



.accordion-header.card.is-active .accordion-button::after {

    content: "";

    width: 30px;

    height: 30px;

    background: url(../images/tab-close.png) no-repeat;

    background-size: cover;

    position: absolute;

    top: 50%;

    right: 0px;

    transform: translate(-50%, -50%);

}



.accordion-button:not(.collapsed) {

    color: #000;

    background-color: #fff;

    box-shadow: none;

    border-radius: 0px;

}



.accordion-item {

    background-color: transparent;

    border: 0;

}



.accordion-button:not(.collapsed)::after,

.accordion-button::after {

    content: "";

    width: 30px;

    height: 30px;

    position: absolute;

    top: 50%;

    right: 0px;

    transform: translate(-50%, -50%);

    background: url(../images/tab-open.png) no-repeat;

    background-size: cover;

}



.accordion-item.card,

.accordion.custom .card {

    padding: 0;

    margin-bottom: 10px;

}



.accordion-collapse.collapse.card {

    border-radius: 0px 0px 12px 12px;

}



.accordion-header.card.is-active {

    margin-bottom: 0;

    border-radius: 12px 12px 0 0;

    border-bottom: 1px solid #bbb;

}



.row.faqs-in.section.accordion-item {

    border: 0;

}



.accordion-button:focus {

    outline: 0;

    box-shadow: none;

    border-bottom: 1px solid #ddd9d9;

}



.testimonials-out .tab button {

    display: block;

    background-color: transparent;

    padding: 0;

    width: 100%;

    border: none;

    outline: none;

    cursor: pointer;

    transition: 0.3s;

    text-align: left;

}



.testimonials-out .tab button.active {

    background-color: transparent;

    padding: 0;

}



.about-cta-apply {

    padding: 50px 0 70px;

}



.input-group.radio .form-check {

    background: transparent;

    padding: 0;

    padding-left: 0px;

    padding-left: 30px;

}



.form-check-input:focus {

    outline: 0;

    box-shadow: none;

}



.ourblog-in {

    padding: 70px 13px 0px;

    width: 100% !important;

}



.col-md-4.ourblog-in h5 {

    color: #ff7200;

    font-size: calc(18px + (22 - 18) * ((100vw - 320px) / (1920 - 320)));

    font-weight: 500;

    text-transform: uppercase;

    margin-top: 20px;

}



button.btn.focus {

    box-shadow: none;

    font-weight: bold;

}



.col-md-4.ourblog-in h3 {

    font-size: calc(20px + (28 - 20) * ((100vw - 320px) / (1920 - 320)));

    font-weight: bold;

    color: #26292f;

    margin: 20px 0;

}



.col-md-4.ourblog-in p {

    font-size: calc(14px + (19 - 14) * ((100vw - 320px) / (1920 - 320)));

    line-height: 30px;

}



.private-tutions {

    padding-bottom: 70px;

}



.private-tutions h4 {

    font-size: calc(24px + (34 - 24) * ((100vw - 320px) / (1920 - 320)));

    color: #48413e;

    font-weight: bold;

    margin-bottom: 25px;

}



.tutor-review {

    font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));

    font-weight: 400;

    color: #ff5c0c;

    border: 1px solid #ff5c0c;

    padding: 7px 25px;

    border-radius: 25px;

}



.copyright {

    width: 100%;

    float: left;

    background-image: linear-gradient(to right, #ff3c00, #ff7200);

    padding: 20px 0;

}



.copyright a {

    color: #fff;

    font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));

}



.copyright p {

    margin-bottom: 0;

    text-align: right;

    font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));

    color: #ffffff;

    font-weight: 400;

}



button.btn.oreit {

    font-weight: bold;

}



button.btn.focus {

    box-shadow: none;

}



/* 23 june */

a.header-logo.d-block img {

    width: 100px !important;

    margin: 10px;

}



.input-bg-remove .input-group.mb-2 {

    background: transparent;

    border: 1px solid #d9d9d9;

    border-radius: 10px;

    margin-bottom: 20px !important;

    display: flex;

    align-items: center;

}



.input-bg-remove #inlineFormInputGroup:focus {

    border: none;

}



.input-bg-remove #inlineFormInputGroup {

    /* padding: 5px 44px; */

    font-size: 16px;

}



.input-bg-remove .input-group-text {

    color: #6a6a6a;

    padding-top: 4px;

}



.input-bg-remove .input-group.mb-2.radio {

    border: none;

}



.faqs .btn,

.our-blog .btn {

    width: 220px;

}



.male-tutor-out .reviewBOx1 {

    width: 30%;

    margin: 10px;

    padding: calc(20px + (50 - 20) * ((100vw - 320px) / (1920 - 320)));

}



.male-tutor-out .reviewBOx1 img {

    width: 100px;

}



.male-tutor-out .reviewBOx1 span {

    font-size: calc(14px + (24 - 14) * ((100vw - 320px) / (1920 - 320)));

}



.mail_femail {

    background: url(../images/middle-bg.png) no-repeat;

    background-size: 100% 100%;



}



.mail_femail .textsatisfication.female_img img {

    float: left;

}



.mail_femail .textsatisfication.male_image img {

    float: left;

}



.first_mail {

    background: url(../images/left-polygon.png) no-repeat;

    background-position: top right;

    background-size: contain;

}



.second_female {

    background: url(../images/right-polygon.png) no-repeat;

    background-position: top left;

    background-size: contain;

}



.textsatisfication.male_image {

    margin-left: calc(0px + (100 - 0) * ((100vw - 767px) / (1920 - 767)));

}



.textsatisfication.female_img {

    margin-right: calc(0px + (100 - 0) * ((100vw - 767px) / (1920 - 767)));

}



.col-md-6.online {

    background: #fffbf9;

    padding: calc(10px + (70 - 10) * ((100vw - 320px) / (1920 - 320)));

}



.col-md-6.online.second {

    background: #f8faff;

}



















































img.logoFooter {

    width: 100px;

    margin-left: 50px;

}



.logoSection {

    padding: 10px;

    box-sizing: border-box;

    background: #15171b;

    margin: 10px 0px;

}



footer {

    background: #1d2027;

    padding: 50px 0px;

    box-sizing: border-box;

}



h3.FooterHeading {

    font-size: calc(13px + (24 - 16) * ((100vw - 320px) / (1920 - 320)));

    font-weight: 500;

    margin-bottom: 50px;

    text-transform: uppercase;

    color: #fff;

    position: relative;

    transition: color 0.5s;

}



h3.FooterHeading::after {

    content: "";

    position: absolute;

    left: 0;

    width: 60px;

    border-bottom: 1px solid #ff5f00;

    top: 50px;

}



li.listli {

    list-style: none;

    margin: 10px 0px;

    font-size: 16px;

}



a.anchorPage {

    color: #abadb0;

    text-decoration: none;

    transition: color .3s;

}



a.anchorPage:hover {

    color: #ff5f00;

}



.ContentBox {

    margin: 50px 0px;

}



p.AddressText {

    color: #abadb0;

    font-size: 16px;

    line-height: 32px;

}



input.footerInput {

    padding: 10px 20px 10px 20px;

    box-sizing: border-box;

    border-radius: 50px;

    border: 0px;

    font-size: 15px;

    font-weight: 500;

    width: 100%;

}



.FooterHeading.heading-social {

    margin: 50px 0px 20px;

}



.FooterHeading.heading-social::after {

    display: none;

}



ul.socialMediaIcon {

    display: flex;

    padding: 0px;

    box-sizing: border-box;

}



li.liSocialMedia {

    margin: 0px 5px 0px 5px;

    box-sizing: border-box;

    width: calc(30px + (60 - 30) * ((100vw - 320px) / (1920 - 320)));

    height: calc(30px + (60 - 30) * ((100vw - 320px) / (1920 - 320)));

    list-style: none;

    border-radius: 5px;

    transition: background-color .5s;

    background: #6463636e;

    display: flex;

    justify-content: center;

    align-items: center;

}



li.liSocialMedia:hover {

    background-color: #f1621c;

}



a.aSocialMedia {

    color: #fff;

    line-height: 0;

    height: 100%;

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

}



a.aSocialMedia svg {

    font-size: calc(16px + (30 - 16) * ((100vw - 320px) / (1920 - 320)));

}



section.bannerSection {

    padding: 50px 0px;

    box-sizing: border-box;

    background-color: #ff9325d1;

    background-image: url(../images/addressbanner.jpg);

    background-blend-mode: color-burn;

    background-size: cover;

    text-align: center;

}



.findButton {

    display: flex;

    justify-content: center;

    margin-top: 30px;

}



.bannerText h1 {

    font-size: 36px;

    font-weight: 600;

    color: #fff;

}



.bannerText p {

    color: #fff;

}



.bannerText h1 {

    font-size: 44px;

    font-weight: bold;

    color: #fff;

}



form.bannerAddress {

    padding: 30px 30px;

    box-sizing: border-box;

    border-radius: 10px;

    background: #fff;

}



.input-group-text {

    background: none;

    color: #f1621c;

    border: 0px;

    font-size: 20px;

    padding-top: 7px;

}



#inlineFormInputGroupt {

    border: 0px;

    padding: 20px 0px 15px 55px;

    width: 100%;

    background: none;

    position: absolute;

    color: #666;

    font-size: 18px;

}



#inlineFormInputGroup {

    background-color: none;

}



.dropdowns svg {

    margin-top: -7px;

    color: #fac090;

}



.input-group.mb-2 {

    background: #f9f4f0;

    border-radius: 10px;

    display: flex;

    align-items: center;

    padding: 5px 0px;

    margin-bottom: 20px !important;

    border: 1px solid #f9f4f0;

}



.input-group.mb-2:focus-within {

    border: 1px solid #f1621c;

    background-color: #fff;

}



section.ThankYou {

    padding: 50px 0px;

    box-sizing: border-box;

    background: #f3f7f7;

    text-align: center;

}



.thankYouText {

    padding: 30px;

    box-sizing: border-box;

    background: #fff;

    border-radius: 10px;

}



.thankYouText img {

    width: 50px;

}



section.contactUs {

    background-image: url(../images/contactimg.png);

    padding: 50px 0px 78px;

    background-size: contain;

    background-position: bottom center;

    background-color: #fafafa;

    background-blend-mode: darken;

}



.col-md-4.box {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.boxjob {

    display: flex;

    width: 100%;

    justify-content: space-between;

    align-items: center;

    background: #fff;

    border: 1px solid #fff;

    margin: 5px 0px;

    padding: calc(10px + (25 - 10) * ((100vw - 320px) / (1920 - 320)));

    border-radius: 5px;

    box-shadow: 4px 3px 15px 2px #ededed;

    transition: .5s all linear;

}



.boxjobsitemap {

    display: flex;

    width: 100%;

    justify-content: space-between;

    align-items: center;

    background: #fff;

    margin: 2px 0px;

    border-radius: 5px;

    transition: .5s all linear;

    cursor: pointer;

}



button.btn.ofd {

    box-shadow: 4px 26px 31px -4px #fa9a66;

    text-transform: uppercase;

    font-weight: bold;

}



.boxjob:hover {

    border: 1px solid #fad4b6;

    cursor: pointer;

}



.boxjob a {

    color: #000;

}



section.colGrops {

    /*background: #f7f7f7;*/

    padding: 50px 0px 50px;

    box-sizing: border-box;

}



h3.headingBox {

    font-size: 20px;

    font-weight: bold;

    margin-bottom: 15px;

}



h3.headingContact {

    font-weight: 600;

    font-size: 36px;

    color: #48403d;

}



section.applyOTTO {

    padding-top: calc(50px + (120 - 50) * ((100vw - 320px) / (1920 - 320)));

    padding-bottom: calc(50px + (120 - 50) * ((100vw - 320px) / (1920 - 320)));

    box-sizing: border-box;

    background-image: url(../images/applyotto.png);

    background-size: contain;

    background-repeat: no-repeat;

}



.col-md-3.aplyOt {

    text-align: center;

    padding-left: 27px;

}



.col-md-9.text-center h3 {

    font-weight: 900;

    color: #fff;

    text-align: center;

    font-size: 29px;

    margin-left: 116px;

}



section.TutorSubject {

    background: #fcfcfc;

    padding: 50px 0px;

}



.DummyText {

    padding-bottom: 50px;

}



/* how to Otto css start */

.col-md-6.Llef img {

    width: 500px;

}



.col-md-6.rlef h1 span {

    border-radius: 50px;

    height: 45px;

    box-sizing: border-box;

    width: 45px;

    padding: 9px;

}



.col-md-6.rlef h4 {

    margin-top: 20px;

    font-weight: 600;

    font-size: 28px;

    color: #2c2d32;

    line-height: 36px;

}



.col-md-6.rlef h4 span {

    color: #fe7100;

}



.col-md-6.rlef p {

    margin-top: 10px;

    font-size: 20px;

}



.col-md-6.rlef p span {

    color: #f26a06;

}



section.howtoWork {

    padding: 50px 0px !important;

    box-sizing: border-box;

    background: #fcfcfc;

}



.HowTOWorkHeadingText {

    text-align: center;

}



.HowTOWorkHeadingText h1 {

    font-weight: bold;

    color: #fff;

    font-size: 40px;

}



.HowTOWorkHeadingText p {

    font-size: 24px;

    padding: 20px;

    margin-top: 0px;

}



.col-md-6.rlef img {

    margin-left: -49px;

}



.shapeImg {

    float: right;

}



.findATutorButton {

    text-align: center;

    margin-top: 50px;

}



.findATutorButton a {

    padding: 10px 28px;

    box-shadow: 1px 12px 19px 0px #f1621c;

}



/* how to Otto css end */



/* tutor review css start */

section.tutorReview {

    padding: 50px 0px 0px;

    box-sizing: border-box;

    background: #fcfcfc;

}



.HowTOWorkHeadingText a {

    border-radius: 50px;

    background: none;

    color: #f1621c;

    font-weight: 500;

    border: 2px solid #f1621c;

    margin-bottom: 20px;

}



.HowTOWorkHeadingText a:hover {

    border-radius: 50px;

    background: #ff9325;

    color: #f1621c;

    color: #fff;

    font-weight: 500;

    border: 2px solid #ff9325;

    margin-bottom: 20px;

}



.reviewBOx1 img {

    width: 68px;

}



section.tutorReview2 {

    box-sizing: border-box;

    background: url(../images/t1.jpg) no-repeat;

    background-size: 100% 100%;

    padding-top: calc(0px + (220 - 0) * ((100vw - 767px) / (1920 - 767)));

    padding-bottom: calc(0px + (220 - 0) * ((100vw - 767px) / (1920 - 767)));

}



.reviewBOx1 {

    background: #fff;

    padding: 50px;

    margin: -28px 10px;

    border-radius: 10px;

    text-align: center;

    width: 45%;

}



.reviewBOx1 span {

    margin: 6px 0px 0px;

    font-weight: bold;

    display: block;

    font-size: 31px;

}



.reviewBOx1 p {
    text-align: center !important;
    margin: 0;

    font-weight: 600;

}



.reviewBOx2 {

    background: #fff;

    padding: 50px;

    margin: -28px 10px;

    border-radius: 10px;

    text-align: center;

    width: 45%;

}



.reviewBOx2 img {

    width: 68px;

}



.reviewBOx2 span {

    font-size: 31px;

    font-weight: bold;

    margin: 6px 0px 0px;

    display: block;

}



.reviewBOx2 p {
    text-align: center !important;
    margin: 0px;

    font-weight: 600;

}

.tutorstate-banner textarea {
    padding-left: 20px !important;
}



.row.my-3.satisfication {

    align-items: center;

}



.textsatisfication h3 {

    font-size: 30px;

    font-weight: 550;

    color: #fff;

}



.textsatisfication p {

    color: #fff;

    font-size: 18px;

    margin-top: 10px;

}



/* tutor review css end */



/* Faq's css start */

section.Faqs {

    padding: 50px 0px;

    box-sizing: border-box;

    background: #f9f9f9;

}



.FaqsHeadingText h1 {

    text-align: center;

    font-size: 40px;

    font-weight: 600;

}



.FaqsHeadingText p {

    text-align: center;

    margin-top: 35px;

    font-size: 20px;

}



.FaqsHeadingText h1:after {

    content: "";

    border-bottom: 3px solid #ff7300;

    height: 2px;

    width: 67px;

    position: absolute;

    left: calc(50% - 33px);

    top: 63px;

}



.container.faqs {

    position: relative;

}



.FaqsHeadingText {

    position: relative;

}



/* Faq's css End */



/* accordion css start */

#accordion .panel {

    border: none;

    border-radius: 0;

    margin-bottom: 5px;

    box-shadow: none;

}



#accordion .panel-heading {

    padding: 0;

    border: none;

    border-radius: 0;

    position: relative;

}



#accordion .panel-title a {

    display: block;

    padding: 20px 30px;

    margin: 0;

    background: #ffffff;

    font-size: 17px;

    font-weight: bold;

    color: #48403d;

    text-transform: uppercase;

    letter-spacing: 1px;

    position: relative;

}



#accordion .panel-title a:before,

#accordion .panel-title a:before,

#accordion .panel-title a.collapsed:before {

    content: "";

    width: 20px;

    height: 2px;

    background: #48403d;

    position: absolute;

    top: 30px;

    right: 30px;

}



#accordion .panel-title a:after,

#accordion .panel-title a.collapsed:after {

    content: "";

    width: 2px;

    height: 20px;

    background: #48403d;

    position: absolute;

    bottom: 18px;

    right: 39px;

    transition: all 0.3s ease 0s;

}



#accordion .panel-title a:after {

    height: 0;

}



.panel-body p {

    color: #fff;

}



#accordion .panel-body {

    padding: 20px 30px;

    background: #ff7300;

    font-size: 15px;

    color: #ffffff;

    line-height: 28px;

    letter-spacing: 1px;

}



/* end accordion css */



/* our blog css start */

.card-body span {

    color: #f1621c;

    font-weight: 600;

}



h5.card-title {

    font-weight: bold;

    margin: 10px 0px;

}



p.card-text {

    font-size: 16px;

    text-align: justify;

}



section.OurBlog {

    background-color: #f9f9f9;

    padding: 50px 0px;

    box-sizing: border-box;

}



.privateHomeTutions.mt-5 h4 {

    font-weight: 600;

}



.privateHomeTutions.mt-5 p {

    font-size: 18px;

    margin: 13px 0px 0px;

}



/* our blog css end */



/* testimonial css start */

.pic img {

    width: 100px !important;

    border-radius: 50px;

}



.testimonialsBox {

    display: inline-flex;

    align-items: center;

}



.UserInfo {

    margin-left: 25px;

}



.testimonial.box {

    box-shadow: 0px 0px 14px 6px #807070;

    padding: 19px;

    box-sizing: border-box;

}



.UserInfo h3 {

    color: #2f2f30;

    font-size: calc(16px + (26 - 16) * ((100vw - 320px) / (1920 - 320)));

    font-weight: 600;

}



.UserInfo span {

    color: #959ca2;

    font-size: calc(12px + (18 - 12) * ((100vw - 320px) / (1920 - 320)));

    font-weight: 600;

}



.UserInfo small {

    color: #ff5a08;

    font-size: 30px;

}



p.description {

    color: #53515c;

    font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));

}



.testimonial.box {

    box-shadow: 0px 0px 18px 1px #c6cedb;

    padding: 30px 20px;

    ;

    box-sizing: border-box;

    margin: 15px;

    border-radius: 15px;

}



.owl-theme .owl-controls .owl-page span {

    border: 2px solid #d45113;

    background: #fff;

    opacity: 1;

}



.owl-theme .owl-controls .owl-page.active span,

.owl-theme .owl-controls .owl-page:hover span {

    background: #d45113;

}



/* Frequently asked question css start */

section.tabsButton {

    padding: 50px 0px;

    box-sizing: border-box;

    background-color: #f5f5f5;

}



/* tabs css Start */

#myTab_Tabs.nav.nav-tabs {

    border: none;

    margin: 0 0 50px 0;

    display: flex;

    justify-content: space-around;

}



#myTab_Tabs.nav.nav-tabs li button {

    padding: 10px 49px;

    margin-right: 10px;

    font-size: calc(14px + (24 - 14) * ((100vw - 320px) / (1920 - 320)));

    font-weight: 400;

    color: #293241;

    border: none;

    border-radius: 25px;

    background: #fff;

    z-index: 1;

    position: relative;

    transition: all 0.3s ease 0s;

}



#myTab_Tabs.nav.nav-tabs li button.active {

    color: #f1621c;

    background-color: #fff;

    border-color: #dee2e6 #dee2e6 #fff;

}



.tab .nav-tabs li a:hover,

.tab .nav-tabs li a:hover,

.tab .nav-tabs li.active a {

    color: #ff5719;

    background-color: #fff;

}



/* .tab .nav-tabs li a:before {

      content: "";

      width: 20%;

      height: 100%;

      background: #fff;

      position: absolute;

      border-radius: 50px;

      top: 0;

      left: 0;

      z-index: -1;

      transition: all 0.3s ease 0s;

  } */

.tab .nav-tabs li.active a:before,

.tab .nav-tabs li a:hover:before {

    width: 100%;

}



.tab .tab-content h3 {

    margin-top: 0;

}



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

    .tab .nav-tabs li {

        width: 100%;

        text-align: center;

        margin-bottom: 15px;

    }

    #back-to-top {
        bottom: 70px;
    }

}



.tab-content>.active {

    display: contents;

}



/* tabs css End */



/* Frequently asked question css end */

.termsandConditions h4 {

    font-weight: 600;

    margin-bottom: 20px;

}



.termsandConditions p {

    text-align: justify;

}



/ contact Us css start / section.contactUs {

    padding: 135px 0px;

    box-sizing: border-box;

    background-image: url(../images/contactimg.png);

    background-size: contain;

    background-blend-mode: darken;

    background-color: #fafafa;

}



.HowTOWorkHeadingText h1 {

    color: #fff;

    font-weight: 600;

}



section.contactDetails {

    padding: 50px 0px;

    box-sizing: border-box;

    background: #fafafa;

}



.formHeading {

    text-align: center;

}



.formHeading span {

    font-weight: 600;

    font-size: 36px;

}



.formHeading p {

    color: #524c4c;

    margin-bottom: 30px;

}



.form-group.help:focus-within {

    border: 1px solid #707070;

}



.form-group.help {

    display: flex;

    align-items: center;

    border: 1px solid #9f9f9f;

    padding: 3px 20px;

    border-radius: 15px;

    color: #706b6b;

    margin: 17px 0px;

}



input.form-control {

    border: 0px;

    font-size: 18px;

    background: none;

}



.form-control:focus {

    color: #495057;

    background-color: #fff;

    border-color: #ffffff;

    outline: 0;

    box-shadow: none;

}



.form-group textarea {

    padding: 5px 10px;

    box-sizing: border-box;

    color: #706b6b;

    font-size: 18px;

    font-weight: 500;

    width: 100%;

    height: 130px;

    border-radius: 10px;

    border: 1px solid #888;

}



.form-group textarea:focus {

    outline: none;

}



.form-group textarea:focus-within {

    border: 1px solid #707070;

}



button.btn.btn-block.submitBtn {

    width: 100% !important;

    padding: 10px 0px;

    margin-top: 20px;

}



.form-group.help img {

    width: 20px;

}



.addressIcon {

    display: flex;

    color: #706b6b;

    margin: 48px 0px !important;

    align-items: baseline;

}



/ 167 / .form-group textarea {

    width: 100%;

    height: 135px;

    border-radius: 10px;

    border: 1px solid #9f9f9f;

}



.addressIcon {

    display: flex;

    color: #706b6b;

    margin: 30px 0px;

    align-items: start;

}



.addressIcon p {

    margin: 0px 0px -14px 30px;

    color: #505050;

}



.OTTOaddress>p {

    padding-left: 45px;

    margin: 50px 0px;

    color: #5c5a5a;

}



form.form-horizontal.messageBox {

    box-shadow: 0px 0px 18px 9px #ccc;

    padding: 30px;

    box-sizing: border-box;

    background: white;

    margin-top: -33px;

}



section.contactDetails {

    padding: 80px 0px 50px;

    box-sizing: border-box;

    background: #fafafa;

}



section.contactUs {

    padding: 100px 0px;

    box-sizing: border-box;

    background-image: url(../images/contactimg.png);

    background-size: cover;

    background-blend-mode: darken;

    background-color: #fafafa;

}



/ 1627 / .form-group label {

    font-size: 18px;

    margin: 10px 0px;

    color: #7c7777;

}



.OTTOaddress span {

    font-weight: 600;

    font-size: 36px;

}



form.form-horizontal.messageBox {

    box-shadow: 5px 0px 25px 5px #e8e7e7;

    padding: 30px;

    box-sizing: border-box;

    background: white;

    border-radius: 10px;

}



iframe {

    width: 100%;

    height: 400px;

    margin: 0;

    padding: 0;

}



.form-group.helps {

    display: flex;

    align-items: center;

    color: #706b6b;

}



section.sendMessage {

    padding: 50px 0px;

    box-sizing: border-box;

    background: #ff7200;

    margin-top: -7px;

}



.SendMessageText h5 {

    font-size: 30px;

    font-weight: bold;

    color: #fff;

}



.SendMessageText p {

    color: #fff;

}



input.form-control.subscribe {

    background: no-repeat;

}



.form-group.helpss {

    display: flex;

    align-items: center;

    color: #706b6b;

    background: white;

    padding: 7px 7px 7px 20px;

    border-radius: 14px;

    font-size: 21px;

}



button.btn.subscribeBtn {

    padding: 6px 52px;

    box-sizing: border-box;

}



.col-md-6.getInTOuch {

    padding-right: 80px;

}



.col-md-6.SendMessage {

    padding-left: 80px;

}



.form-group label {

    font-size: 18px !important;

    margin: 10px 0px;

    color: #7c7777;

}



/ contact Us css end / / thank you css start / .thankYouText {

    text-align: center;

    background: #fff;

    padding: 30px 20px;

    box-sizing: border-box;

    border-radius: 5px;

}



.form-group.help {

    display: flex;

    align-items: center;

    border: 1px solid #9f9f9f;

    padding: 4px 20px;

    border-radius: 10px;

    color: #706b6b;

    /* box-shadow: 0px 0px 3px 1px #ccc; */

    margin: 17px 0px;

}



svg#subscribeIcon {

    font-size: 19px;

    color: #000;

}



.thankYouText h3 {

    font-weight: bold;

    font-size: 30px;

    color: #49413e;

}



.thankYouText p {

    font-size: 24px;

    color: #49413e;

    margin: 25px;

}



/ thank you css end / / select mode css start / .TutorSelect_mode {

    display: flex;

    justify-content: center;

    margin: 40px 0px;

}



.form-check {

    padding: 20px 37px;

    background: whitesmoke;

    margin: 0px -8px;

    border-radius: 10px;

}



.form-check:focus-within {

    padding: 20px 37px;

    background: #f9ebdd;

    color: #f1621c;

    margin: 0px -8px;

    border-radius: 10px;

}



.form-check.active {

    padding: 20px 37px;

    background: #f9ebdd;

    color: #f1621c;

    margin: 0px 0px;

    border-radius: 10px;

}



input[type="radio"]::after {



    width: 19px;

    height: 19px;

    border-radius: 15px;

    top: -3px;

    left: -2px;

    position: relative;

    background-color: #fff;

    content: '';

    display: inline-block;

    visibility: visible;

    cursor: pointer;

    border: 2px solid #d1d3d1;

}



input[type="radio"]:checked::after {

    width: 17px;

    height: 17px;

    border-radius: 15px;

    top: -2px;

    left: -2px;

    position: relative;

    background-color: #f1621c;

    content: '';

    display: inline-block;

    visibility: visible;

    border: 2px solid white;

    box-shadow: 0 0 0 2px #f1621c;

}



/ select mode css end / .testimonials.studentCity {

    background: white;

    margin-bottom: 25px;

    box-shadow: 5px 5px 10px 0px #ccc;

    padding: 40px;

    box-sizing: border-box;

}



.pic.testimonials {

    display: inline-block;

    margin: 20px 0px;

}



.pic.testimonials img {

    width: 100px;

    height: 100px;

    border-radius: 50px;

    border: 3px solid #f1621c;

    padding: 5px;

    margin: 0px auto;

}



.testimonialcity.text-center h3 {

    font-weight: 600;

    margin-top: 10px;

    font-size: calc(16px + (24 - 16) * ((100vw - 320px) / (1920 - 320)));

}



.pic.testimonials small.posts {

    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));

}



.fivestaricon {

    margin-top: 5px;

    color: #f3b62d;

}



.testimonials.studentCity .owl-dots {

    text-align: center;

    display: flex;

    justify-content: center;

}



.testimonials.studentCity button.owl-dot.active {

    background: #f1621c !important;

}



.testimonials.studentCity button.owl-dot {

    background: #edae8f !important;

    height: 15px;

    width: 15px;

    border-radius: 50%;

    margin: 0 5px;

}



.card.banner-card.center button {

    box-shadow: none;

    font-weight: bold;

}



p.mb-50.short span {

    color: #000;

}



.center.mt-5 button.btn.oreit {

    box-shadow: none;

}



.card.banner-card.center.tutorhomeew {

    padding: 20px 0px 15px;

    margin-top: -20px;

    box-sizing: border-box;

}



button.btn.orcho {

    font-weight: 600;

    font-size: 20px;

    padding: 10px 32px;

    box-shadow: 0px 18px 30px -2px #fb9933;

}



button.btn.personalinfo {

    font-weight: bold;

    box-shadow: none;

}



button.btn.subscribeBtn.otp {

    box-shadow: none;

}



button.btn.btn-block.submitBtn.org {

    box-shadow: none;

}



svg#contactIcon {

    font-size: 20px;

    cursor: pointer;

    margin-top: 5px;

}



.input-group-text img.Callicons {

    width: 22px;

}



.addressIcon a {

    color: #615656;

    font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));

}



.addressIcon span {

    font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));

    font-weight: 500;

}



.extra_space_top {

    padding-top: calc(20px + (100 - 20) * ((100vw - 767px) / (1920 - 767)));

}



.extra_space_bottom {

    padding-bottom: calc(20px + (130 - 20) * ((100vw - 320px) / (1920 - 320)));

}



.gpnav li .gpbx {

    width: 100%;

    background: #fff;

    border-radius: 100px;

    position: relative;

    padding: 20px;

    font-size: 1rem;

    font-weight: 700;

    display: flex;

    align-items: center;

    box-shadow: 0px 50px 140px rgba(36, 33, 181, 0.15);

    margin-bottom: 15px;

}



.gpnav li .gpbx .icon {

    width: 60px;

    margin-right: 15px;

}



.gpnav li .gpbx .icon img {

    width: 60px;

    height: 60px;

}



.growpoint::before {

    background: url(../images/lgcirclebg.png) no-repeat center center;

    background-size: 100% 100%;

    position: absolute;

    content: "";

    width: 80%;

    height: 500px;

    left: 0;

    right: 0;

    top: 0px;

    margin: 0 auto;

}



.graphic img {

    z-index: 9;

    position: relative;

    width: auto;

}



.growpoint {

    position: relative;

}



.btnBlock .btn-default {

    padding: .4rem 1rem;

    border-radius: 50px;

    border: solid 1px #ff5006;

    display: inline-block;

    vertical-align: top;

}



.radius10 {

    border-radius: 10px;

}



.bg-white .icon img {

    width: auto;

}



.joinusec::before {

    position: absolute;

    content: "";

    background: url(../images/shabebg.png) no-repeat center center;

    background-size: 100% 100%;

    width: 100%;

    height: 300px;

}



.why-be img {

    width: 85px;

    height: 85px;

    position: absolute;

    left: -95px;

    top: 0;

}



section.contactDetails.faqcontact {

    padding: 80px 0px 0px;

    box-sizing: border-box;

    background: none;

}





.chosefile {

    color: black;

    background: none;

    border-radius: 10px;

    display: inline-block;

    border: none;

    cursor: pointer;

    padding: 0px;

}



#filed {

    display: none;

}



.findBtnr button {

    border: none;

    background: none;

    color: #48413e;

    padding: 5px 15px;

    font-weight: 600;

    display: block;

    text-transform: uppercase;

    transition: .4s;

    font-size: calc(12px + (16 - 12) * ((100vw - 320px) / (1920 - 320)));

}



.footBotIvon img {

    width: 30px;

}



.fixed-bottom.socialmediaIcont {

    background: white;

    padding: 15px 16px;

    text-align: center;

}



.modalBoxt h1 {

    font-size: 22px;

    text-align: center;

}



.modalBoxt {

    padding: 20px;

    box-sizing: border-box;

}



button.talkButtons {

    position: fixed;

    top: 50%;

    left: -19px;

    background: linear-gradient(to right, rgba(255, 80, 6, 1) 0%, rgba(255, 151, 41, 1) 100%);

    color: #fff !important;

    transform: rotate3d(0, 0, -131, 90deg);

    border: 0px;

    padding: 5px 10px;

    box-sizing: border-box;

    z-index: 1000;

}



.modalBoxt h1 span {

    color: rgb(255 80 6);

}



.inputtlak {

    border: 2px solid #ccc !important;

    height: 46px;

    background-color: #f7faff;

    border-radius: 8px;

    border: solid 1px #bfc1c4;

    font-size: 1rem;

    color: #040404;

    font-size: 16px !important;

}









/* thanks submit css code start 25 jult 2022 */

.otto_thankyou {

    background-image: url(../images/otoo_thankyou.png);

    background-size: cover;

    background-position: bottom;

    background-repeat: no-repeat;

    width: 100%;

    position: relative;

    padding: 30px 0 130px;

}



.otto_thankyou .content_part .Otoo_logo {

    background-color: #fff;

    border-radius: 50px;

    font-weight: 900;

    color: #ed4c21;

    font-size: 33px;

    padding: 7px 32px;

    display: inline-block;

    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);

}



.otto_thankyou .content_part {

    text-align: center;

}



.otto_thankyou_head {

    font-weight: 900;

    font-size: 53px;

    color: #fff;

    text-shadow: 0 6px #d6451e;

    display: block;

    margin: 14px 0;

}



.otto_thankyou_subhead {

    font-size: 31px;

    font-weight: 900;

    line-height: 34px;

    color: #fff;

}



.otto_thankyou_subhead span {

    color: #fcfa4b;

}



.instructions_image {

    text-align: center;

    margin-top: -130px;

    position: relative;

    z-index: 1;

}



.mobile_img {

    display: none;

}



.download_part a img {

    max-width: 100%;

    max-height: 50px;

}



.download_part span {

    font-weight: 700;

    font-size: 15px;

    display: block;

    margin-bottom: 8px;

}



.download_part a {

    transition: 0.5s all;

    display: block;

}



.shape_png {

    width: 100%;

    max-width: 100%;

    margin-top: -70px;

}



.download_part a:hover {

    box-shadow: 0 0.5rem 3rem #00000042;

    transform: scale(0.9);

}



.otto_main {

    position: relative;

    padding-bottom: 10px;

}



.explain_app_box img {

    max-width: 150px;

}



.explain_app_heading {

    font-size: 25px;

    font-weight: 900;

    color: #343435;

    line-height: 29px;

    margin-top: 18px;

}



.explain_app_heading span {

    display: block;

    color: #ed4c21;

}



.footer_head {

    font-weight: 900;

    color: #fff;

    font-size: 29px;

}



.call_btn {

    background: #ef5e38;

    color: #fff !important;

    font-weight: 900;

    font-size: 26px;

    border-radius: 50px;

    padding: 11px 28px;

    display: flex;

    align-items: center;

}



.call_btn img {

    max-width: 25px;

    margin-right: 20px;

}



.thankyou_footer_main {

    background-color: #ed4c21;

    border-radius: 30px 30px 0 0;

    padding: 24px 34px;

    border: 2px solid #edb299;

    border-bottom: 0;

}



@media(max-width: 1199px) {

    .otto_thankyou_head {

        font-size: 42px;

    }

    .growpoint .graphic {
        display: none;
    }



    .otto_thankyou_subhead {

        font-size: 26px;

        font-weight: 900;

        line-height: 30px;

    }



    .otto_thankyou .content_part .Otoo_logo {

        font-size: 28px;

        padding: 5px 24px;

    }



    .instructions_image img.desktop_img {

        max-width: 770px;

    }



    .otto_thankyou {

        padding: 30px 0 110px;

    }



    .instructions_image {

        margin-top: -110px;

    }



    .explain_app_heading {

        font-size: 22px;

        line-height: 27px;

        margin-top: 17px;

    }



    .footer_head {

        font-size: 26px;

    }



    .call_btn {

        font-size: 22px;

        padding: 10px 24px;

    }



    .call_btn img {

        max-width: 22px;

        margin-right: 12px;

    }



    .thankyou_footer_main {

        padding: 22px 24px;

    }



    .download_part a img {

        max-width: 100%;

        max-height: 44px;

    }

}



@media(max-width: 1023px) {

    .otto_thankyou .content_part .Otoo_logo {

        font-size: 24px;

        padding: 3px 20px;

    }



    .otto_thankyou_head {

        font-size: 34px;

        line-height: 42px;

    }



    .otto_thankyou_subhead {

        font-size: 22px;

        line-height: 28px;

    }



    .instructions_image img.desktop_img {

        max-width: 670px;

    }



    .instructions_image {

        margin-top: -100px;

    }



    .download_part a img {

        max-width: 100%;

        max-height: 39px;

    }



    .shape_png {

        max-width: 80%;

        margin-top: -71px;

    }



    .explain_app_box img {

        max-width: 120px;

    }



    .explain_app_heading {

        font-size: 17px;

        line-height: 23px;

        margin-top: 13px;

    }



    .footer_head {

        font-size: 20px;

    }



    .call_btn {

        font-size: 17px;

        padding: 8px 21px;

    }



    .call_btn img {

        max-width: 18px;

        margin-right: 8px;

    }



    .thankyou_footer_main {

        padding: 18px 15px;

        border-radius: 20px 20px 0 0;

    }

}

@media(max-width: 767px) {

    .tutorstate h1 {
        font-size: 24px !important;
    }

    .tutorstate {
        background-size: 1200px;
    }

    .tutorstate .tutorstate-banner {
        padding-top: 15px !important;
    }

    .mobile_img {

        display: flex;

        justify-content: center;

        margin: 0 auto;

        width: 50% !important;

    }

    .explain_app_box img {
        /* width: 75% !important;
        max-width: ; */
    }



    .desktop_img {

        display: none;

    }



    .otto_thankyou_head {

        font-size: 32px;

        line-height: 38px;

    }



    .otto_thankyou_subhead {

        font-size: 19px;

        line-height: 27px;

    }



    .instructions_image {

        margin-top: 30px;

    }



    .otto_thankyou {

        padding: 30px 0 60px;

        background-position: bottom center;

    }



    .shape_png {

        max-width: 120px;

        margin-top: 0;

        transform: rotate(90deg);

    }



    .explain_app_heading {

        font-size: 19px;

        line-height: 27px;

        margin-top: 13px;

    }


    .thankyou_footer_main {

        padding: 18px 5px;

        border-radius: 14px 14px 0 0;

        text-align: center;

        justify-content: center;

    }



    .footer_head {

        font-size: 18px;

        margin-bottom: 8px;

        width: 100%;

    }



    .otto_main {

        position: relative;

        padding-bottom: 0;

    }



    .shape_img {

        height: 120px;

        display: flex;

        align-items: center;

        justify-content: center;

        margin: 20px 0;

    }



    .joinusec::before {

        display: none;

    }

}



/* thanks submit css code end */





.btn-grorng {

    box-shadow: none;

}



.viewMorecol4 {

    padding: 4px 10px !important;

    margin-left: 10px;

    box-shadow: none;

    border-radius: 5px;

}



.selectState option {

    background: #fb7514 !important;

    color: #fff;

    border: 0px !important

}



.stuent\&tutorCont {

    display: flex;

    justify-content: space-around;

    margin: 4px 33px;

}



.gtry span a {

    padding: 5px 10px;

    color: #fff;

    border-radius: 50px;

    background: #fe7509;

}



.gtry span {

    font-size: 13px;

    font-weight: 700;

}



.gtry {

    text-align: center;

    margin-bottom: 7px;

}



.dropdowns {

    position: absolute;

    right: 1px;

    top: 5px;

}



.dNone {

    display: none;

}



.banner-content .btn {

    width: 200px;

}





@media(max-width: 999px) {

    .webButton {

        display: none;

    }



    .mobButton {

        display: block;

    }



    .banner-content .btn {

        margin-bottom: 20px;

    }

}



.font14 {

    font-size: 14px !important;

}



.testimonialContent .description {

    height: 75px;

    overflow-y: scroll;

}



.testimonialContent .description::-webkit-scrollbar {

	display: none;

}

.home-card-out .online ul {
    margin-left: 40px !important;
}

.stuent-tutorCont a {
    border-radius: 10px;
    background-color: #ff7200;
    color: #fff !important;
    padding: 6px 12px;
    font-size: 12px;
}

.stuent-tutorCont span {
    line-height: 30px;
}

.tutorstate-banner .cMargin {
    background: #f9f4f0;
    border-radius: 10px;
    display: flex;
    align-items: center;
    padding: 5px 0px;
    margin-bottom: 20px !important;
    border: 1px solid #f9f4f0;
}

.setBullets ul li {
    list-style-type: square !important;
}

.w-10 {
    width: 10%;
}

.w-90 {
    width: 90%;
}

.tutorForm .input-group {
    margin-bottom: 20px !important;
}

.rightTutorYourself .headingBox {
    font-size: 2.5rem;
    font-weight: 500;
}

.rightTutorYourself .headingBox span {
    font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320))) !important;
    font-weight: 400;
}

.thankYouText .center .btn {
    width: 235px !important;
}

.tutorstate-banner .card {
    margin-bottom: inherit;
}

#back-to-top {
    bottom: 110px !important;
    padding: 4px 8px !important;
}

.errorText {
    bottom: -25px;
    font-size: 14px;
    left: 0;
}