body { padding: 0px; margin: 0px; list-style: none; letter-spacing: 0.2px; font: normal 14px/24px 'Cerebri Sans Book', sans-serif; color: #000000 !important; } th span img { margin: 2px; } p { padding: 0px; margin: 0px; } a { padding: 0px; margin: 0px; outline: none; } ul { list-style: none; padding: 0px; margin: 0px; } label { list-style: none; padding: 0px; margin: 0px; } ul li { padding: 0px; margin: 0px; } h1, h2, h3, h4, h5, h6 { padding: 0px; margin: 0px; color: #000 !important; } input[type="text"]::-webkit-placeholder { opacity: 1; } input[type="text"]::-moz-placeholder { opacity: 1; } input[type="password"]::-webkit-placeholder { opacity: 1; } input[type="password"]::-moz-placeholder { opacity: 1; } input[type="search"]::-webkit-placeholder { opacity: 1; } input[type="search"]::-moz-placeholder { opacity: 1; } input[type="email"]::-webkit-placeholder { opacity: 1; } input[type="email"]::-moz-placeholder { opacity: 1; } input[type="tel"]::-webkit-placeholder { opacity: 1; } input[type="tel"]::-moz-placeholder { opacity: 1; } textarea::-moz-placeholder { opacity: 1; } textarea::-webkit-placeholder { opacity: 1; } a:hover { outline: none !important; text-decoration: none; } a:active { outline: none !important; text-decoration: none; } a { text-decoration: none !important; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } /*font-family: 'Alex Brush', cursive;font-family: 'Satisfy', cursive;font-family:'Cerebri Sans Regular'; font-family:'Cerebri Sans Bold'; font-family:'Cerebri Sans SemiBold';*/ @import url('https://fonts.googleapis.com/css2?family=Alex+Brush&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Satisfy&display=swap'); @font-face { font-family: 'Cerebri Sans Regular'; src: url('../fonts/Cerebri Sans Regular.eot'); src: url('../fonts/Cerebri Sans Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Cerebri Sans Regular.woff2') format('woff2'), url('../fonts/Cerebri Sans Regular.woff') format('woff'), url('../fonts/Cerebri Sans Regular.svg#Cerebri Sans Regular') format('svg'); font-weight: 400; font-style: normal; font-stretch: normal; unicode-range: U+0020-00FE; } @font-face { font-family: 'Cerebri Sans Book'; src: url('../fonts/CerebriSans-Book.eot'); src: url('../fonts/CerebriSans-Book.eot?#iefix') format('embedded-opentype'), url('../fonts/CerebriSans-Book.woff2') format('woff2'), url('../fonts/CerebriSans-Book.woff') format('woff'), url('../fonts/CerebriSans-Book.ttf') format('truetype'), url('../fonts/CerebriSans-Book.svg#CerebriSans-Book') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Cerebri Sans Bold'; src: url('../fonts/Cerebri Sans Bold.eot'); src: url('../fonts/Cerebri Sans Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Cerebri Sans Bold.woff2') format('woff2'), url('../fonts/Cerebri Sans Bold.woff') format('woff'), url('../fonts/Cerebri Sans Bold.svg#Cerebri Sans Bold') format('svg'); font-weight: 700; font-style: normal; font-stretch: normal; unicode-range: U+0020-00FE; } @font-face { font-family: 'Cerebri Sans SemiBold'; src: url('../fonts/Cerebri Sans SemiBold.eot'); src: url('../fonts/Cerebri Sans SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Cerebri Sans SemiBold.woff2') format('woff2'), url('../fonts/Cerebri Sans SemiBold.woff') format('woff'), url('../fonts/Cerebri Sans SemiBold.svg#Cerebri Sans SemiBold') format('svg'); font-weight: 600; font-style: normal; font-stretch: normal; unicode-range: U+0020-00FE; } .container { max-width: 1200px; } .wrapper { width: 100%; } .panel-default>.panel-heading { background: none !important; border: none !important; border-radius: 0px !important; } .panel-default { border-radius: 0px !important; } .panel-default>.panel-heading+.panel-collapse>.panel-body { background: none !important; border: none !important; border-radius: 0px !important; } a:hover, a:focus { text-decoration: inherit !important; } .page_hed { width: 100%; text-align: center; } .page_hed h1, .page_hed h2, .page_hed h3, .page_hed h4, .page_hed h5, .page_hed h6 { font-size: 40px; line-height: 56px; color: #161f26; font-family: 'Cerebri Sans SemiBold'; } .page_hed p { font-size: 28px; line-height: 34px; color: #40464c; font-family: 'Satisfy', cursive; margin-top: 7px; } /*header*/ .header_sec { width: 100%; position: relative; display: inline-block; padding: 2px 0; -webkit-box-shadow: 0px 0px 5px 5px rgba(192, 192, 192, 0.38); -moz-box-shadow: 0px 0px 5px 5px rgba(192, 192, 192, 0.38); box-shadow: 0px 0px 5px 5px rgba(192, 192, 192, 0.38); z-index: 9999; background: #fff; position: fixed; } .nav_top { margin: 0px; padding: 0px; background: none; border: none; min-height: auto; box-shadow: none; border-radius: 0px; } .drop-nav { position: absolute; top: 10px; right: 0px; } .menu_sec>li { position: relative; font-size: 16px; color: #191e20; padding: 0 15px; } .menu_sec>li>a { color: #191e20; display: inline-block; } .navbar-brand { margin: 0; padding: 0; } .menu_sec .dropdown-toggle::after { display: none; } .menu_sec .dropdown-toggle i { color: #8d8e8f; font-size: 12px; } .menu_sec .dropdown-toggle { vertical-align: middle; margin-left: 4px; } .menu_sec .dropdown-menu li { font-size: 15px; color: #4d5154; padding: 6px 13px 6px 20px; width: 100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .menu_sec .dropdown-menu li:hover { background: #b80f0a; } .menu_sec .dropdown-menu li a { color: #4d5154; width: 100%; } .menu_sec .dropdown-menu li:hover a { color: #fff; } .hed_btn { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .hed_btn li { display: inline-block; margin-right: 7px; } .hed_btn li:last-child { margin-right: 0; } .menu_sec { padding-right: 283px; } .pg_btn { display: inline-block; background: rgba(184, 17, 11, 1); background: -moz-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(184, 17, 11, 1)), color-stop(88%, rgba(184, 17, 11, 1)), color-stop(100%, rgba(156, 7, 5, 1))); background: -webkit-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: -o-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: -ms-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: linear-gradient(to bottom, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8110b', endColorstr='#9c0705', GradientType=0); font-size: 16px; font-family: 'Cerebri Sans SemiBold'; padding: 0 11px; height: 40px; line-height: 40px; color: #fff; border-radius: 6px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; border: none; outline: none; cursor: pointer; } .pg_btn:hover { background: rgba(215, 60, 93, 1); background: -moz-linear-gradient(top, rgba(215, 60, 93, 1) 0%, rgba(215, 60, 93, 1) 36%, rgba(215, 60, 93, 1) 89%, rgba(191, 36, 72, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(215, 60, 93, 1)), color-stop(36%, rgba(215, 60, 93, 1)), color-stop(89%, rgba(215, 60, 93, 1)), color-stop(100%, rgba(191, 36, 72, 1))); background: -webkit-linear-gradient(top, rgba(215, 60, 93, 1) 0%, rgba(215, 60, 93, 1) 36%, rgba(215, 60, 93, 1) 89%, rgba(191, 36, 72, 1) 100%); background: -o-linear-gradient(top, rgba(215, 60, 93, 1) 0%, rgba(215, 60, 93, 1) 36%, rgba(215, 60, 93, 1) 89%, rgba(191, 36, 72, 1) 100%); background: -ms-linear-gradient(top, rgba(215, 60, 93, 1) 0%, rgba(215, 60, 93, 1) 36%, rgba(215, 60, 93, 1) 89%, rgba(191, 36, 72, 1) 100%); background: linear-gradient(to bottom, rgba(215, 60, 93, 1) 0%, rgba(215, 60, 93, 1) 36%, rgba(215, 60, 93, 1) 89%, rgba(191, 36, 72, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d73c5d', endColorstr='#bf2448', GradientType=0); } .top_mar { width: 100%; /* display: inline-block; margin-top: 20px; */ } /* bannersec*/ .bannersec { width: 100%; position: relative; } .banner_box { position: relative; width: 100%; } .banner_box img { width: 100%; height: 414px; object-fit: cover; } .banner_tex_box { position: absolute; width: 100%; bottom: 51px; left: 0; text-align: center; z-index: 9; } .banner_tex { width: 100%; position: relative; z-index: 17; } .banner_tex strong { display: inline-block; width: 100%; font-family: 'Cerebri Sans Bold'; font-size: 50px; line-height: 56px; color: #fff; } .banner_tex b { display: inline-block; width: 100%; font-size: 32px; line-height: 42px; color: #fff; margin-top: 8px; letter-spacing: 2px; } .ler_mor { display: inline-block; color: #b80f0a; font-size: 19px; margin-top: 18px; } .ler_mor:hover { opacity: 0.7; } .bannersec .carousel-indicators { flex-direction: column; align-items: flex-end; margin-right: 5%; bottom: 0; top: 51%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); margin-top: 0; margin-bottom: 0; } .bannersec .carousel-indicators .active { background: url(../images/dot2.png)no-repeat; margin-top: 3px; margin-bottom: 3px; } .bannersec .carousel-indicators li { margin-top: 0; background: url(../images/dot.png)no-repeat; width: 13px; height: 32px; cursor: pointer; } /*Find Tutors*/ .find_tutors_sec { width: 100%; display: inline-block; padding: 17px 0; -webkit-box-shadow: 0px 0px 5px 5px rgba(192, 192, 192, 0.18); -moz-box-shadow: 0px 0px 5px 5px rgba(192, 192, 192, 0.18); box-shadow: 0px 0px 5px 5px rgba(192, 192, 192, 0.18); } .find_tutors_inr { width: 100%; padding-left: 75px; } .find_drop { width: 100%; } .find_drop ul { display: flex; align-items: center; border: solid 1px #d5d5d5; border-radius: 5px; } .find_drop li { width: 50%; padding: 0 14px; height: 51px; display: flex; align-items: center; color: #000000; font-size: 27px; } .find_drop li:last-child { border-left: solid 1px #eaeaea; padding: 0; } .find_select select { background: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; outline: none !important; background: url(../images/aro_botom.png)no-repeat center right 11px; width: 100%; height: 46px; color: #4a5259; -webkit-font-family: 'Alex Brush', cursive; -moz-font-family: 'Alex Brush', cursive; font-family: 'Alex Brush', cursive; font-size: 27px; text-overflow: ellipsis; padding: 0 14px; padding-right: 19px; } .find_select { display: inline-block; width: 100%; } .find_select span { display: inline-block; width: 100%; } .find_select select option { -moz-font-family: 'Alex Brush', cursive; -webkit-font-family: 'Alex Brush', cursive; font-family: 'Alex Brush', cursive; font-size: 16px; } .find_btn { width: 100%; position: relative; } .find_btn .pg_btn { height: 51px; font-size: 18px; padding-left: 44px; padding-right: 16px; } .ser_icon { position: absolute; left: 15px; top: 0; line-height: 50px; } .find_tutors_inr .col-sm-3 { padding: 0 7.5px; } .find_tutors_inr .row { margin: 0 -7.5px; } .find_tutors_inr .col-sm-3:nth-child(2) { -ms-flex: 0 0 27%; flex: 0 0 27%; max-width: 27%; } .find_tutors_inr .col-sm-3:last-child { -ms-flex: 0 0 23%; flex: 0 0 23%; max-width: 23%; } /*How does it work?*/ .how_work_sec { width: 100%; display: inline-block; padding: 65px 0 75px; } .how_work_inr { width: 100%; margin-top: 47px; text-align: center; position: relative; } .how_work_inr:before { position: absolute; left: 49%; top: 2px; background: url(../images/dot3.png)no-repeat; width: 725px; height: 107px; background-size: 100%; content: ""; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); } .how_work_box { width: 100%; } .how_work_img { width: 100%; } .how_work_box h4 { color: #191818; font-size: 23px; line-height: 28px; font-family: 'Cerebri Sans SemiBold'; margin-top: 22px; } .how_work_box span { color: #cfcfcf; } .how_work_box p { font-size: 17px; line-height: 25px; color: #637377; margin-top: 16px; } /*What makes V-Tutor special?*/ .makes_special_sec { width: 100%; display: inline-block; position: relative; background: #fcf9f4; /* padding: 62px 0 66px; */ } .makes_special_img { width: 100%; margin-top: 15px; position: relative; display: flex; padding-right: 50px; } .special_img_bx { position: relative; width: 50%; margin-right: 15px; z-index: 3; } .special_img_bx:first-child { position: relative; } .special_img_bx:first-child:before { position: absolute; left: -17px; top: -17px; background: url(../images/special_cur4.png)no-repeat; width: 71px; height: 71px; content: ""; } .special_img_bx:first-child:after { position: absolute; right: 0px; bottom: 46px; background: url(../images/special_cur11.png)no-repeat; width: 127px; height: 146px; content: ""; border-radius: 0 0 8px 0; } .makes_special_img .special_img_bx:last-child { padding-left: 27px; padding-top: 46px; } .special_img_bx:last-child:before { position: absolute; right: -27px; top: 71px; background: url(../images/special_cur2.png)no-repeat; width: 118px; height: 118px; content: ""; z-index: -1; } .special_img_bx:last-child:after { position: absolute; left: 27px; bottom: 0; background: url(../images/special_cur33.png)no-repeat; width: 77px; height: 158px; content: ""; border-radius: 0 0 0 8px; } .special_img_bx img { width: 100%; height: 402px; object-fit: cover; border-radius: 8px; } .makes_special_inr { width: 100%; position: relative; } .makes_special_inr:before { position: absolute; left: 50px; bottom: -66px; background: url(../images/special_bg4.png)no-repeat; width: 136px; height: 113px; content: ""; z-index: 1; } .bg_makes { position: absolute; right: 30px; top: 40px; } .makes_special_sec:before { position: absolute; left: 0; top: 0; background: url(../images/special_bg1.png)no-repeat; width: 205px; height: 483px; content: ""; z-index: 0; background-size: 100%; } .makes_special_sec:after { position: absolute; right: 0; bottom: 0; background: url(../images/special_bg3.png)no-repeat; width: 437px; height: 346px; content: ""; background-size: 100%; } .makes_faq { width: 100%; padding-left: 20px; padding-right: 70px; } .makes_faq_bx { width: 100%; position: relative; z-index: 5; } .makes_faq h5 { font-size: 34px; line-height: 38px; margin-bottom: 4px; } .makes_faq_bx .card { margin-top: 24px; padding: 0; border: none !important; background: none; } .makes_faq_bx .card-body { padding: 0 !important; border: none !important; } .makes_faq_bx .card-header { background: none; padding: 0 !important; border: none !important; } .makes_faq_bx .card-header a { width: 100%; padding: 17px 33px 17px 23px; border-radius: 25px 7px 7px 7px !important; } .makes_faq_bx .btn-link { width: 10px; height:10px; position: relative; color: #fff !important; font-size: 19px; font-family: 'Cerebri Sans SemiBold'; background: rgba(213, 58, 53, 1); background: -moz-linear-gradient(left, rgba(213, 58, 53, 1) 0%, rgba(184, 17, 11, 1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(213, 58, 53, 1)), color-stop(100%, rgba(184, 17, 11, 1))); background: -webkit-linear-gradient(left, rgba(213, 58, 53, 1) 0%, rgba(184, 17, 11, 1) 100%); background: -o-linear-gradient(left, rgba(213, 58, 53, 1) 0%, rgba(184, 17, 11, 1) 100%); background: -ms-linear-gradient(left, rgba(213, 58, 53, 1) 0%, rgba(184, 17, 11, 1) 100%); background: linear-gradient(to right, rgba(213, 58, 53, 1) 0%, rgba(184, 17, 11, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d53a35', endColorstr='#b8110b', GradientType=1); position: relative; } .makes_faq_bx .btn-link:before { position: absolute; right: 30px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); background: url(../images/mun.png) no-repeat; background-size: 100%; width: 10px; height: 10px; content: ""; } .makes_faq_bx .btn-link.collapsed { color: #222222 !important; background: #e5e5e5; } .makes_faq_bx .card-body p { color: #4b5561; font-size: 16px; line-height: 27px; margin-top: 13px; } .makes_faq_bx .btn-link.collapsed:before { background: url(../images/plus.png) no-repeat; } /*Top reasons to choose V-Tutor*/ .top_reasons_sec { width: 100%; position: relative; display: inline-block; padding: 110px 0 122px; } .top_reasons_sec:before { position: absolute; right: 0; bottom: 0; width: 706px; height: 717px; background: url(../images/top_reasons_bg1.png)no-repeat; content: ""; background-size: 100%; } .top_reasons_inr { width: 100%; margin-top: 43px; } .top_reasons_box { width: 100%; display: inline-block; background: #fafafa; text-align: center; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; min-height: 352px; padding: 60px 38px 20px; border-radius: 30px; position: relative; } .top_reasons_box span { width: 99px; height: 99px; text-align: center; align-items: center; display: flex; justify-content: center; background: #fff; border-radius: 100%; box-shadow: 0px 0 8px 3px #f6f6f6; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; margin: 0 auto; } .top_reasons_box span img { max-width: 100%; } .top_reasons_box h5 a { color: #0c0e0e; } .top_reasons_box h5 { color: #0c0e0e; margin-top: 28px; font-size: 22px; line-height: 29px; font-family: 'Cerebri Sans SemiBold'; } .top_reasons_box p { color: #566067; margin-top: 18px; font-size: 16px; line-height: 26px; } .top_reasons_box:hover { background: #fff; -webkit-box-shadow: 0px 0px 25px 0px rgba(192, 192, 192, 0.4); -moz-box-shadow: 0px 0px 25px 0px rgba(192, 192, 192, 0.4); box-shadow: 0px 0px 25px 0px rgba(192, 192, 192, 0.4); } .top_reasons_box:before { position: absolute; left: -7px; top: 0; left: 0; background: url(../images/top_reasons_hov1.png)no-repeat; background-size: 100% !important; width: 116px; height: 110px; content: ""; visibility: hidden; opacity: 0; } .top_reasons_box:after { position: absolute; right: -7px; bottom: 0; right: 0; background: url(../images/top_reasons_hov2.png)no-repeat; background-size: 100% !important; width: 65px; height: 75px; content: ""; visibility: hidden; opacity: 0; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .top_reasons_box:hover:before, .top_reasons_box:hover:after { visibility: visible; opacity: 1; } .top_reasons_box:hover:before { left: 0; } .top_reasons_box:hover:after { right: 0; } .top_reasons_box:hover span { -webkit-box-shadow: 0px 0px 25px 0px rgba(201, 170, 176, 0.32); -moz-box-shadow: 0px 0px 25px 0px rgba(201, 170, 176, 0.32); box-shadow: 0px 0px 25px 0px rgba(201, 170, 176, 0.32); } /*Meet our tutors */ .meet_tutors_sec { width: 100%; display: inline-block; padding: 93px 0 140px; position: relative; background: #f8f8f8; } .meet_tutors_sec:before { position: absolute; left: 0; top: -38px; background: url(../images/meet_bg.png)no-repeat; background-size: 100% !important; width: 100%; height: 76px; content: ""; } .meet_tutors_sec:after { position: absolute; left: 0; top: -86px; background: url(../images/meet_2.png)no-repeat; background-size: 100% !important; width: 205px; height: 178px; content: ""; z-index: 3; background-size: 100%; } .meet_tutors_inr { width: 100%; margin-top: 56px; background: #fff; padding: 42px 38px; border-radius: 30px; position: relative; } .meet_tutors_inr:before { position: absolute; left: -35px; top: 112px; z-index: 4; background: url(../images/meet_3.png)no-repeat; width: 95px; height: 97px; background-size: 100%; content: ""; } .meet_tutors_bg { position: absolute; bottom: 83px; right: 30px; } .meet_tutors_panel { width: 100%; padding: 20px 10px; z-index: 6; border: dotted 3px #d73c5e; border-radius: 21px; position: relative; } .meet_tutors_items { min-height: 411px; width: 100%; padding: 27px 22px 20px; background: #fff; border-radius: 18px; box-shadow: 0 0 11px 13px #fbfbfb; text-align: center; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .meet_tutors_sec .owl-item { padding: 20px 20px; } .meet_tutors_img span img { width: 135px !important; height: 135px; border-radius: 100%; object-fit: cover; } .meet_tutors_img span { margin: 0 auto; position: relative; text-align: center; width: 100%; display: flex; justify-content: center; align-items: center; } .meet_tutors_img span { margin: 0 auto; position: relative; text-align: center; } .meet_tutors_img span:before { position: absolute; width: 165px; height: 163px; background: url(../images/meet_img_bg.png)no-repeat; content: ""; left: 52%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); top: -18px; } .meet_tutors_text { width: 100%; } .meet_tutors_text h4 { font-size: 25px; line-height: 30px; color: #212d37; margin-top: 28px; } .meet_tutors_text h4 a { color: #212d37; } .meet_tutors_text p { color: #637377; font-size: 16px; line-height: 22px; margin-top: 23px; } .ret_ul li { display: inline-block; } .ret_ul li i { color: #ed9b0c; font-size: 11px; } .ret_ul li { color: #181616; } .ret_ul li b, .ret_ul li b strong { font-weight: 400; } .ret_ul li b strong { color: #939393; } .ret_ul li b { margin-left: 3px; vertical-align: middle; } .ret_ul { margin-top: 15px; } .subj_ul li { display: inline-block; padding: 0 3px; } .subj_ul li b { display: inline-block; color: #637377; font-weight: 400; height: 26px; line-height: 24px; padding: 0 13px; background: #fff; border: solid 1px #ddebf0; border-radius: 40px; } .sub_last b { background: #f3f3f3 !important; } .subj_ul { margin-top: 17px; } .meet_tutors_text small { display: inline-block; width: 100%; margin-top: 28px; font-size: 18px; color: #272b32; margin-top: 16px; } .meet_tutors_items:hover { box-shadow: 0 0 11px 13px #f4f4f4; } .meet_tutors_items:hover .meet_tutors_text h4, .meet_tutors_items:hover .meet_tutors_text h4 a { color: #b80f0a; } .meet_tutors_sec .owl-dots { display: none !important; } .meet_tutors_sec .owl-nav { display: block !important; } .meet_tutors_sec .owl-prev, .meet_tutors_sec .owl-next { position: absolute; top: 50%; width: 40px; height: 40px; background-size: 100%; font-size: 0 !important; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); z-index: 5; } .meet_tutors_sec .owl-prev { left: -35px; background: url(../images/arw_left.png)no-repeat; } .meet_tutors_sec .owl-next { right: -35px; background: url(../images/arw_right.png)no-repeat; } /* Tutors - Why you should join our team?*/ .team_sec { width: 100%; display: inline-block; padding: 19px 0 101px; } .team_inr { width: 100%; position: relative; } .team_inr:before { position: absolute; left: 0; width: 371px; background: url(../images/team_bg1.png)no-repeat; background-size: auto; height: 454px; background-size: 100%; top: -107px; content: ""; left: -168px; } .team_box { width: 100%; -webkit-box-shadow: 0px 0px 25px 4px rgba(192, 192, 192, 0.37); -moz-box-shadow: 0px 0px 25px 4px rgba(192, 192, 192, 0.37); box-shadow: 0px 0px 25px 4px rgba(192, 192, 192, 0.37); min-height: 221px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; border-radius: 34px; padding: 0 30px 10px; position: relative; z-index: 3; background: #fff; margin-top: 40px; } .team_box:hover { -webkit-box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.06); } .team_box span { background: #d92e53; display: inline-block; color: #fff; padding: 35px 0 22px; width: 62px; font-family: 'Cerebri Sans Bold'; font-size: 21px; text-align: center; border-radius: 0 0 40px 40px; } .team_box h5 { font-size: 21px; line-height: 27px; color: #0c0e0e; margin-top: 16px; font-family: 'Cerebri Sans SemiBold'; } .team_box h5 a { color: #0c0e0e; } .team_box p { font-size: 16px; line-height: 23px; color: #666d6d; margin-top: 15px; } .team_inr .row { position: relative; } .team_inr .row:before { position: absolute; left: 0; width: 86%; background: url(../images/team_bg.png)repeat-x; height: 115px; background-size: auto; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); content: ""; left: 48px; } .team_sec .page_hed { background: url(../images/team_bg2.png)no-repeat center bottom; } .team_sec .page_hed { padding-bottom: 89px; } .team_btn { width: 100%; margin-top: 60px; text-align: center; } .team_btn .pg_btn { line-height: 50px; height: 50px; padding: 0 27px; font-size: 18px; } /*How did we do?*/ .how_did_we_do { width: 100%; background: #fcf9f4; display: inline-block; padding: 60px 0 65px; position: relative; } .how_did_we_do:before { position: absolute; width: 100%; background: url(../images/how_did_bg1.png)repeat-x; height: 31px; background-size: 100%; top: -13px; content: ""; left: 0; z-index: 3; } .how_did_we_do:after { position: absolute; width: 100%; background: url(../images/how_did_bg2.png)no-repeat; height: 44px; background-size: 100%; bottom: -39px; content: ""; left: 0; z-index: 3; } .how_did_we_do .page_hed { position: relative; padding-bottom: 41px; } .how_did_we_do .page_hed:before { position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); width: 51px; height: 4px; background: #dfdfdf; content: ""; } .how_did_we_do_inr { width: 100%; margin-top: 20px; } .how_did_inr_lid { width: 100%; } .how_did_inr_item { width: 100%; } .how_did_we_do .owl-item { padding: 20px 15px; } .how_did_inr_box { width: 100%; -webkit-box-shadow: 0px 0px 11px 5px rgba(0, 0, 0, 0.11); -moz-box-shadow: 0px 0px 11px 5px rgba(0, 0, 0, 0.11); box-shadow: 0px 0px 11px 5px rgba(0, 0, 0, 0.11); border-radius: 5px; padding: 20px 17px 10px; background: #fff; min-height: 197px; position: relative; } .how_did_inr_box:before { position: absolute; left: 37px; width: 26px; height: 19px; background: url(../images/arow_testi.png)no-repeat; content: ''; bottom: -19px; } .how_did_inr_top { width: 100%; position: relative; text-align: right; } .testi_star li { display: inline-block; } .testi_star li i { font-size: 12px; color: #ed9b0c; } .how_did_inr_top:before { position: absolute; left: 0; top: 0; background: url(../images/testi-coma.png)no-repeat; width: 29px; height: 19px; background-size: 100%; content: ""; } .how_did_inr_box p { margin-top: 10px; font-size: 16px; line-height: 29px; color: #666d6d; } .how_did_inr_img { width: 100%; margin-top: 29px; } .how_did_inr_img .media span img { width: 73px; height: 73px; background-size: cover; border-radius: 100%; margin-right: 12px; } .how_did_inr_img .media-body { align-self: center; } .how_did_inr_img .media-body h6 { color: #070808; font-size: 20px; font-weight: 400; } .how_did_inr_img .media-body p { font-size: 15px; color: #45474b; } .how_did_we_do .owl-item.center .how_did_inr_box { background: #d73c5e; } .how_did_we_do .owl-item.center .how_did_inr_img { display: block; } .how_did_inr_img { display: none; } .how_did_we_do .owl-item.center .how_did_inr_box:before { display: block; } .how_did_inr_box:before { display: none; } .how_did_we_do .owl-item.center .how_did_inr_box p { color: #fff; } .how_did_we_do .owl-item.center .testi_star li i { color: #fff; } .how_did_we_do .owl-item.center .how_did_inr_top::before { background: url(../images/testi-coma1.png)no-repeat; } .how_did_we_do .owl-dots { display: block !important; text-align: center; margin-top: 10px; } .how_did_we_do .owl-nav { display: none !important; } .how_did_we_do .owl-dot { display: inline-block; width: 12px; height: 12px; background: #a5a5a5; border-radius: 100%; margin: 0 5px !important; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .how_did_we_do .owl-dot:hover, .how_did_we_do .owl-dot.active { background: #b80f0a; } /*class_time*/ .class_time_iner { width: 100%; padding: 100px 0 89px; } .class_time { width: 100%; text-align: center; } .class_time_bx { width: 100%; } .class_time_bx img { max-width: 100%; } .class_time_bx h5 { color: #000000; font-size: 30px; line-height: 37px; font-family: 'Satisfy', cursive; font-weight: normal; margin-top: 27px; } .class_time_bx p { font-size: 18px; line-height: 23px; color: #4b5561; margin-top: 8px; } /*footer*/ .footer_sec { display: inline-block; width: 100%; background: #d73c5e; position: relative; margin-top: 86px; padding-top: 35px; } .footer_sec:before { position: absolute; left: 0; width: 100%; height: 114px; background: url(../images/foot_bg.png)no-repeat; background-size: 100%; content: ''; top: -86px; background-size: 100%; } .footer_sec:after { position: absolute; left: 42px; width: 134px; height: 197px; background: url(../images/foot-bg-left1.png)no-repeat; background-size: 100%; content: ''; top: 0px; background-size: 100%; } .foot_top { display: inline-block; width: 100%; position: relative; } .foot_top:before { position: absolute; right: 0; width: 67px; height: 43px; background: url(../images/foot_bg-ri2.png)no-repeat; background-size: 100%; content: ''; top: 50%; background-size: 100%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .foot_top:after { position: absolute; right: 87px; width: 215px; height: 48px; background: url(../images/foot_bg-ri1.png)no-repeat; background-size: 100%; content: ''; top: -52px; background-size: 100%; } .foot_bx { width: 100%; padding-bottom: 50px; } .foot_bx h4 { font-family: 'Cerebri Sans SemiBold'; font-size: 18px; line-height: 28px; color: #fff; margin-bottom: 17px; } .foot_bx li { list-style: disc; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; font-size: 15px; line-height: 29px; color: #fff; font-weight: 400; } .foot_bx li a { color: #fff; } .foot_bx li a:hover { color: #e3dbdb; } .foot_bx li:hover { color: #e3dbdb; } .foot_bx ul { padding-left: 14px; } .foot_botm_left li a:hover { color: #cabdbd; } .foot_botm_right li a:hover { color: #cabdbd; } .foot_top_inr { width: 100%; } .foot_top_inr .col-sm-3:first-child { border-right: solid 1px #db4d6c; } .foot_top_inr .col-sm-3:nth-child(2) .foot_bx, .foot_top_inr .col-sm-3:nth-child(3) .foot_bx { padding-left: 78px; } .foot_top_inr .col-sm-3:nth-child(4) .foot_bx { padding-bottom: 0; } .foot_top_inr .col-sm-3:nth-child(4) .foot_bx li { list-style: inherit; } .foot_top_inr .col-sm-3:nth-child(4) .foot_bx li:hover { color: #fff; } .foot_top_inr .col-sm-3:nth-child(4) .foot_bx ul { padding-left: 0; } .foot_top_inr { position: relative; width: 100%; z-index: 8; } .foot_sos_box { width: 100%; margin-top: 20px; } .foot_sos_box li { display: inline-block; margin-right: 4px; } .foot_sos_box li a { display: flex; justify-content: center; align-items: center; width: 38px; height: 38px; background: #fff; border-radius: 100%; box-shadow: 0px 8px 0px -1px #b5324f; } .foot_sos_box li a:hover { background: #b80f0a; } .foot_sos_hov { display: none; } .foot_sos { display: block; } .foot_sos_box li a:hover .foot_sos_hov { display: block; } .foot_sos_box li a:hover .foot_sos { display: none; } .foot_sos_box li a i { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .foot_sos_box li a i img { max-width: 100%; } .foot_botm { width: 100%; position: relative; padding: 29px 0 19px; border-top: solid 1px #db4d6c; } .foot_botm:after { position: absolute; left: 0; width: 100%; height: 64px; background: url(../images/foot_bg1.png)no-repeat bottom left; background-size: 100%; content: ''; bottom: 0; background-size: 100%; } .foot_botm_inr { display: flex; justify-content: space-between; position: relative; z-index: 4; width: 100%; } .foot_botm_left li { color: #eaeaea; font-size: 15px; } .foot_botm_left li a { color: #eaeaea; } .foot_botm_right li { display: inline-block; } .foot_botm_right li { color: #fff; } .foot_botm_right li a { color: #fff; } .shal { display: inline-block; margin: 8px; } .top_reasons_inr { position: relative; z-index: 6; } .top_reasons_sec .page_hed { position: relative; z-index: 9; } .top_reasons_sec::before { width: 678px; height: 681px; } .meet_bg_3 { width: 100%; display: inline-block; position: absolute; bottom: 0; } .meet_bg_3 img { width: 100%; } .meet_tutors_bg { z-index: 5; } .foot_arw.fixed { bottom: 54px; } .foot_arw.fixed { opacity: 1; visibility: visible; bottom: 89px; } .foot_arw a { display: inline-block; background: #b80f0a; width: 34px; display: flex !important; height: 34px; align-items: center; text-align: center; justify-content: center; line-height: 34px; border-radius: 2px; } .foot_arw a:hover { background: #bd1922; } .foot_arw { opacity: 0; visibility: hidden; bottom: -100px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } .foot_arw { position: fixed; bottom: 116px; right: 47px; z-index: 99; } .profile-section { width: 100%; background: #fff; padding-bottom: 40px; } .top-profile { position: relative; } .zin { z-index: 2; width: 98%; /*-----24.07.21----- sayanti das change----*/ margin: 0 15px; } .profile_left_panel { float: left; width: 27.5%; min-height: auto; position: relative; margin-bottom: 20px; } .sticky_left { position: -webkit-sticky; position: sticky; top: 80px; margin-top: 42px; font-size: 20px; } .profile-left-info { background: #fff; border-radius: 9px; box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.14); -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.14); -moz-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.14); position: relative; } .profile-top { padding: 25px 25px 10px 25px; } .profile-top em { width: 161px; height: 161px; display: block; margin: 0 auto; position: relative; overflow: hidden; background: #ccc; border-radius: 50%; } .profile-top em img { width: auto; height: auto; margin: auto; max-width: 100%; max-height: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-radius: 50%; } .profile-top h2 { font-size: 24px; color: #000000; font-family: 'Cerebri Sans SemiBold'; font-weight: normal; margin: 15px 18px; } .profile-top .addr { font-size: 15px; color: #4a5f67; line-height: 0; display: flex; align-items: center; justify-content: center; } .profile-top .addr span { margin-right: 5px; } .profile-rating { display: flex; align-items: center; justify-content: center; margin: 15px 0 10px 0; } .profile-rating li { line-height: 0; margin: 0 1px; } .profile-rating li p { margin-left: 8px; font-size: 13px; font-weight: 500; color: #181616; } .profile-rating li p span { color: #939393; } .profile-top .exp { font-size: 15px; color: #4a5f67; } .profile-top .exp span { color: #1e2122; } .border-shadow { background: url(../images/border-shdow.png) repeat-x; width: 100%; height: 17px; } .profile-bottom { padding: 10px 25px 25px; } .profile-bottom p { margin: 0 0 10px 0; display: flex; align-items: center; line-height: 0; font-size: 14.5px; color: #4a5f67; } .profile-bottom p span { margin-right: 8px; } .profile-bottom h6 { text-align: center; color: #161616; font-size: 18px; font-family: 'Cerebri Sans SemiBold'; font-weight: normal; margin-top: 30px; } .pub_btns { margin-top: 20px; } .pub_btns a { background: rgba(184, 17, 11, 1); background: -moz-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(184, 17, 11, 1)), color-stop(88%, rgba(184, 17, 11, 1)), color-stop(100%, rgba(156, 7, 5, 1))); background: -webkit-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: -o-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: -ms-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: linear-gradient(to bottom, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8110b', endColorstr='#9c0705', GradientType=0); height: 43px; width: 100%; border-radius: 4px; font-size: 17px; /*-----24.07.21----- sayanti das- change---*/ /*font-weight: 600;*/ line-height: 43px; color: #fff; text-align: center; margin: 10px 0; display: block; } .pub_btns a:hover { background: linear-gradient(to bottom, rgb(215 60 94) 0%, rgb(215 60 94) 88%, rgb(181 25 59) 100%); color: #fff; color: #fff; } .social_iic01 { display: block; overflow: hidden; width: 100%; text-align: center; margin-top: 20px; } .social_iic01 strong { color: #161616; font-size: 16px; line-height: 20px; font-family: 'Cerebri Sans SemiBold'; font-weight: normal; margin: 0 6px 0 0; } .social_iic01 a { opacity: 1; } .social_iic01 a:hover { opacity: 0.7; } .profile_right_panel { width: calc(72% - 35px); float: left; margin-left: 35px; z-index: 2; margin-top: 42px; margin-bottom: 50px; } .profile_body { background: #fff; border-radius: 9px; box-shadow: 0px 2px 8px 0px rgb(0 0 0 / 14%); -webkit-box-shadow: 0px 2px 8px 0px rgb(0 0 0 / 14%); -moz-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.14); padding: 25px 30px; margin-bottom: 28px; } .profile-heading { font-size: 24px; color: #000; font-family: 'Cerebri Sans SemiBold'; font-weight: normal; margin-bottom: 10px; } .skill_tutor li { float: left; margin-top: 7px; margin-right: 10px; background: #f2f2f2; border-radius: 4px; padding: 5px 11px; color: #434648; font-size: 14px; font-weight: 500; } .skill { margin-bottom: 28px; } .about-pro p { color: #545e6e; font-size: 14.5px; line-height: 26px; } .moreless-button4 { color: #bc1d18 !important; font-size: 14px; cursor: pointer; font-weight: 500; } .moreless-button4:hover { color: #d73c5e !important; } .profile_body iframe { width: 100%; min-height: 430px; } .aca_qua { display: flex; margin-top: 25px; border-bottom: 1px solid #efefef; padding-bottom: 18px; } .aca_qua img { width: 40px; height: 40px; margin-right: 15px; } .academic-details h3 { font-size: 17px; font-weight: 400; line-height: 20px; color: #000000; margin-bottom: 8px; } .academic-details h4 { font-size: 15px; line-height: 16px; font-weight: 400; color: #292b2c; margin-bottom: 6px; } .academic-details h5 { font-size: 14.5px; line-height: 20px; font-weight: 400; color: #7c868a; margin-bottom: 3px; } .mbr-0 { border-bottom: 0 !important; padding-bottom: 0 !important; } .academic-details p { color: #545e6e; font-size: 13.5px; line-height: 22px; margin-top: 10px; } .test-heading { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #efefef; margin: 0 -25px; padding: 0 25px; padding-bottom: 20px; } .test-heading .profile-heading { margin-bottom: 0px; } .rating-overview span { width: 55px; height: 27px; background: #ef990e; border-radius: 3px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 14px; font-weight: 500; } .rating-overview { display: flex; align-items: center; } .rating-overview span img { margin-right: 5px; } .rating-overview p { margin-left: 8px; color: #292929; font-size: 16px; } .testimonail-user-sec { display: flex; align-items: center; } .testimonail-user-sec p { color: #6f6f6f; font-size: 15px; margin-right: 20px; display: flex; align-items: center; line-height: 0; } .testimonail-user-sec p span { margin-right: 12px; } .user-rating { display: flex; } .user-rating li { line-height: 0; } .user-rating li img { width: 13px; margin: 0 1px; } .testi-details { margin-top: 25px; border-bottom: 1px solid #efefef; padding-bottom: 18px; } .testimonail-heading-part { display: flex; align-items: center; justify-content: space-between; margin: 10px 0 4px 0; } .testimonail-heading-part h3 { color: #222427; font-family: 'Cerebri Sans SemiBold'; font-weight: normal; font-size: 16.5px; } .testimonail-heading-part p { color: #80878b; font-size: 12px; } .testi-details p { font-size: 14px; line-height: 23px; color: #545e6e; } .moreless-button5 { color: #b9120d !important; font-size: 16px; font-family: 'Cerebri Sans SemiBold'; font-weight: normal; margin-top: 15px !important; display: block; cursor: pointer; } .moreless-button5:hover { color: #d73c5e !important; } .profile-left-info a.wish-list { position: absolute; right: 20px; top: 15px; cursor: pointer; margin-bottom: 8px; } .meet_tutors_text p { margin-top: 6px; } .ret_ul { margin-top: 12px; } .makes_faq h5 { font-family: 'Cerebri Sans Bold'; } .makes_faq_bx .card-header a { font-family: 'Cerebri Sans Bold'; } .team_box p { margin-top: 10px; } /*-----24.07.21----- sayanti das----*/ ul.navbar-nav.menu_sec.after-login li { padding: 0 7px; } /*-after login header-*/ .login_menu { position: relative; right: 0; } .header_book_user_drop .click_open { margin-top: 0px !important; } .click_open { margin-top: 7px; } .login_menu li:last-child { padding-right: 0; } .after_log li { padding-left: 15px !important; } .login_menu li { font-size: 16px; line-height: 22px; color: #191e20; padding: 0 20px; display: inline-block; } .login_menu li a { color: #191e20; padding: 4px 0; } .login_menu li a:hover { color: #b80f0a; } .login_menu a { display: flex; align-items: center; } .after_log ul li a em { background: #ccc; border-radius: 50px; width: 40px; height: 40px; overflow: hidden; display: inline-block; position: relative; } .login_menu a em { margin-right: 8px; } .after_log ul li a em img { max-height: 100%; max-width: 100%; width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .after_log ul li a i { margin-left: 4px; color: #8d8e8f; font-size: 12px; } ul.navbar-nav.menu_sec.after-login { padding-right: 150px; } .after-user { background: #fafafa; } .user-account { background: #fafafa; padding: 30px 0 60px 0; } /*-user account*/ .user-left { width: 23.2%; float: left; margin-top: 0; } .user-left-info { background: #fff; border-radius: 9px; box-shadow: 0px 2px 8px 0px rgb(0 0 0 / 14%); -webkit-box-shadow: 0px 2px 8px 0px rgb(0 0 0 / 14%); -moz-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.14); } .user-left-top { padding: 20px; border-bottom: 1px solid #e3e8eb; margin-bottom: 2px; } .user-left-top em { width: 120px; height: 120px; display: block; margin: 0 auto; position: relative; overflow: hidden; background: #ccc; border-radius: 50%; } .user-left-top h2 { font-size: 19px; color: #000000; font-family: 'Cerebri Sans SemiBold'; font-weight: normal; letter-spacing: 0.4px; text-align: center; margin: 13px 0 10px 0; } .user-left-top a { font-size: 14px; color: #4a5f67; text-align: center; line-height: 5px; display: block; } .showmeu { font-size: 17px; color: #fff; font-weight: 400; line-height: 34px; background: #b80f0a; border-radius: 8px; height: 36px; display: inline-block; padding: 0 11px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; color: #fff; border: none; outline: none; cursor: pointer; display: none; text-align: center; } .open_menu { display: block; overflow: hidden; width: 100%; border: solid 1px #eeeeee; position: absolute; width: 195px; top: 58px; border-radius: 8px; right: 0; background: #FFF; z-index: 9; display: none; -webkit-box-shadow: 4px 7px 14px #ebecee; -moz-box-shadow: 4px 7px 14px #ebecee; box-shadow: 4px 7px 14px #ebecee; } .open_menu ul { margin: 0; padding: 8px 0; } .open_menu ul li { font-size: 15px; line-height: 22px; color: #5c5c5c; padding: 0; font-weight: 400; display: inline-block; display: block; width: 100%; overflow: hidden; } .user-left-menu { border-top: 1px solid #e3e8eb; border-bottom: 1px solid #e3e8eb; padding: 10px 20px; } .user-left-menu ul li a, .log-menu ul li a { width: 100%; padding: 10px 0; color: #3d4447; font-size: 16px; cursor: pointer; display: block; } .user-left-menu ul li a span, .log-menu ul li a span { width: 34px; display: inline-block; } .user-left-menu ul li a:hover .hovern, .user-left-menu ul li.active a .hovern, .log-menu ul li a:hover .hovern, .log-menu ul li.active a .hovern { display: none; } .user-left-menu ul li a .hovern, .user-left-menu ul li a .hovern { display: inline-block; } .user-left-menu ul li a:hover .hovera, .user-left-menu ul li.active a .hovera, .log-menu ul li a:hover .hovera, .log-menu ul li.active a .hovera { display: inline-block; } .user-left-menu ul li a .hovera, .log-menu ul li a .hovera { display: none; } .user-left-menu ul li.active a, .user-left-menu ul li a:hover, .log-menu ul li.active a, .log-menu ul li a:hover { color: #b80f0a; } .log-menu { border-top: 1px solid #e3e8eb; margin-top: 2px; padding: 10px 20px; } .user-right-panel { background: #fff; width: calc(76.8% - 30px); float: right; border-radius: 9px; box-shadow: 0px 2px 8px 0px rgb(0 0 0 / 14%); -webkit-box-shadow: 0px 2px 8px 0px rgb(0 0 0 / 14%); -moz-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.14); } .user-right-top { padding: 20px 20px; } .profile-heading span img { margin-left: 10px; margin-top: -5px; } .user-right-top p, .user-right-top-new p { font-size: 15.5px; line-height: 18px; letter-spacing: 0; color: #545e6e; } .user-account-info { margin-top: 28px; } .user-account-info h3 { color: #000000; font-size: 21px; font-family: 'Cerebri Sans SemiBold'; font-weight: normal; margin-bottom: 12px; } .form_box_area { width: 100%; position: relative; margin-bottom: 25px; } .form_box_area label, .checkBox.new-cus span { width: 100%; font-size: 16px; color: #000000; font-family: 'Cerebri Sans Book'; display: block; margin-bottom: 7px; } .form_box_area input[type], .form_box_area select { background: #FFF; width: 100%; height: 35px; border: 1px solid #c7d8dd; border-radius: 8px; outline: none; font: 400 15px/18px 'Cerebri Sans Book'; color: #535b62; padding: 0 12px; padding-right: 9px; padding-right: 10px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .form_box_area select { transition: all 0.3s; background: #fff url(../images/selct.png)no-repeat center right 9px; -webkit-appearance: none; -moz-appearance: none; padding-right: 22px; appearance: none; white-space: nowrap; text-overflow: ellipsis; } .form_box_area input[type]::placeholder { color: #8795a3; font-size: 14px; /* font-style: italic !important;*/ ; } .checkBox ul { display: flex; width: 100%; } .checkBox li:first-child { padding-left: 0; } select:invalid { font-style: italic; } .checkBox li { margin-right: 25px; } .checkBox input[type="radio"]+label, .checkBox input[type="checkbox"]+label { font: 400 18px/30px 'Cerebri Sans Book'; color: #6c7a88; padding-left: 30px; background: url(../images/checked1new.png)no-repeat #fff; background-position: left center !important; width: 100%; margin-top: 1px; } .checkBox input[type="radio"]:checked+label, .checkBox input[type="checkbox"]:checked+label { background: url(../images/checkednew.png)no-repeat; } .checkBox input[type="radio"], .checkBox input[type="checkbox"] { display: none; } .new_rows.no-gutters>.col, .new_rows.no-gutters>[class*="col-"] { padding-right: 16px; padding-left: 0px; } /*--login--banner--*/ .login-footer.footer_sec { margin-top: 45px; } .loginbanner { float: left; } .loginbanner { width: 40%; } .loginbanner img { width: 100%; } .login-info { float: right; position: relative; width: 62.2%; min-height: 605px; } .login-details { width: 50%; margin: 0 auto; } .login-details h2 { font-size: 25px; color: #000; margin-bottom: 7px; font-family: 'Cerebri Sans SemiBold'; letter-spacing: 0.4px; } .login-details p { color: #54646e; font-size: 16px; list-style-type: 24px; } .login-info:before { width: 100%; height: 1px; top: 100px; background: #ebebeb; content: ""; position: absolute; } .upper-login { margin-bottom: 25px; } .form_area { display: block; overflow: hidden; width: 100%; margin: 0 0 15px 0; } .texxt_box { display: block; overflow: hidden; width: 100%; border: 1px solid #c7d8dd; height: 48px; border-radius: 6px; padding: 0 15px; color: #8795a3; letter-spacing: 0.5px; font-family: "Cerebri Sans Book"; font-size: 15px; line-height: 20px; font-weight: 400; box-shadow: none !important; } .texxt_box::placeholder { color: #8795a3; letter-spacing: 0.1px; font-size: 15.2px; font-family: "Cerebri Sans Book"; } .password-in { position: relative; display: flex; align-items: center; } .field-icon { position: absolute; z-index: 2; right: 16px; font-size: 18px; color: #ced7db; } :focus-visible { outline: 0; } .submit-login { background: rgba(184, 17, 11, 1); background: -moz-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(184, 17, 11, 1)), color-stop(88%, rgba(184, 17, 11, 1)), color-stop(100%, rgba(156, 7, 5, 1))); background: -webkit-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: -o-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: -ms-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: linear-gradient(to bottom, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8110b', endColorstr='#9c0705', GradientType=0); height: 47px; width: 100%; border-radius: 4px; cursor: pointer; color: #ffffff; font-size: 18px; margin-top: 3px; border: 0; font-family: 'Cerebri Sans SemiBold'; } .submit-login:hover { background: linear-gradient(to bottom, rgb(215 60 94) 0%, rgb(215 60 94) 88%, rgb(181 25 59) 100%); color: #fff; } .or-area { margin: 10px 0 30px 0; border-bottom: 1px solid #ebebeb; position: relative; text-align: center; } .or-area span { color: #5a5d5e; font-size: 14.5px; font-weight: 400; letter-spacing: 0; padding: 2px 18px; background: #fff; position: relative; font-style: italic; bottom: -11px; } .socials-btns { display: flex; align-items: center; justify-content: space-between; } .common-btns { width: 47.5%; border-radius: 5px; padding: 10px 0px; height: 48px; text-align: center; display: flex; align-items: center; justify-content: center; font-size: 17px; box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.05); } .facebook-btn { background: #3c5a99; color: #fff; border: 1px solid #3c5a99; } .google-btn { border: 1px solid #c7d8dd; background: #fff; color: #2b353f; } .facebook-btn:hover { background: #295abf; } .google-btn:hover { background: #fafafa; } .common-btns img { margin-right: 7px; } .fort-pass { margin-bottom: 20px; } .fort-pass a { font-size: 14.5px; color: #b80f0a; margin-top: 18px; text-decoration: underline; letter-spacing: 0; display: block; text-align: center; } .fort-pass a:hover, .bottom-account-div p a:hover { color: #d73c5e; } .login-info:after { width: 100%; height: 1px; top: 81.5%; background: #ebebeb; content: ""; position: absolute; } section.login-body.tutor-body .login-info:after { top: 84%; } .bottom-account-div { text-align: center; } .login-body { width: 100%; float: left; background: url(../images/login-left.jpg); background-size: cover; background-position: center; } .bottom-account-div p { color: #4b4b4b; font-size: 14.5px; margin: 0px; line-height: 23px; } .bottom-account-div p a { color: #b80f0a; } .tutor-body { background: url(../images/tutoe-left.jpg); background-size: cover; background-position: center; } .texxt_box:focus { outline: #da4d49; border: 1px solid #da4d49; box-shadow: 0px 5px 5px 0px rgb(0 0 0 / 5%); -webkit-box-shadow: 0px 5px 5px 0px rgb(0 0 0 / 5%); -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.05); } .double-from { display: flex; justify-content: space-between; } .double-from .form_area { width: 47.5%; } .form_area label { display: block; } .error { font-size: 14px; line-height: 15px; padding-top: 4px; color: red !important; } .check-box input[type="checkbox"] { display: none; } .check-box label.checklabeel { color: #3a4448; font-size: 14.5px; font-style: italic; letter-spacing: 0.2px; } .check-box label.checklabeel a { color: #b80f0a; } .check-box label.checklabeel a:hover { color: #d73c5e; } section.login-body.tutor-body .login-info { min-height: 750px; } section.login-body.tutor-body .login-info { width: 60.7%; } .login-body.studant-body { background: url(../images/student-left.jpg); background-size: cover; background-position: center; } .im-sec { display: flex; align-items: center; margin-bottom: 9px; margin-top: 30px; } .im-sec h3 { color: #000000; font-size: 19px; font-weight: normal; padding-right: 15px; margin-right: 15px; font-family: 'Cerebri Sans SemiBold'; border-right: 1px solid #eaeaea; } .im-sec ul { display: flex; align-items: center; width: 80%; } .im-sec ul li { margin-right: 15px; } .im-sec input[type="radio"] { display: none; } .login-body.studant-body .login-info { min-height: 835px; } .login-body.studant-body .login-info:after { top: 89%; } /*24/07/21/puja*/ /*tutor-search-result page*/ .how_work_inr .col-sm-4:nth-child(2) .how_work_img { margin-top: 8px; } .makes_faq h5 { margin-bottom: 9px; } .search_result_sec { width: 100%; display: inline-block; } .search_result_inr { width: 30%; position: relative; display: inline-block; } .search_result_left { float: left; width: 24%; height: 103%; -webkit-box-shadow: 6px 0px 6px -5px rgba(147, 164, 209, 0.15); -moz-box-shadow: 6px 0px 6px -5px rgba(147, 164, 209, 0.15); box-shadow: 6px 0px 6px -5px rgba(147, 164, 209, 0.15); padding-bottom: 70px; background: #fff; position: absolute; } .search_left_inr { width: 100%; padding-top: 27px; } .search_left_class { display: flex; justify-content: space-between; border-bottom: 1px solid #dce0e5; padding-bottom: 6px; padding-right: 25px; } .search_left_class h4 { font-size: 16px; font-weight: 400; color: #17181c; } .search_left_class span { color: #b80f0a; display: flex; } .search_left_class span a { color: #b80f0a; } .search_left_class span img { margin-right: 6px; } .search_le_selt { width: 100%; /* padding-right: 20px; */ padding-top: 12px; } .search_le_selt select { border-radius: 4px; background: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: solid 1px #ced3d5; outline: none !important; background: url(../images/select_arw.png)no-repeat center right 11px; width: 100%; height: 44px; color: #8795a3; font-size: 14px; text-overflow: ellipsis; padding: 0 14px; padding-right: 19px; } .search_le_check_pan { width: 100%; } .search_le_check_bx { width: 100%; margin-top: 23px; } .search_le_check_bx ul { padding-right: 10px; } .search_le_check_bx h5 { margin-bottom: 5px; } .search_le_check_bx li input[type="checkbox"], .search_le_check_bx li input[type="radio"] { display: none; } .search_le_check_bx li label { font-size: 14px; background: url(../images/check.png)no-repeat; padding-left: 34px; color: #414647; margin-top: 12px; background-position: left top 0px !important; } .search_le_check_bx li input[type="checkbox"]:checked+label, .search_le_check_bx li input[type="radio"]:checked+label { font-size: 14px; background: url(../images/checked.png)no-repeat; } .search_le_check_bx .moreless-button4 { margin-top: 19px; display: inline-block; } .search_le_redio_bx li label { display: flex; align-items: center; } .search_le_redio_bx li label span { display: flex; margin-right: 14px; } .search_le_redio_bx li label span i { color: #b80f0a; margin: 0 2px; font-size: 13px; } .search_le_redio_bx li label span i.rre_star { color: #b6b6b6; } .search_le_redio_bx li label strong { font-size: 14px; color: #8e8d8d; font-weight: normal; } .slider_rnge { width: 100%; height: auto; padding-top: 8px; padding-right: 16px; } .slider_rnge .ui-slider-horizontal { background: #000 none repeat scroll 0 0 !important; border: medium none !important; height: 4px !important; margin: 0; padding: 0 !important; } .range-text { padding-left: 10px; color: #333333; font-weight: 500; font-size: 16px; } #amount { border: none !important; margin-top: 10px; color: #17181c; font-size: 13px; margin-left: -12px; margin-top: 15px; outline: none !important; } .slider_rnge .ui-state-default, .slider_rnge .ui-widget-content .ui-state-default, .slider_rnge .ui-widget-header .ui-state-default { width: 10px !important; height: 10px !important; background: #b80f0a !important; border: none !important; } .slider_rnge .ui-state-default, .slider_rnge .ui-widget-content .ui-state-default, .slider_rnge .ui-widget-header .ui-state-default { border-radius: 50% !important; height: 13px !important; top: -5px !important; padding: 0; width: 13px !important; } .slider_rnge .ui-slider .ui-slider-range:last-child { background: #b80f0a !important; } .slider_rnge .ui-widget-header { background: #dfe0e2 !important; border-radius: 0 !important; } .ui-slider-horizontal .ui-slider-handle { margin-left: 0 !important; margin-right: 0 !important; outline: none !important; } .ratea_slid { width: 100%; padding-right: 16px; padding-top: 12px; display: inline-block; } .apply_fil_sec { width: 100%; padding-right: 0; margin-top: 20px; padding: 0 0 15px 0; } .wrapper-page { background: #fafafa; } .apply_fil_sec li { display: inline-block; } .re_adja { border: solid 1px #ddebf0; color: #444040; background: #f3f3f3; line-height: 37px; } .re_adja:hover { color: #fff; } .re_adja img { margin-right: 9px; } .apply_fil_sec li:first-child .pg_btn { padding: 0 16px; } .apply_fil_sec li { margin-right: 10px; } .apply_fil_sec li:last-child { margin-right: 0; } .class_time_bx p { font-size: 16px; } .search_result_right { width: 76%; float: right; padding-left: 3px; padding-top: 28px; padding-bottom: 102px; } .search_right_result_inr { width: 100%; } .search_right_top { width: 100%; display: flex; justify-content: space-between; padding: 7px 20px; align-items: center; border-bottom: 1px solid #dce0e5; } .search_right_top h6, .search_right_top h1 { width: 100%; color: #000000; font-weight: normal; font-size: 19px; line-height: 25px; width: 70%; } .search_right_top h1 span, .search_right_top h6 span { color: #b80f0a; } .stor_by { display: flex; } .stor_by strong { font-size: 15px; color: #000000; font-weight: normal; } .stor_by select { width: 74px; padding-right: 11px; background: url(../images/arw_bot.png)no-repeat right center; color: #4b4747; border: none !important; outline: none !important; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; text-overflow: ellipsis; } .search_right_body { width: 100%; display: inline-block; padding-top: 4px; padding: 0 20px 20px 20px; } .search_lop { width: 100%; position: relative; padding-left: 30px; border-radius: 8px; -webkit-box-shadow: 0px 0px 7px 0px rgba(192, 192, 192, 0.84); -moz-box-shadow: 0px 0px 7px 0px rgba(192, 192, 192, 0.84); box-shadow: 0px 0px 7px 0px rgba(192, 192, 192, 0.84); margin-top: 15px; background: #fff; display: inline-block; padding-bottom: 10px; } .heart_cc { position: absolute; left: 16px; top: 14px; font-size: 17px; } /*.heart_cc .fa-heart{ color: #c2002d;}*/ .heart_cc .fa-heart { color: #a1a1a1; } .sh_lis_star li { display: inline-block; } .sh_lis_star span { display: flex; margin-right: 8px; } .sh_lis_star span i { font-size: 11px; color: #ef9a0c; margin: 0 1px; } .sh_lis_star li { font-size: 13px; color: #181616; } .sh_lis_star li b { font-weight: normal; color: #939393; } .search_lop_left em { display: inline-block; } .search_lop_left em img { height: 137px; width: 137px; object-fit: cover; border-radius: 100%; margin: 0 auto; } .search_lop_left { float: left; width: 18%; text-align: center; padding-top: 16px; } .search_lop_left h4 { font-size: 17px; line-height: 22px; margin-top: 8px; font-weight: normal; } .search_lop_left h5 { font-size: 14px; color: #4a5f67; font-weight: normal; margin-top: 3px; } .sh_lis_star { margin-top: 2px; } .search_lop_right { width: 82%; float: left; padding-left: 34px; } .search_sibj li { display: flex; font-size: 14px; color: #4a5f67; margin-right: 20px; } .search_sibj li .badge-info { margin: 0 3px; } .search_sibj li img { margin-right: 8px; } .search_lop_name { border-right: solid #ebebeb 1px; margin-top: 23px; float: left; width: 70%; } .search_lop_name_list { width: 30%; float: left; /* border-left: solid #ebebeb 1px; */ padding-left: 20px; padding-bottom: 12px; } .search_lop_name h4 { color: #000000; font-size: 21px; line-height: 29px; font-family: 'Cerebri Sans SemiBold'; margin-bottom: 7px; } .search_lop_name h4 a { color: #000000; } .search_sibj li:last-child { margin-right: 0; } .find_drop li { font-family: 'Satisfy', cursive; font-size: 21px; } .find_select select { font-family: 'Satisfy', cursive; font-size: 21px; } .find_select select option { font-family: 'Satisfy', cursive; } .sub_list li { display: inline-block; font-size: 14px; color: #637377; border-radius: 40px; height: 25px; padding: 2px 11px; margin-right: 4px; margin-top: 5px; background: #f3f3f3; } .gj_dk_vw_tut_name_div { margin-bottom: 10px; } .sub_list { margin-top: 11px; } .lop_name_box { width: 100%; display: inline-block; } .search_lop_name_list li { font-size: 15px; color: #b80f0a; margin-top: 11px; display: flex; } .search_lop_name_list li a { color: #b80f0a; font-style: italic; } .lop_name_para { width: 100%; margin-top: 10px; border-top: solid 1px #ebebeb; /* margin-top: -7px; */ padding-right: 65px; } .lop_name_para p { font-size: 14px; line-height: 23px; color: #545e6e; padding-top: 10px; } .heart_cc_act .fa-heart { color: #c0012c; } .pagi_cc { width: 100%; display: inline-block; margin-top: 33px; } .pagination { justify-content: center; } .page-link { font-size: 18px; font-family: 'Cerebri Sans SemiBold'; padding: 0; width: 44px; height: 44px; border-radius: 7px !important; text-align: center; line-height: 44px; color: #000; margin: 0 4px; border-color: #d5d9da; } .page-item.active .page-link { border-color: #b8100a; background: #b8100a; color: #fff !important; } .page-link:hover { border-color: #b8100a; background: #b8100a; color: #fff !important; } .mobile_filter_as { width: 100%; min-height: 25px; line-height: 25px; cursor: pointer; background: #b8100a; text-align: center; color: #fff; padding: 7px; display: none; border-radius: 10px; } .search_le_check_bx li label { cursor: pointer; } /*27/07/21*/ .menu_sec .dropdown-menu li { display: flex !important; } .menu_sec .dropdown-menu .dropdown-submenu:hover .dropdown-toggle i { color: #fff !important; } .dropdown-submen.show { display: block !important; } input.submit-login.disable-input { opacity: 0.5; } .ui-widget.ui-widget-content { z-index: 5 !important; } .ui-datepicker-prev { background: url(../images/arowleft.png)no-repeat center !important; right: 27px; left: inherit !important; } .ui-datepicker-next { background: url(../images/arowrigg.png)no-repeat center !important; } .ui-datepicker .ui-datepicker-title { text-align: left !important; } .ui-datepicker-prev, .ui-datepicker-next { width: 23px !important; height: 23px !important; background-size: 7px !important; border: none !important; border-radius: 100% !important; background-color: #f2f2f2 !important; } .ui-datepicker-prev span, .ui-datepicker-next span { display: none !important; } .ui-datepicker-prev:hover, .ui-datepicker-next:hover { background-color: #b80f0a33 !important; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { top: 50% !important; -webkit-transform: translateY(-50%) !important; -moz-transform: translateY(-50%) !important; transform: translateY(-50%) !important; } .ui-widget.ui-widget-content { border-color: #eaeaea !important; padding: 10px; } .ui-widget-header { background: #fff !important; border-color: #fff !important; } .ui-datepicker .ui-datepicker-title { margin-left: 0 !important; font-family: 'Segoe UI' !important; } .ui-datepicker th { color: #c9c9c9 !important; font-family: 'Segoe UI' !important; font-weight: 400 !important; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { background: none !important; text-align: center !important; padding: 10px; border-color: #ececec !important; background: #fff !important; } .ui-state-default .ui-state-active { border: 2px solid #b80f0a !important; color: #b80f0a !important; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { color: #fff !important; background: #b80f0a !important; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 0 !important; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { color: #b80f0a !important; border: 1px solid #b80f0a !important; } .ui-widget.ui-widget-content { background: #fff !important; } .cal-head__day, .cal-body__day { font-size: 18px !important; } .ui-datepicker table { font-size: 15px !important; } .cal-day__month--previous, .cal-body__day.cal-day__month--next { font-size: 0 !important; } .ui-datepicker td { padding: 0 !important; } /*.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{ border:1px solid #b80f0a !important;}*/ .ui-datepicker td { border: 1px solid #ececec !important; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-datepicker .ui-datepicker-next { right: 0 !important; } .ui-datepicker { width: 23em !important; } .dash-d { position: relative; } .over_llp1 { position: absolute; top: 8.5px; right: 14px; } .form_box_area textarea { background: #FFF; width: 100%; /*font-style: italic !important;*/ height: 120px; border: 1px solid #c7d8dd; border-radius: 8px; outline: none; font: 400 15px/18px 'Cerebri Sans Book'; color: #808080; padding: 0 9px; padding-right: 9px; padding-right: 10px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; resize: none; padding-top: 10px; padding-bottom: 10px; } .das-hr { margin: 3px; margin-left: -20px; margin-right: -39px; border-bottom: 0; border-top: 1px solid #e8e8e8; } .sub_btn { background: rgba(184, 17, 11, 1); background: -moz-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(184, 17, 11, 1)), color-stop(88%, rgba(184, 17, 11, 1)), color-stop(100%, rgba(156, 7, 5, 1))); background: -webkit-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: -o-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: -ms-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: linear-gradient(to bottom, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8110b', endColorstr='#9c0705', GradientType=0); height: 47px; border: 0; cursor: pointer; width: 270px; border-radius: 6px; font-size: 18px; font-family: 'Cerebri Sans SemiBold'; letter-spacing: 0.5px; line-height: 43px; color: #ffffff; text-align: center; margin: 5px 0; margin-top: 20px; display: block; } .sub_btn:hover { background: linear-gradient(to bottom, rgb(215 60 94) 0%, rgb(215 60 94) 88%, rgb(181 25 59) 100%); color: #fff; } /* START TOOLTIP STYLES */ [tooltip] { position: relative; /* opinion 1 */ ; } /* Applies to all tooltips */ [tooltip]::before, [tooltip]::after { text-transform: none; /* opinion 2 */ font-size: .9em; /* opinion 3 */ line-height: 1; user-select: none; pointer-events: none; position: absolute; display: none; opacity: 0; } [tooltip]::before { content: ''; border: 5px solid transparent; /* opinion 4 */ z-index: 1001; /* absurdity 1 */ ; } [tooltip]::after { content: attr(tooltip); /* magic! */ /* most of the rest of this is opinion */ font-size: 13px; line-height: 17px; /* Let the content set the size of the tooltips but this will also keep them from being obnoxious */ width: 21em; overflow: hidden; padding: 1ch 1.5ch; border-radius: .3ch; box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35); background: #333; color: #fff; z-index: 1000; /* absurdity 2 */ ; } /* Make the tooltips respond to hover */ [tooltip]:hover::before, [tooltip]:hover::after { display: block; } /* don't show empty tooltips */ [tooltip='']::before, [tooltip='']::after { display: none !important; } /* FLOW: UP */ [tooltip]:not([flow])::before, [tooltip][flow^="up"]::before { bottom: 100%; border-bottom-width: 0; border-top-color: #333; } [tooltip]:not([flow])::after, [tooltip][flow^="up"]::after { bottom: calc(100% + 5px); } [tooltip]:not([flow])::before, [tooltip]:not([flow])::after, [tooltip][flow^="up"]::before, [tooltip][flow^="up"]::after { left: 50%; transform: translate(-50%, -.5em); } /* FLOW: DOWN */ [tooltip][flow^="down"]::before { top: 100%; border-top-width: 0; border-bottom-color: #333; } [tooltip][flow^="down"]::after { top: calc(100% + 5px); } [tooltip][flow^="down"]::before, [tooltip][flow^="down"]::after { left: 50%; transform: translate(-50%, .5em); } /* FLOW: LEFT */ [tooltip][flow^="left"]::before { top: 50%; border-right-width: 0; border-left-color: #333; left: calc(0em - 5px); transform: translate(-.5em, -50%); } [tooltip][flow^="left"]::after { top: 50%; right: calc(100% + 5px); transform: translate(-.5em, -50%); } /* FLOW: RIGHT */ [tooltip][flow^="right"]::before { top: 50%; border-left-width: 0; border-right-color: #333; right: calc(0em - 5px); transform: translate(.5em, -50%); } [tooltip][flow^="right"]::after { top: 50%; left: calc(100% + 5px); transform: translate(.5em, -50%); } /* KEYFRAMES */ @keyframes tooltips-vert { to { opacity: .9; transform: translate(-50%, 0); } } @keyframes tooltips-horz { to { opacity: .9; transform: translate(0, -50%); } } /* FX All The Things */ [tooltip]:not([flow]):hover::before, [tooltip]:not([flow]):hover::after, [tooltip][flow^="up"]:hover::before, [tooltip][flow^="up"]:hover::after, [tooltip][flow^="down"]:hover::before, [tooltip][flow^="down"]:hover::after { animation: tooltips-vert 300ms ease-out forwards; } [tooltip][flow^="left"]:hover::before, [tooltip][flow^="left"]:hover::after, [tooltip][flow^="right"]:hover::before, [tooltip][flow^="right"]:hover::after { animation: tooltips-horz 300ms ease-out forwards; } .qus-cir { color: #b80f0a; font-size: 13px; } .clearfix { clear: both; } .open_menu .acv a { color: #b80f0a; } .class-feild { background: #f7f7f7; padding: 20px 15px 0; } .user-right-top-new { padding: 20px 15px 10px; } .dash-d1 { float: left; width: calc(50% - 15px); margin-right: 15px; position: relative; } .new_rows.no-gutters>.new_rows1.no-gutters>.col { padding-right: 16px; padding-left: 0px; } .dash-btn { background: rgba(184, 17, 11, 1); background: -moz-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(184, 17, 11, 1)), color-stop(88%, rgba(184, 17, 11, 1)), color-stop(100%, rgba(156, 7, 5, 1))); background: -webkit-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: -o-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: -ms-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: linear-gradient(to bottom, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8110b', endColorstr='#9c0705', GradientType=0); height: 45px; border: 0; cursor: pointer; width: 100%; border-radius: 6px; font-size: 18px; font-family: 'Cerebri Sans SemiBold'; letter-spacing: 0.5px; line-height: 43px; color: #ffffff; text-align: center; margin-top: 30px; display: flex; align-items: center; justify-content: center; } .dash-btn img { margin-right: 5px; } .dash-btn:hover { background: linear-gradient(to bottom, rgb(215 60 94) 0%, rgb(215 60 94) 88%, rgb(181 25 59) 100%); color: #fff; } .nav-tabs { border-bottom: 1px solid #dee2e6; margin-bottom: 17px; width: calc(100% - 110px); } .nav-tabs .nav-item { margin-bottom: 1px; } .custom_tab li { margin-right: 50px; } .custom_tab li { margin-right: 50px; } .custom_tab li a { color: #222020; font-size: 17px; padding: 5px 0px 8px 0; position: relative; border: none !important; } .custom_tab li a.active:before, .custom_tab li a:hover:before { width: 53px; height: 3px; content: ""; position: absolute; background: #d84267; top: 95%; left: 0; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; } .custom-table { float: left; width: 100%; margin-bottom: 40px; } .table { display: table; margin-bottom: 0px !important; max-width: 100%; width: 100% !important; background-color: transparent; /* box-shadow: 0px 1px 2px #dcdcdc; */ } .table .one_row1 { display: table-row; } .tab_head_sheet { background: url(../images/back-table.png); border: medium none; color: #ffffff; font-size: 16px; line-height: 25px; font-weight: 500; } .cell1 { display: table-cell; padding: 8px 4px 10px 4px; position: relative; vertical-align: middle; white-space: nowrap; /* box-shadow: 0px 1px 1px #f3f2f2; */ text-align: left; } .tab_head_sheet_1 { border: medium none; height: 50px; text-align: left; white-space: normal; overflow-wrap: break-word; color: #2a2f38; font-size: 15px; line-height: 21px; text-align: left; padding: 0px 10px 6px 6px; border-bottom: 1px solid #e0e0e0; } .W55_1 { display: none; } .user-right-top-new p.appr { color: #099d60; } .show-actions { display: none; position: absolute; z-index: 99; background: #fff; top: 52px; right: 0; width: 155px; border-radius: 8px; border: 1px solid #dddcdc; padding: 8px 0; } .show-actions li a img { margin-left: 5px; } .angle { position: absolute; top: -12px; right: 25px; } .show-actions ul li a { float: left; width: 100%; padding: 2px 10px; color: #213047; cursor: pointer; font-size: 15px; font-weight: 400; } .show-actions ul li a:hover { color: #d73c5e !important; } .user-right-top-new p.compd { color: #113e8f; } .user-right-top-new p.canld { color: #d73c5e; } .new-table-mr { margin-bottom: 25px; } ul.pagination.new-pagination { justify-content: flex-start; } ul.pagination.new-pagination .page-link { width: 38px; font-size: 16px; height: 38px; line-height: 38px; border-radius: 8px !important; display: flex; justify-content: center; align-items: center; } .innv a { color: #2a2f38; } .innv a:hover { color: #b80f0a; } .deen { background: rgba(184, 17, 11, 1); background: -moz-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(184, 17, 11, 1)), color-stop(88%, rgba(184, 17, 11, 1)), color-stop(100%, rgba(156, 7, 5, 1))); background: -webkit-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: -o-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: -ms-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: linear-gradient(to bottom, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8110b', endColorstr='#9c0705', GradientType=0); padding: 7px 15px; border: 0; cursor: pointer; width: 100%; border-radius: 6px; font-size: 14px; font-family: 'Cerebri Sans SemiBold'; letter-spacing: 0.5px; color: #ffffff; text-align: center; margin-bottom: 10px; display: flex; align-items: center; } .deen:hover { background: linear-gradient(to bottom, rgb(215 60 94) 0%, rgb(215 60 94) 88%, rgb(181 25 59) 100%); color: #fff; color: #fff; } .tab-rii { display: flex; align-items: center; justify-content: space-between; } .tab_head_sheet img { margin-left: 6px; } .account-area-tutor .meet_tutors_items { box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.19); -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.19); -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.19); padding: 20px 15px 10px; margin-bottom: 20px; min-height: auto; position: relative; } .tutor-cross { position: absolute; right: 12px; top: 10px; cursor: pointer; width: 32px; height: 32px; opacity: 0; z-index: 9; } .tutor-cross img { width: 25px; } .account-area-tutor .meet_tutors_items:hover .tutor-cross { opacity: 1; } .account-area-tutor .meet_tutors_items:hover .tutor-cross:hover { opacity: 0.8; } .account-area-tutor .meet_tutors_items:hover { box-shadow: 0 0 3px 3px #f4f4f4; } .user-right-top-ness { padding: 20px; } .user-right-top-ness p { font-size: 15.5px; line-height: 18px; color: #545e6e; } .account-area-tutor { margin-top: 25px; margin-bottom: 10px; } .new-nav-pagination { margin-bottom: 20px; } .account-area-tutor .meet_tutors_img span:before { position: absolute; width: 112px; height: 112px; background: url(../images/meet1bg.png)no-repeat; content: ""; left: 51%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); top: -13px; } .account-area-tutor .meet_tutors_img span img { width: 91px !important; height: 91px; border-radius: 100%; object-fit: cover; } .account-area-tutor .meet_tutors_text h4 { font-size: 18px; margin-top: 10px; } .user-right-top-ness .account-area-tutor .meet_tutors_text p { font-size: 14px; line-height: 18px; color: #637377; margin-top: 4px; } .postr { font-size: 15px; line-height: 18px; color: #b80f0a; } .postr:hover { color: #d73c5e; } .account-area-tutor .ret_ul b { font-size: 12px; } .account-area-tutor .subj_ul li b { padding: 0 10px; } .account-area-tutor .subj_ul li { padding: 0; } .account-area-tutor .meet_tutors_text small { font-size: 15.5px; color: #272b32; margin-top: 13px; } .account-area-tutor .ret_ul { margin-top: 8px; } .account-area-tutor .subj_ul { margin-top: 13px; } .dash-hr { margin: 10px; border-bottom: 0; border-top: 1px solid #e8e8e8; } .tutor-sort .stor_by select { font-size: 15px; padding: 5px; } .per-info img { margin-right: 10px; margin-left: 0 !important; margin-top: -5px; } .user-right-panel.tutor-right { background: transparent; box-shadow: none; } .turo-edit { background: #fff; border-radius: 9px; box-shadow: 0px 2px 8px 0px rgb(0 0 0 / 14%); -webkit-box-shadow: 0px 2px 8px 0px rgb(0 0 0 / 14%); -moz-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.14); } .step_tab { padding-left: 15px; } .step_tab ul li { float: left; background: #d73c5e; border-radius: 8px 8px 0 0; margin-right: 8px; padding: 10px 9px; border: 1px solid #d73c5e; border-bottom: 0; height: 44px; color: #fff; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .step_tab ul li a { color: #fff; font-size: 16px; } .step_tab ul li.active, .step_tab ul li:hover { background: #fff; border: 1px solid #b80f0a; border-bottom: 0; } .step_tab ul li.active a, .step_tab ul li:hover a { color: #b80f0a; } .step_tab ul li a .actt { display: none; } .step_tab ul li:hover a .actt { display: inline-block; } .step_tab ul li.active a .actt { display: inline-block; } .step_tab ul li.active a .accth { display: none; } .step_tab ul li a .accth { display: inline-block; } .step_tab ul li:hover a .accth { display: none; } .uplodimg { width: 100%; display: flex; align-items: center; margin-top: -5px; margin-bottom: 17px; width: 100% !important; } .uplodimgfil { width: 31.33%; } .uplodimgfil b { width: 100%; font-size: 16px; color: #000000; font-family: 'Cerebri Sans Book'; display: block; margin-bottom: 7px; font-weight: normal; } .uplodimg input[type="file"] { display: none; } .uplodimg label { height: 47px; border-radius: 6px; text-align: left; cursor: pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; width: 100%; } .inputfile+label { padding: 0 !important; padding: 0 12px !important; font-weight: 400 !important; max-width: 100% !important; } .inputfile+label { text-overflow: ellipsis; white-space: nowrap; cursor: pointer; display: inline-block; overflow: hidden; padding: 0.625rem 1.25rem; } .inputfile-1+label { background: rgba(184, 17, 11, 1); background: -moz-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(184, 17, 11, 1)), color-stop(88%, rgba(184, 17, 11, 1)), color-stop(100%, rgba(156, 7, 5, 1))); background: -webkit-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: -o-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: -ms-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: linear-gradient(to bottom, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8110b', endColorstr='#9c0705', GradientType=0); color: #fff !important; font-size: 16px; font-family: 'Cerebri Sans SemiBold'; line-height: 47px; letter-spacing: 0.5px; } .uplodimg label img { float: right; margin-top: 15px; } .uplodimgfilimg { margin-left: 18px; padding-top: 26px; } .uplodimgfilimg em { width: 49px; height: 49px; position: relative; display: inline-block; overflow: hidden; border-radius: 50%; } .uplodimg em img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; max-height: 100%; max-width: 100%; width: auto !important; height: auto; margin: auto; transition: transform .5s; } .form_box_area input.urli { transition: all 0.3s; background: #fff url(../images/yout-cion.png)no-repeat center right 13px; -webkit-appearance: none; -moz-appearance: none; padding-right: 22px; appearance: none; white-space: nowrap; text-overflow: ellipsis; } .user-right-top p.note, .note { color: #b80f0a; font-size: 13px; line-height: 15px; margin-top: 7px; font-style: italic; } .tur-radio { margin-bottom: 25px; } .form_box_area input[type].pricein { position: relative; padding-left: 47px !important; } .llt_icon { position: absolute; z-index: 99; left: 0; top: 27px; border-right: 1px solid #c7d8dd; height: 45px; width: 38px; line-height: 49px; text-align: center; } .llt_icon i { color: #c7d8dd; font-size: 15px; line-height: 28px; font-weight: 600; } .sub_btn2 { background: rgba(184, 17, 11, 1); background: -moz-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(184, 17, 11, 1)), color-stop(88%, rgba(184, 17, 11, 1)), color-stop(100%, rgba(156, 7, 5, 1))); background: -webkit-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: -o-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: -ms-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: linear-gradient(to bottom, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8110b', endColorstr='#9c0705', GradientType=0); height: 47px; border: 0; cursor: pointer; width: 215px; border-radius: 6px; font-size: 18px; font-family: 'Cerebri Sans SemiBold'; letter-spacing: 0.5px; line-height: 43px; padding: 0 15px; color: #ffffff; text-align: left; margin: 5px 0; margin-top: 20px; position: relative; display: block; } .sub2-lap { position: absolute; top: 41px; left: 191px; } .sub_btn2:hover, .inputfile-1+label:hover { background: linear-gradient(to bottom, rgb(215 60 94) 0%, rgb(215 60 94) 88%, rgb(181 25 59) 100%); color: #fff; } .new-affter { margin-left: 20px !important; } ul.navbar-nav.menu_sec.after-login.new-affter { padding-right: 0px; } .showmeu:hover { color: #fff; background: #d73c5e; } .res-modal .modal-header { border: 0; padding-bottom: 0; } .res-modal .modal-title { font-size: 20px; padding-bottom: 13px; border-bottom: 1px solid #e2e2e2; width: 100%; position: relative; } .res-modal .modal-title:after { position: absolute; content: ""; width: 48px; height: 4px; background: #b80f0a; z-index: 9999; bottom: 0; left: 0; } .res-modal .modal-body { padding-top: 0; background: #fff; border-radius: 0px; } .res-modal .modal-body .appome_input input[type="text"], .res-modal .modal-body .appome_input input[type="email"], .res-modal .modal-body .appome_input input[type="tel"], .res-modal .modal-body .appome_input select { margin-top: 5px; } .res-modal .modal-footer { justify-content: flex-start; } .res-modal .btn-new { float: right; } .next-btn1 { display: block !important; border-top: 1px solid #e9ecef; margin-top: 35px; padding-top: 20px; } .res-modal .modal-footer .btn, .res-modal .btn-new { height: 40px; background: rgba(184, 17, 11, 1); background: -moz-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(184, 17, 11, 1)), color-stop(88%, rgba(184, 17, 11, 1)), color-stop(100%, rgba(156, 7, 5, 1))); background: -webkit-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: -o-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: -ms-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: linear-gradient(to bottom, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8110b', endColorstr='#9c0705', GradientType=0); color: #fff; border-radius: 6px; border: 0; text-transform: capitalize; cursor: pointer; font-size: 16px !important; letter-spacing: 0.5px; font-weight: normal; letter-spacing: 0.2px; line-height: 22px; width: 100px; } .res-modal .modal-footer .btn:hover, .res-modal .btn-new:hover { background: linear-gradient(to bottom, rgb(215 60 94) 0%, rgb(215 60 94) 88%, rgb(181 25 59) 100%); color: #fff; color: #fff; } .modal-open .modal { z-index: 999999 !important; } .res-modal .modal-body .appome_input label { width: 100%; font-size: 16px; color: #000000; font-family: 'Cerebri Sans Book'; display: block; margin-bottom: 4px; margin-top: 9px; } .res-modal .modal-body { padding-top: 15px; } .res-modal .modal-body .appome_input textarea { background: #FFF; width: 100%; height: 120px; border: 1px solid #c7d8dd; border-radius: 8px; outline: none; font: 400 15px/18px 'Cerebri Sans Book'; color: #808080; padding: 0 9px; padding-right: 9px; padding-right: 10px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; resize: none; padding-top: 10px; padding-bottom: 10px; } .user-account-info h4 { color: #000; font-size: 18px; font-family: 'Cerebri Sans SemiBold'; font-weight: normal; margin-bottom: 12px; } .add_btn { background: rgba(184, 17, 11, 1); background: -moz-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(184, 17, 11, 1)), color-stop(88%, rgba(184, 17, 11, 1)), color-stop(100%, rgba(156, 7, 5, 1))); background: -webkit-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: -o-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: -ms-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: linear-gradient(to bottom, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8110b', endColorstr='#9c0705', GradientType=0); height: 45px; text-align: center; border: 0; cursor: pointer; width: 100%; border-radius: 8px; font-size: 18px; font-family: 'Cerebri Sans SemiBold'; letter-spacing: 0.5px; line-height: 43px; padding: 0 15px; color: #ffffff; margin: 5px 0; margin-top: 30px; position: relative; display: block; } .add_btn:hover { background: linear-gradient(to bottom, rgb(215 60 94) 0%, rgb(215 60 94) 88%, rgb(181 25 59) 100%); color: #fff; } .bootstrap-select .bs-ok-default::after { width: 0.3em; height: 0.6em; border-width: 0 0.1em 0.1em 0; transform: rotate(45deg) translateY(0.5rem); } .btn.dropdown-toggle:focus { outline: none !important; } .dat-hr { border-bottom: 0; border-top: 1px solid #e8e8e8; } span.angle.new-an { left: 46%; } .newst-acctinfo .form_box_area { width: 100%; position: relative; margin-bottom: 20px; } span.angle.angle2 { right: 7px; } .ui.popup.calendar.bottom.left.transition.hidden { z-index: 999999 !important; } .ui.calendar .ui.popup { inset: 0 !important; top: 34px !important; } .tupro { display: flex; align-items: center; margin-top: 8px; width: 120%; } .tupro span { background: #ccc; border-radius: 50px; width: 48px; height: 48px; overflow: hidden; display: inline-block; position: relative; margin-right: 18px; } .tupro span img { max-height: 100%; max-width: 100%; width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .tupro h6 { color: #000; font-size: 16px; line-height: 18px; font-weight: normal; } .check-box.new-av-check input[type="checkbox"]+label { padding-left: 30px; } .check-box.new-av-check label.checklabeel { color: #3a4448; font-size: 15px; font-style: normal; letter-spacing: 0.2px; } .ui.input { font-size: 1em; width: 100%; } .list-show li { float: left; padding: 4px 10px; border-radius: 5px; background: #f2f2f2; color: #434648; margin-right: 10px; font-size: 14.5px; margin-top: -10px; margin-bottom: 18px; } .list-show span { margin-left: 4px; } .list-show span a:hover { opacity: 0.7; } .user-right-top p.desi { font-size: 14px; line-height: 17px; } .allread { font-size: 14px; cursor: pointer; color: #b80f0a !important; } .allread:hover { color: #d73c5e !important; } .w-100 { width: 100%; } .special_img_bx.w-100 { padding-top: 20px !important; } .makes_faq_bx.newfaq .card-header a { padding: 13px 33px 13px 23px; font-size: 17px; } .makes_faq_bx.newfaq .card { margin-top: 15px; } .special_img_bx.w-100 img { height: auto; } .faq-by { background: #fcf9f4 } .extra-ffot { margin-top: 0; } /* section.makes_special_sec.faq-sec { padding: 62px 0 0px; } */ .terms-sec { padding: 35px 0 65px; position: relative; } .terms-sec:before { position: absolute; right: 0; bottom: 0; width: 678px; height: 681px; background: url(../images/top_reasons_bg1.png)no-repeat; content: ""; background-size: 100%; } .terms-sec .page_hed { position: relative; padding-bottom: 20px; } .terms-sec .page_hed p { margin-top: 3px; } .terms-sec .page_hed:before { position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); width: 51px; height: 4px; background: #b8110b; content: ""; } .terms-sec .page_hed:after { position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); width: 50%; height: 1px; background: #dfdfdf; content: ""; } .terms-sec .page_hed h3, .makes_special_inr .page_hed h3 { font-size: 35px; line-height: 48px; } .privacy-content { padding: 0 15px 15px 15px; margin: 50px 0 0 0; } .privacy-content h3 { color: #0c0e0e; font-size: 19px; line-height: 27px; font-weight: normal; font-family: 'Cerebri Sans SemiBold'; } .privacy-content p, .privacy-content ul li { font-size: 15px; line-height: 23px; color: #666d6d; margin-top: 6px; margin-bottom: 20px; } .privacy-content ul { list-style-type: disclosure-closed; padding-left: 20px; } .privacy-content ol li { font-size: 15px; line-height: 23px; color: #666d6d; margin-top: 6px; margin-bottom: 10px; } .help-sec { overflow: hidden; } .search-container { background-color: #FFF; position: relative; border-radius: 8px; padding: 3px 50px 3px 10px; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.12); } .search-box { background: url(../images/search1.png)no-repeat center left 10px; outline: none; height: 45px; font-family: 'Satisfy', cursive; font-size: 20px; border: 0; width: 100%; padding-left: 40px; } .search-button { position: absolute; right: 4px; top: 4px; background: rgba(184, 17, 11, 1); background: -moz-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(184, 17, 11, 1)), color-stop(88%, rgba(184, 17, 11, 1)), color-stop(100%, rgba(156, 7, 5, 1))); background: -webkit-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: -o-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: -ms-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: linear-gradient(to bottom, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8110b', endColorstr='#9c0705', GradientType=0); height: 42px; border: 0; line-height: 40px; color: #fff; border-radius: 6px; width: 90px; outline: 0; cursor: pointer; font-size: 16px; font-family: 'Cerebri Sans SemiBold'; } .search-button:hover { background: linear-gradient(to bottom, rgb(215 60 94) 0%, rgb(215 60 94) 88%, rgb(181 25 59) 100%); color: #fff; } .help-banner h2 { display: inline-block; width: 100%; font-size: 36px; line-height: 42px; color: #fff; margin-top: 8px; text-align: center; margin-bottom: 30px; letter-spacing: 2px; } .topics-sec { margin-top: -40px; padding-bottom: 80px; z-index: 5; position: relative; } .topics { background: #fff; border-radius: 8px; -webkit-box-shadow: 0px 0px 25px 0px rgb(192 192 192 / 40%); -moz-box-shadow: 0px 0px 25px 0px rgba(192, 192, 192, 0.4); box-shadow: 0px 0px 25px 0px rgb(192 192 192 / 40%); padding: 0px 0; margin-bottom: 40px; } .topics ul li { border-right: 1px solid #f3f3f3; width: 20%; float: left; text-align: center; transition: all .2s ease-in-out; } .topics ul li a { padding: 25px 15px; position: relative; } .new-nav li a:hover, .new-nav li a.active { transform: scale(1.04); border-radius: 8px; border-radius: 8px; box-shadow: 0px 0px 8px 0px rgb(192 192 192 / 19%); background: #b80f0a; z-index: 99; } .new-nav li:hover a, .new-nav li a.active { color: #fff; } .topics ul li:last-child { border: 0; } .new-nav li a:before { position: absolute; left: -7px; top: 0; left: 0; background: url(../images/dd.png)no-repeat; background-size: 100% !important; width: 40px; height: 38px; content: ""; visibility: hidden; opacity: 0; } .new-nav li a:hover:before, .new-nav li a:hover:after, .new-nav li a.active:before, .new-nav li a.active:after { visibility: visible; opacity: 1; } .new-nav { width: 100%; margin-bottom: 0; border: 0; } .new-nav li a { color: #0c0e0e; display: block; font-size: 19px; line-height: 29px; font-family: 'Cerebri Sans SemiBold'; } .new-nav li:hover a { color: #fff; } section.makes_special_sec.faq-sec:before, section.makes_special_sec.faq-sec:after { display: none; } .faq-tabs { margin: 5px 0 20px 0; width: 100%; border: 0; display: flex; justify-content: center; } .faq-tabs li { margin-right: 30px; float: left; } .faq-tabs li a { color: #0c0e0e; margin-top: 28px; display: block; border-radius: 10px; box-shadow: 0px 0px 12px 0px rgb(192 192 192 / 35%); background: #fff; padding: 15px 30px; font-size: 20px; line-height: 29px; font-family: 'Cerebri Sans SemiBold'; position: relative; } .faq-tabs li a:hover, .faq-tabs li a.active { transform: scale(1.04); border-radius: 8px; border-radius: 8px; box-shadow: 0px 0px 8px 0px rgb(192 192 192 / 19%); background: #b80f0a; border-bottom: 2px solid #fff; color: #fff; z-index: 99; } .faq-tabs li a:before { position: absolute; left: 3px; top: 3px; background: url(../images/dd.png)no-repeat; background-size: 100% !important; width: 30px; height: 25px; border-radius: 6px 0 0 0; content: ""; visibility: hidden; opacity: 0; } .faq-tabs li a:hover:before, .faq-tabs li a:hover:after, .faq-tabs li a.active:before, .faq-tabs li a.active:after { visibility: visible; opacity: 1; } .makes_special_inr .page_hed { padding-bottom: 20px; position: relative; } .makes_special_inr .page_hed:before { position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); width: 51px; height: 4px; background: #b8110b; content: ""; } .makes_special_inr .page_hed:after { position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); width: 70%; height: 1px; background: #dfdfdf; content: ""; } .about-banner { background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; height: 180px; } .about-banner:before { content: ""; position: absolute; z-index: -1; height: 100%; width: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); } .about-banner .breadcrumb { padding: 0; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: transparent; margin-bottom: 15px; } .about-banner .breadcrumb-item, .about-banner .breadcrumb-item a { font-size: 16px; font-weight: 500; color: #fff; } .about-banner .breadcrumb .breadcrumb-item:before { color: #ebe8e8; } .about-banner .breadcrumb .breadcrumb-item.active { color: #ffffff; } .breadcrumb-item+.breadcrumb-item { padding-left: .5rem; } .inner-banner-title { text-align: center; padding-top: 35px; } .inner-banner-title .title { max-width: 85%; width: 100%; margin-left: auto; margin-right: auto; color: #ffffff; margin-bottom: 0; font-size: 43px; line-height: 1.17; font-family: 'Cerebri Sans SemiBold'; font-weight: 600; } .newabb .inner-banner-title .title { font-style: italic; font-size: 30px; font-weight: 400; font-family: 'Satisfy', cursive; } .bannertext-sec { padding: 70px 0 80px; } .about-wrapper { position: relative; } .about__review { position: absolute; left: -25px; top: 100px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .ml-100 { margin-left: 100px; } .about__review h5 { font-size: 16px; font-weight: 400; color: #6d6e75; margin-bottom: 0; } .about__review h5 span { font-weight: 600; color: #0e1133; } .about__thumb img { width: 370px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .mt--80 { margin-top: -80px; } .ml-270 { margin-left: 270px; } .about__student img { height: 36px; width: 36px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 2px solid #ffffff; -webkit-box-shadow: 0px 10px 20px 0px rgb(0 5 52 / 10%); -moz-box-shadow: 0px 10px 20px 0px rgba(0, 5, 52, 0.1); box-shadow: 0px 10px 20px 0px rgb(0 5 52 / 10%); } .about__student p { margin-top: 4px; font-size: 15px; margin-bottom: 0; } .about__student p span { font-weight: 600; color: #0e1133; } .mt--210 { margin-top: -230px; } .about__banner img { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; max-width: 255px; } .about-text { padding-left: 18px; } .about-text h2 { font-size: 31px; line-height: 38px; margin-bottom: 8px; font-family: 'Cerebri Sans Bold'; } .about-text p { color: #4b5561; font-size: 15px; text-align: Justify; line-height: 25px; margin-top: 0px; margin-bottom: 8px; } .about-text h3 { margin-top: 15px; font-size: 31px; margin-bottom: 5px; line-height: 38px; } .about-text ul li img { margin-right: 15px; } .about-text ul li { font-size: 15px; font-weight: 500; color: #0e1133; margin-bottom: 5px; } .about-text .pg_btn { line-height: 50px; height: 50px; padding: 0 27px; font-size: 18px; } .mb-35 { margin-bottom: 35px; } .mis_cont { border: 1px solid #efefef; border-radius: 20px; padding: 0 25px 25px; -webkit-box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 6%); -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 6%); display: flex; background: #fff; border-bottom: 5px solid #b80f0a; margin-bottom: 25px; } .mis_cont .media_img { display: inline-block; width: 91px; background: #b80f0a; border-radius: 0 0 50px 50px; padding: 27px 0 18px; height: 115px; text-align: center; margin-right: 22px; } .mis_cont .media-body { padding-top: 25px; } .mis_cont .media-body h6 { font-family: 'Cerebri Sans Bold'; font-size: 21px; color: #0c0e0e; font-weight: 400; margin-bottom: 13px; } .mis_cont .media-body p { font-weight: 400; font-size: 15.5px; line-height: 26px; text-align: justify; color: #566067; } .mis_cont { margin-top: 40px; } section.how_did_we_do.misssec:after { display: none; } .contact-us { padding: 80px 0 60px; position: relative; } .contact-card { -webkit-box-shadow: 0 10px 30px rgb(0 0 0 / 7%); box-shadow: 0 10px 30px rgb(0 0 0 / 7%); text-align: center; padding: 25px; border-radius: 15px; margin-bottom: 30px; } .contact-card span { color: #001935; border: 1px dashed #b8110b; width: 50px; display: inline-block; height: 50px; line-height: 45px; border-radius: 50px; margin-bottom: 20px; font-size: 25px; } .contact-card ul { padding-left: 0; margin-bottom: 0; } .contact-card ul li { list-style: none; color: #001935; font-size: 16px; line-height: 26px; } .contact-card ul li a { color: #001935; } .contact-card ul li a:hover { color: #b80f0a; } .contact-area { -webkit-box-shadow: 0 10px 30px rgb(0 0 0 / 7%); box-shadow: 0 10px 30px rgb(0 0 0 / 7%); padding: 50px; border-radius: 50px; } .contact-area h3 { font-size: 34px; line-height: 46px; color: #161f26; text-align: center; font-family: 'Cerebri Sans SemiBold'; } .contact-area p { font-size: 24px; line-height: 34px; color: #40464c; font-family: 'Satisfy', cursive; margin-top: 7px; text-align: center; } form#contactForm { margin-top: 40px; } .form-group { display: block; overflow: hidden; width: 100%; margin: 0 0 18px 0; } .form-group input { display: block; overflow: hidden; width: 100%; border: 1px solid #c7d8dd; height: 48px; border-radius: 6px; padding: 0 15px; color: #8795a3; letter-spacing: 0.5px; font-family: "Cerebri Sans Book"; font-size: 15px; line-height: 20px; font-weight: 400; box-shadow: none !important; } .form-group textarea { display: block; overflow: hidden; width: 100%; border: 1px solid #c7d8dd; height: 120px; border-radius: 6px; padding: 15px 15px; color: #8795a3; letter-spacing: 0.5px; font-family: "Cerebri Sans Book"; font-size: 15px; line-height: 20px; font-weight: 400; box-shadow: none !important; } section.contact-form-section.pb-100 { padding-bottom: 80px; } .contact-btn { background: rgba(184, 17, 11, 1); background: -moz-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(184, 17, 11, 1)), color-stop(88%, rgba(184, 17, 11, 1)), color-stop(100%, rgba(156, 7, 5, 1))); background: -webkit-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: -o-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: -ms-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: linear-gradient(to bottom, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8110b', endColorstr='#9c0705', GradientType=0); height: 52px; border: 0; cursor: pointer; width: 200px; border-radius: 6px; font-size: 18px; font-family: 'Cerebri Sans SemiBold'; letter-spacing: 0.5px; line-height: 48px; padding: 0 15px; color: #ffffff; text-align: center; margin: 5px auto; margin-top: 20px; position: relative; display: block; } .contact-btn:hover { background: linear-gradient(to bottom, rgb(215 60 94) 0%, rgb(215 60 94) 88%, rgb(181 25 59) 100%); color: #fff; } section.makes_special_sec.faq-sec { background: #fafafa; } section.makes_special_sec.faq-sec .makes_special_inr:before { display: none; } section.about-banner.help-banner { height: 345px; padding-bottom: 40px; } .helptab h3 { font-size: 35px; line-height: 48px; color: #161f26; font-family: 'Cerebri Sans SemiBold'; text-align: center; margin-bottom: 30px; position: relative; padding-bottom: 20px; } .helptab h3:before { position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); width: 51px; height: 4px; background: #b8110b; content: ""; } .helptab h3:after { position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); width: 50%; height: 1px; background: #dfdfdf; content: ""; } .rev { width: 17%; } .one_row1 .ret_ul { margin-top: 0px; } .one_row1 .ret_ul li b { margin-left: 3px; vertical-align: middle; font-size: 13px; letter-spacing: 0; } .tuto-rating em { width: 110px; height: 110px; display: block; position: relative; overflow: hidden; background: #ccc; border-radius: 50%; } .tuto-rating em img { width: auto; height: auto; margin: auto; max-width: 100%; max-height: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-radius: 50%; } .tuto-rating { padding-bottom: 20px; display: flex; align-items: center; } .tu-info { margin-left: 20px; } .tu-info h2 { font-size: 24px; color: #000000; font-family: 'Cerebri Sans SemiBold'; font-weight: normal; margin-bottom: 1px; } .sed { padding: 1.5px 0 1.5px 0; } .sed, .sed span { display: flex; align-items: center; } .sed span { font-size: 15px; color: #222020; margin-right: 15px; } .sed span b { margin-right: 4px; } .sed span img { margin-right: 8px; } /* use display:inline-flex to prevent whitespace issues. alternatively, you can put all the children of .rating-group on a single line */ #half-stars-example .rating-group { display: inline-flex !important; } /* make hover effect work properly in IE */ #half-stars-example .rating__icon { pointer-events: none; } /* hide radio inputs */ #half-stars-example .rating__input { position: absolute !important; left: -9999px !important; } /* set icon padding and size */ #half-stars-example .rating__label { cursor: pointer; padding: 0 0.1em; font-size: 22px; border: 1px solid #c7d8dd; padding: 10px 10px; margin-right: 10px; border-radius: 8px; } /* add padding and positioning to half star labels */ #half-stars-example .rating__label--half { padding-right: 0; margin-right: -36px; z-index: 2; border: 0; } /* set default star color */ #half-stars-example .rating__icon--star { color: #ef990e; } /* set color of none icon when unchecked */ #half-stars-example .rating__icon--none { color: #eee; } /* if none icon is checked, make it red */ #half-stars-example .rating__input--none:checked+.rating__label .rating__icon--none { color: red; } /* if any input is checked, make its following siblings grey */ #half-stars-example .rating__input:checked~.rating__label .rating__icon--star { color: #ddd; } /* make all stars orange on rating group hover */ #half-stars-example .rating-group:hover .rating__label .rating__icon--star, #half-stars-example .rating-group:hover .rating__label--half .rating__icon--star { color: orange; } /* make hovered input's following siblings grey on hover */ #half-stars-example .rating__input:hover~.rating__label .rating__icon--star, #half-stars-example .rating__input:hover~.rating__label--half .rating__icon--star { color: #ddd; } /* make none icon grey on rating group hover */ #half-stars-example .rating-group:hover .rating__input--none:not(:hover)+#half-stars-example .rating__label .rating__icon--none { color: #eee; } /* make none icon red on hover */ #half-stars-example .rating__input--none:hover+#half-stars-example .rating__label .rating__icon--none { color: red; } .none { display: none !important; } .new-subbtn { width: 150px; } .newmar { margin-bottom: 10px !important; } .dash_info { margin-top: 15px; } .dash_info h2 { font-size: 20px; color: #000; font-weight: 600; margin-top: 20px; margin-bottom: 5px; } .dash_info p { font-size: 15px; line-height: 22px; color: #40484e; margin-bottom: 15px; } .dashboxitm { border: 1px solid #c7d8dd; padding: 15px 20px; margin-bottom: 20px; border-radius: 10px; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .dashboxitm:hover { box-shadow: 0px 0px 8px 1px #eeeeee85; } .dashboxitm:hover:after { position: absolute; height: 92%; width: 4px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); transition: all 0.3s; background: #b80f0a; content: ""; top: 5px; left: 0px; border-radius: 36px; } .meadia-img { width: 72px; height: 72px; margin-right: 19px; background: #b80f0a; border-radius: 13px; position: relative; } .meadia-img img { position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; } .meadia-body h6 { color: #3e464a; font-size: 18px; font-weight: 400; margin-bottom: 10px; } .meadia-body p { color: #101111; font-weight: bold; font-size: 22px; } .pb-50 { padding-bottom: 50px; } .tutoe-cu { margin: 79px 0 40px 0; } .new-das-cale { margin-top: 15px; margin-bottom: 43px; } .new-das-cale .cal-month__current { font-size: 20px; font-weight: 600; } .new-das-cale .calendar__head .cal-head__day { color: #8c8c8c; font-size: 16px !important; } .new-das-cale .calendar__month { margin-bottom: -25px; } .book-avi ul li { float: left; margin-left: 20px; } .book-avi ul li p img { width: 23px; margin-right: 8px; } .book-avi ul li p { display: flex; align-items: center; color: #2e3032; font-size: 15px; } .new-das-cale .calendar__head { height: 55px; } .new-das-cale .cal-head__day { margin-top: 16px; } .new-das-cale .cal-day__day--selected { background: #fff; } .new-das-cale .cal-head__day, .new-das-cale .cal-body__day { font-size: 19px !important; } .new-das-cale .cal-body__day, .new-das-cale .cal-body__week { height: 70px; align-items: center; display: flex; } .calendar_next2 { font-size: 20px; padding: 10px 0; width: 100%; position: relative; z-index: 1; } .new-das-cale .cal-month__previous, .new-das-cale .cal-month__next { position: absolute; top: 17%; cursor: pointer; width: auto; height: 35px; line-height: 33px; border-radius: 3px; text-align: center; color: #fff; display: grid; place-items: center; background: #b80f0ab3; font-size: 16px; } .new-das-cale .cal-month__previous { left: 0px; width: 99px; } .new-das-cale .cal-month__next { right: 0; width: 75px; } .new-das-cale .cal-month__previous i { color: #fff; font-size: 20px; vertical-align: text-bottom; margin-right: 7px; } .new-das-cale .cal-month__next i { color: #fff; font-size: 20px; vertical-align: text-bottom; margin-left: 7px; } .calendar_next2 { margin-top: 8px; margin-bottom: 20px; display: none; } .new-das-cale .cal-month__previous:hover, .new-das-cale .cal-month__next:hover, .new-das-cale .cal-month__next.active { background: #b80f0a; } /*-------------- calender--------------*/ .calendar { width: 100%; margin: 0px auto 0; position: relative; } .calendar__month { font-size: 20px; padding: 0px 0; width: 100%; position: relative; z-index: 1; } .cal-month__previous, .cal-month__next { position: absolute; top: 17%; cursor: pointer; width: 23px; height: 23px; border-radius: 50%; text-align: center; color: #fff; display: grid; place-items: center; background: #f2f2f2; font-size: 16px; } .cal-month__previous { right: 27px; } .cal-cal-month__next { right: 0px; } .cal-month__previous i, .cal-month__next i { color: #474747; } .cal-month__previous:hover, .cal-month__next:hover { background: #60a7ff; } .cal-month__previous img, .cal-month__next img { max-width: 100%; } /* .cal-month__previous:hover, .cal-month__next:hover { background-color: #42a5f5; box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.75); border-radius: 50%; font-weight: 800; color: #111;}*/ .cal-month__next { right: 0; } .cal-month__current { text-align: center; color: #090a11; } .cal-head__day, .cal-body__day { display: inline-block; width: 14.28571428571429%; height: 72px; float: left; color: #e1e1e1; font-size: 15px; text-align: center; } .cal-body__week, .calendar__head { display: block; height: 72px; width: 100%; display: flex; align-items: center; } .calendar__head { position: relative; } .cal-body__day { color: #dcdcdc; text-align: center; cursor: pointer; border: solid 1px #eaeaea; display: flex; justify-content: center; background: #63d267; align-items: center; } .cal-day__month--current { color: #474747; } .cal-day__day--today { color: #474747; } .cal-day__day--selected { border: 2px solid #b80f0a45; color: #000000; } .cal-head__day { margin-top: 25px; } .cal-body__day.cal-day__month--next { display: none; } /*.cal-body__week .cal-day__month--current:first-child{color: #ff4949;}*/ .cal-body__week .cal-day__month--current:last-child { color: #474747; } .cal-month__current { font-size: 18.74px; text-align: left; } .cal-month__current { font-size: 18.74px; text-align: left; font-family: 'Segoe UI'; } .calendar__head .cal-head__day { height: auto !important; color: #c9c9c9; font-family: 'Segoe UI'; text-align: left; } .cal-day__month--previous { font-size: 0; } .cal-body__day.cal-day__month--next, .cal-body__day.block_day.cal-day__month--previous, .cal-body__day.cal-day__month--previous { font-size: 0; background: #fcfcfc !important; opacity: 0.4; } .cal-body__day.block_day { background: #c0012c !important; position: relative; } .cal-body__day.block_day:before { display: none; position: absolute; content: ""; width: 3px; height: 80%; background: #ec8b8b; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .new-das-cale .cal-body__day, .new-das-cale .cal-body__week { height: 70px; align-items: center; display: flex; } .checkBox.new-cus.tur-radio { display: block !important; } .b-block, #half-stars-example { display: block !important; } .rating-group { display: inline-flex !important; } .italic { font-style: italic !important; } .dash-d1.das-radio { margin: 0 15px; width: calc(50% - 30px); } .dash-d1.das-radio input[type="radio"]+label span.color-span, .dash-d1.das-radio input[type="checkbox"]+label span.color-span { text-transform: uppercase; padding: 0px 12px; color: #36394D; font-weight: bold; line-height: 52px; width: 50px; text-align: center; background-color: #CACCD6; } .dash-d1.das-radio label span.label-cont { color: #36394D; font-size: 16px; font-weight: 400; line-height: 1.5rem; display: block; width: 100%; margin: 0; padding: 9px 56px 16px 16px; text-align: left; } .dash-d1.das-radio input[type="radio"]+label { border: 2px solid transparent; border-radius: 18px; } .dash-d1.das-radio input[type="radio"]:checked+label span.color-span, .dash-d1.das-radio input[type="checkbox"]:checked+label span.color-span { background-color: #1781d2; color: #fff; } .dash-d1.das-radio input[type="radio"]:checked+label, .dash-d1.das-radio input[type="checkbox"]:checked+label { border: 2px solid #b80f0a; border-radius: 18px; } .dash-d1.das-radio input[type="radio"], .dash-d1.das-radio input[type="checkbox"] { display: none; } .modal-body .meet_tutors_items h4 { text-transform: capitalize; font-size: 17px; margin-top: 10px; margin-bottom: 0; } .modal-body .meet_tutors_items ul { margin-top: 0; } .modal-body .account-area-tutor .meet_tutors_text small { margin-top: 5px; } .modal-body .account-area-tutor .meet_tutors_items { margin-bottom: 0; } .autocomplete { position: relative; display: inline-block; width: 100%; } .autocomplete-items { position: absolute; border: 1px solid #d4d4d4; border-bottom: none; border-top: none; z-index: 99; /*position the autocomplete items to be the same width as the container:*/ top: 100%; left: 0; right: 0; } .autocomplete-items div { padding: 10px; cursor: pointer; background-color: #fff; border-bottom: 1px solid #d4d4d4; } /*when hovering an item:*/ .autocomplete-items div:hover { background-color: #e9e9e9; } /*when navigating through the items using the arrow keys:*/ .autocomplete-active { background-color: DodgerBlue !important; color: #ffffff; } .form_box_area label, .checkBox.new-cus span i { font-size: 15px; line-height: 19px; margin-top: 4px; display: block; color: #585858; } .user-left-top p { text-align: center; font-size: 15.5px; line-height: 5px; letter-spacing: 0; color: #545e6e; } .extra-dashs { display: flex; justify-content: space-between; } .extra-dashs a { color: #b80f0a; font-style: italic; font-size: 15px; letter-spacing: 0.3px; } .extra-dashs a:hover { color: #d73c5e; } .cell1.tab_head_sheet.newst1 { width: 12%; } .about-banner.newabtban:before { background-color: rgb(0 0 0 / 30%); } .check-box.new-av-check { padding-top: 30px; } .user-account-info.newst-acctinfo.neww-ast { margin-top: 10px; } /*----data table---*/ #example_length, #example_filter { display: none; } table.dataTable thead th, table.dataTable thead td { padding: 8px 20px 10px 4px !important; } table.dataTable tbody th, table.dataTable tbody td { padding: 10px 10px 10px 6px !important; } table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td { border-top: 1px solid #ddd !important; border-right: 0px solid #ddd !important; vertical-align: middle; } table.dataTable thead th, table.dataTable thead td { border-bottom: 0px solid #111 !important; color: #fff; font-size: 15.5px; line-height: 25px; font-weight: normal !important; } table.dataTable.cell-border tbody tr th:first-child, table.dataTable.cell-border tbody tr td:first-child { border-left: 0px solid #ddd !important; } table.dataTable.cell-border tbody tr td:first-child, table.dataTable thead th { white-space: nowrap; } table.dataTable.cell-border tbody tr td { font-size: 15.1px; line-height: 18px; position: relative; letter-spacing: 0; color: #545e6e; } table.dataTable thead .sorting.srortub { background: #d73c5e !important; } #example { width: 100% !important; } table.dataTable thead .sorting_asc { background: #d73c5e url(..) no-repeat center right 5px !important; } table.dataTable thead .sorting { background: #d73c5e url(..) no-repeat center right 5px !important; } .W55_1 { display: none; } div#example_wrapper .col-sm-12.col-md-5 { display: none !important; } .dataTables_wrapper .dataTables_paginate { float: left !important; text-align: left !important; padding-top: 0.25em; } .pagination .page-link { width: 38px; font-size: 16px; height: 38px; margin-left: 0 !important; line-height: 38px; border-radius: 8px !important; cursor: pointer !important; } .dataTables_wrapper .dataTables_paginate .paginate_button { padding: 0 !important; margin-left: 0 !important; } .page-item.previous .page-link, .page-item.next .page-link { font-size: 0; } .dataTables_wrapper .dataTables_paginate { padding-top: 20px !important; } .dataTables_wrapper .dataTables_paginate .paginate_button:hover { color: white !important; border: 1px solid #fff0 !important; background-color: transparent !important; background: transparent !important; } .dataTables_wrapper .dataTables_paginate .paginate_button a:hover { border: 1px solid #b8100a !important; background-color: #b8100a !important; color: #fff !important; } .page-item.previous.disabled .page-link, .page-item.next.disabled .page-link { opacity: 0.5; } .page-item.previous .page-link { background: url('../images/anglel.png') no-repeat center; } .page-item.next .page-link { background: url('../images/angler.png') no-repeat center; } .page-item.previous .page-link:hover { background: url('../images/anglelh.png') no-repeat center; } .page-item.next .page-link:hover { background: url('../images/anglerh.png') no-repeat center; } .makes_faq_bx.newfaq .card-header a { width: 100%; cursor: pointer; display: block; } .msgg { margin-top: 200px; /*margin-left: 105px;*/ text-align: center; } .xyz:before { display: none; } .xyz:after { display: none; } /*.custom-table .col-sm-12{overflow: auto;}*/ /*28/08/21(puja)*/ .alert-success { color: #fff; background-color: #d73c5e; border-color: #d73c5e; } .alert .close { color: #fff; } ul.navbar-nav.menu_sec.after-login { padding-right: 0; } .form_box_area input[type], .form_box_area select { font-style: normal !important; } .new-cus span { font-size: 15px !important; line-height: 19px; margin-top: 4px; display: block; color: #585858 !important; } .disable-input { cursor: no-drop; } .alert-danger { color: #fff; background-color: #b80f0a; border-color: #b80f0a; } section.login-body.tutor-body .login-info::after { top: 91%; } .disable-left { opacity: 0.4; } /*(08/09/21-puja)*/ /*.from_time_div .row {align-items: center;}*/ .from_time_div .check-box.new-av-check { padding-top: 0; } .from_time_value h6 { color: #3a4448; font-size: 15px; font-style: normal; letter-spacing: 0.2px; font-weight: 400; } .from_time_value .k-state-default>.k-select { border-color: #b8110b; background: #b8110b; line-height: 28px; } .from_time_value .k-picker-wrap .k-icon { color: #fff !important; margin-top: 6px; } .error_start_end_time { display: inline-block; } .k-list-container { background: #fff !important; color: #434648 !important; } .k-listbox .k-item, .k-popup .k-list .k-item:hover { background: #b8110b !important; color: #fff !important; } .k-state-selected { background: #b8110b !important; color: #fff !important; } .from_time_value .k-widget { width: 100% !important; } .from_time_div .add_btn { margin-top: 23px; } /*-----data table end-----*/ .hed_btn { position: relative; right: 0; top: 0; -webkit-transform: inherit; -moz-transform: inherit; transform: inherit; } .menu_sec { padding-right: 0; } .hed_btn .pg_btn { color: #fff !important; } .search_emt_bx { width: 100%; text-align: center; } .search_emt_bx img { width: 167px; } .i_txt_p { font-style: italic; padding-bottom: 10px; } .s_emt_cls { position: relative; } .ensure_text { padding-left: 12px !important; padding-top: 25px !important; font-size: 13px !important; font-style: italic !important; } .uplodimgf100ilimg.review_img em { background: #ccc; border-radius: 50%; width: 50px; height: 50px; overflow: hidden; margin-top: 22px; margin-left: 20px; display: inline-block; position: relative; } /*24/09/21-puja*/ .note_cc { margin-top: -17px !important; } .check-box-cu { margin-top: 15px; } .check-box-cu label { padding-bottom: 6px !important; margin-bottom: 5px !important; } /*29-09-2021*/ .dropdown-submenu .dropdown-toggle { background: url(../images/aro_botom.png)no-repeat center right 11px; } .dropdown-submenu .dropdown-toggle:hover { background: url(../images/white_aro_botom.png)no-repeat center right 11px; } .profile-bottom p { margin: 0 0 10px 0; display: flex; align-items: flex-start; line-height: 18px; font-size: 14px; color: #4a5f67; word-break: break-all; } .sh_lis_star li { font-size: 11px; } /*04/10/21-puja*/ .jqx-menu-ul { display: none !important; } #legendbarbottomscheduler { display: none !important; } #scheduler { height: 456px !important; width: 100% !important; } #id1 { background-color: black !important; } .jqx-grid-table tr:nth-child(2), .jqx-grid-table tr:nth-child(3), .jqx-grid-table tr:nth-child(4), .jqx-grid-table tr:nth-child(5), .jqx-grid-table tr:nth-child(6), .jqx-grid-table tr:nth-child(7), .jqx-grid-table tr:nth-child(8), .jqx-grid-table tr:nth-child(9), .jqx-grid-table tr:nth-child(10), .jqx-grid-table tr:nth-child(11), .jqx-grid-table tr:nth-child(12), .jqx-grid-table tr:nth-child(13), .jqx-grid-table tr:nth-child(43), .jqx-grid-table tr:nth-child(44), .jqx-grid-table tr:nth-child(45), .jqx-grid-table tr:nth-child(46), .jqx-grid-table tr:nth-child(47), .jqx-grid-table tr:nth-child(48) { display: none !important; } /* .jqx-grid-table tr:nth-child(1) td{ height: 35px !important; }*/ .jqx-grid-table tr:nth-child(14) td { position: static !important; } /*.jqx-cell.jqx-grid-cell.jqx-item.jqx-grid-cell-alt.jqx-center-align.jqx-top-align.jqx-scheduler-all-day-cell{ height: 35px !important; }*/ /* .jqx-scheduler-appointment.jqx-rc-all{ border-color: red !important; background-color: red !important; } .jqx-scheduler-appointment.jqx-rc-all.jqx-scheduler-selected-appointment{ border-color: green !important; background-color: green !important; }*/ /*jqx-scheduler-appointment jqx-rc-alljqx-scheduler-appointment jqx-rc-all jqx-scheduler-selected-appointment*/ .jqx-scheduler-cell-selected { background: #000000 !important; } .jqx-scheduler-cell-focus { background: #000000 !important; } #scheduler div> { overflow-x: auto; } .my-calander { display: flex; width: 100%; align-items: center; padding-bottom: 20px; justify-content: space-between; } .calander-box { padding-left: 57px; } .calander-box li { display: inline-block; padding-left: 27px; } .calander-box li em { display: inline-block; width: 20px; height: 20px; vertical-align: middle; } .c1 { background: #b8110b; } .c2 { background: #7db343; } .c3 { background: #ffca01; } .calander-box li span { vertical-align: middle; margin-left: 3px; } .calander-box li:first-child { padding-left: 0; } #contenttable2scheduler { height: 40px !important; } .jqx-grid-table tr:nth-child(1) td { height: 40px !important; } /*07/10/21-puja*/ .modal_button { width: 100%; text-align: center; padding: 20px 0; } .log_modal_bx .modal-title { color: #17181c; } .modal_button li { display: inline-block; } .log_modal_bx .modal-dialog { margin-top: 300px !important; } .tutor-cross { opacity: 1; } .grade_sed { -ms-flex-wrap: wrap; flex-wrap: wrap; } .tuto-rating em { overflow: inherit; } .tuto-rating em img { margin: auto; max-width: inherit; max-height: inherit; position: inherit; left: 0; top: 0; right: 0; bottom: 0; border-radius: 50%; width: 110px; height: 110px; object-fit: cover; } .k-calendar { width: 59%; } .k-calendar-view { width: 100%; } .k-content { width: 100%; margin-top: 8px; } .from_select_subject_student_book label { color: #3a4448; margin-bottom: 2px; } .from_select_subject_student_book select { border-radius: 0; height: 32px; font-size: 13px; padding-left: 6px; border-color: rgba(0, 0, 0, .08); color: #424242; background-color: #fff; } /*.k-content tbody tr td{ border: solid 1px #eaeaea !important;}.k-calendar-view { padding: 0 !important; width: 100% !important; min-height: 230px !important; gap: 16px !important;}.k-calendar { font-size: 15px !important; line-height: 34px !important;}.k-calendar .k-calendar-view .k-today { color: #fff !important; background: #63d267 !important;}.k-state-disabled{ opacity: 1 !important; background: #c0012c !important; color: #fff !important;}*/ /*19/10/21-puja*/ .table_book { padding: 20px 0; } .table_book thead { background: #d73c5e; } .table_book thead th { color: #fff; } .tuto-rating { align-items: flex-start; } .k-calendar { width: 100% !important; } .fav_id .owl-prev, .fav_id .owl-next { position: absolute; top: 50%; width: 40px; height: 40px; background-size: 100%; font-size: 0 !important; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); z-index: 5; } .fav_id .owl-prev { left: -11px; background: url(../images/arw_left.png)no-repeat; } .fav_id .owl-next { right: -11px; background: url(../images/arw_right.png)no-repeat; } .fav_id .owl-item { padding: 10px; } .fav_id .owl-nav { display: block !important; } .fav_id .owl-dots { display: none !important; } .fav_id .meet_tutors_text h4 { font-size: 16px; } .k-datepicker .k-select.k-state-hover, .k-datepicker .k-select:hover, .k-timepicker .k-select.k-state-hover, .k-timepicker .k-select:hover { background-color: #b8110b !important; } .book_f_t_v .k-picker-wrap .k-icon { margin-top: 2px !important; } .btn_3_cc { display: flex; justify-content: space-between; } .sus_bg { background: #579910; } .sus_bg:hover { background: #7db343; } .btn_3_cc .new-subbtn { line-height: 47px; padding: 0 10px; font-size: 16px; color: #fff !important; } .btn_3_cc .new-subbtn { width: auto !important; } body { padding: 0px; margin: 0px; list-style: none; letter-spacing: 0.2px; font: normal 14px/24px 'Cerebri Sans Book', sans-serif; color: #000; } p { padding: 0px; margin: 0px; } a { padding: 0px; margin: 0px; outline: none; } ul { list-style: none; padding: 0px; margin: 0px; } label { list-style: none; padding: 0px; margin: 0px; } ul li { padding: 0px; margin: 0px; } h1, h2, h3, h4, h5, h6 { padding: 0px; margin: 0px; } input[type="text"]::-webkit-placeholder { opacity: 1; } input[type="text"]::-moz-placeholder { opacity: 1; } input[type="password"]::-webkit-placeholder { opacity: 1; } input[type="password"]::-moz-placeholder { opacity: 1; } input[type="search"]::-webkit-placeholder { opacity: 1; } input[type="search"]::-moz-placeholder { opacity: 1; } input[type="email"]::-webkit-placeholder { opacity: 1; } input[type="email"]::-moz-placeholder { opacity: 1; } input[type="tel"]::-webkit-placeholder { opacity: 1; } input[type="tel"]::-moz-placeholder { opacity: 1; } textarea::-moz-placeholder { opacity: 1; } textarea::-webkit-placeholder { opacity: 1; } a:hover { outline: none !important; text-decoration: none; } a:active { outline: none !important; text-decoration: none; } a { text-decoration: none !important; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } /*font-family: 'Alex Brush', cursive;font-family: 'Satisfy', cursive;font-family:'Cerebri Sans Regular'; font-family:'Cerebri Sans Bold'; font-family:'Cerebri Sans SemiBold';*/ @import url('https://fonts.googleapis.com/css2?family=Alex+Brush&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Satisfy&display=swap'); @font-face { font-family: 'Cerebri Sans Regular'; src: url('../fonts/Cerebri Sans Regular.eot'); src: url('../fonts/Cerebri Sans Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Cerebri Sans Regular.woff2') format('woff2'), url('../fonts/Cerebri Sans Regular.woff') format('woff'), url('../fonts/Cerebri Sans Regular.svg#Cerebri Sans Regular') format('svg'); font-weight: 400; font-style: normal; font-stretch: normal; unicode-range: U+0020-00FE; } @font-face { font-family: 'Cerebri Sans Book'; src: url('../fonts/CerebriSans-Book.eot'); src: url('../fonts/CerebriSans-Book.eot?#iefix') format('embedded-opentype'), url('../fonts/CerebriSans-Book.woff2') format('woff2'), url('../fonts/CerebriSans-Book.woff') format('woff'), url('../fonts/CerebriSans-Book.ttf') format('truetype'), url('../fonts/CerebriSans-Book.svg#CerebriSans-Book') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Cerebri Sans Bold'; src: url('../fonts/Cerebri Sans Bold.eot'); src: url('../fonts/Cerebri Sans Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Cerebri Sans Bold.woff2') format('woff2'), url('../fonts/Cerebri Sans Bold.woff') format('woff'), url('../fonts/Cerebri Sans Bold.svg#Cerebri Sans Bold') format('svg'); font-weight: 700; font-style: normal; font-stretch: normal; unicode-range: U+0020-00FE; } @font-face { font-family: 'Cerebri Sans SemiBold'; src: url('../fonts/Cerebri Sans SemiBold.eot'); src: url('../fonts/Cerebri Sans SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Cerebri Sans SemiBold.woff2') format('woff2'), url('../fonts/Cerebri Sans SemiBold.woff') format('woff'), url('../fonts/Cerebri Sans SemiBold.svg#Cerebri Sans SemiBold') format('svg'); font-weight: 600; font-style: normal; font-stretch: normal; unicode-range: U+0020-00FE; } .container { max-width: 1200px; } .wrapper { width: 100%; } .panel-default>.panel-heading { background: none !important; border: none !important; border-radius: 0px !important; } .panel-default { border-radius: 0px !important; } .panel-default>.panel-heading+.panel-collapse>.panel-body { background: none !important; border: none !important; border-radius: 0px !important; } a:hover, a:focus { text-decoration: inherit !important; } .page_hed { width: 100%; text-align: center; } .page_hed h1, .page_hed h2, .page_hed h3, .page_hed h4, .page_hed h5, .page_hed h6 { font-size: 40px; line-height: 56px; color: #161f26; font-family: 'Cerebri Sans SemiBold'; } .page_hed p { font-size: 28px; line-height: 34px; color: #40464c; font-family: 'Satisfy', cursive; margin-top: 7px; } /*header*/ .header_sec { width: 100%; position: relative; display: inline-block; padding: 2px 0; -webkit-box-shadow: 0px 0px 5px 5px rgba(192, 192, 192, 0.38); -moz-box-shadow: 0px 0px 5px 5px rgba(192, 192, 192, 0.38); box-shadow: 0px 0px 5px 5px rgba(192, 192, 192, 0.38); z-index: 9999; background: #fff; position: fixed; } .nav_top { margin: 0px; padding: 0px; background: none; border: none; min-height: auto; box-shadow: none; border-radius: 0px; } .drop-nav { position: absolute; top: 10px; right: 0px; } .menu_sec>li { position: relative; font-size: 16px; color: #191e20; padding: 0 15px; } .menu_sec>li>a { color: #191e20; display: inline-block; } .navbar-brand { margin: 0; padding: 0; } .menu_sec .dropdown-toggle::after { display: none; } .menu_sec .dropdown-toggle i { color: #8d8e8f; font-size: 12px; } .menu_sec .dropdown-toggle { vertical-align: middle; margin-left: 4px; } .menu_sec .dropdown-menu li { font-size: 15px; color: #4d5154; padding: 6px 13px 6px 20px; width: 100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .menu_sec .dropdown-menu li:hover { background: #b80f0a; } .menu_sec .dropdown-menu li a { color: #4d5154; width: 100%; } .menu_sec .dropdown-menu li:hover a { color: #fff; } .hed_btn { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .hed_btn li { display: inline-block; margin-right: 7px; } .hed_btn li:last-child { margin-right: 0; } .menu_sec { padding-right: 283px; } .pg_btn { display: inline-block; background: rgba(184, 17, 11, 1); background: -moz-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(184, 17, 11, 1)), color-stop(88%, rgba(184, 17, 11, 1)), color-stop(100%, rgba(156, 7, 5, 1))); background: -webkit-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: -o-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: -ms-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: linear-gradient(to bottom, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8110b', endColorstr='#9c0705', GradientType=0); font-size: 16px; font-family: 'Cerebri Sans SemiBold'; padding: 0 11px; height: 40px; line-height: 40px; color: #fff; border-radius: 6px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; border: none; outline: none; cursor: pointer; } .pg_btn:hover { background: rgba(215, 60, 93, 1); background: -moz-linear-gradient(top, rgba(215, 60, 93, 1) 0%, rgba(215, 60, 93, 1) 36%, rgba(215, 60, 93, 1) 89%, rgba(191, 36, 72, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(215, 60, 93, 1)), color-stop(36%, rgba(215, 60, 93, 1)), color-stop(89%, rgba(215, 60, 93, 1)), color-stop(100%, rgba(191, 36, 72, 1))); background: -webkit-linear-gradient(top, rgba(215, 60, 93, 1) 0%, rgba(215, 60, 93, 1) 36%, rgba(215, 60, 93, 1) 89%, rgba(191, 36, 72, 1) 100%); background: -o-linear-gradient(top, rgba(215, 60, 93, 1) 0%, rgba(215, 60, 93, 1) 36%, rgba(215, 60, 93, 1) 89%, rgba(191, 36, 72, 1) 100%); background: -ms-linear-gradient(top, rgba(215, 60, 93, 1) 0%, rgba(215, 60, 93, 1) 36%, rgba(215, 60, 93, 1) 89%, rgba(191, 36, 72, 1) 100%); background: linear-gradient(to bottom, rgba(215, 60, 93, 1) 0%, rgba(215, 60, 93, 1) 36%, rgba(215, 60, 93, 1) 89%, rgba(191, 36, 72, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d73c5d', endColorstr='#bf2448', GradientType=0); } /* bannersec*/ .bannersec { width: 100%; position: relative; } .banner_box { position: relative; width: 100%; } .banner_box img { width: 100%; height: 414px; object-fit: cover; } .banner_tex_box { position: absolute; width: 100%; bottom: 51px; left: 0; text-align: center; z-index: 9; } .banner_tex { width: 100%; position: relative; z-index: 17; } .banner_tex strong { display: inline-block; width: 100%; font-family: 'Cerebri Sans Bold'; font-size: 50px; line-height: 56px; color: #fff; } .banner_tex b { display: inline-block; width: 100%; font-size: 32px; line-height: 42px; color: #fff; margin-top: 8px; letter-spacing: 2px; } .ler_mor { display: inline-block; color: #b80f0a; font-size: 19px; margin-top: 18px; } .ler_mor:hover { opacity: 0.7; } .bannersec .carousel-indicators { flex-direction: column; align-items: flex-end; margin-right: 5%; bottom: 0; top: 51%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); margin-top: 0; margin-bottom: 0; } .bannersec .carousel-indicators .active { background: url(../images/dot2.png)no-repeat; margin-top: 3px; margin-bottom: 3px; } .bannersec .carousel-indicators li { margin-top: 0; background: url(../images/dot.png)no-repeat; width: 13px; height: 32px; cursor: pointer; } /*Find Tutors*/ .find_tutors_sec { width: 100%; display: inline-block; padding: 17px 0; -webkit-box-shadow: 0px 0px 5px 5px rgba(192, 192, 192, 0.18); -moz-box-shadow: 0px 0px 5px 5px rgba(192, 192, 192, 0.18); box-shadow: 0px 0px 5px 5px rgba(192, 192, 192, 0.18); } .find_tutors_inr { width: 100%; padding-left: 75px; } .find_drop { width: 100%; } .find_drop ul { display: flex; align-items: center; border: solid 1px #d5d5d5; border-radius: 5px; } .find_drop li { width: 50%; padding: 0 14px; height: 51px; display: flex; align-items: center; color: #000000; font-size: 27px; } .find_drop li:last-child { border-left: solid 1px #eaeaea; padding: 0; } .find_select select { background: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; outline: none !important; background: url(../images/aro_botom.png)no-repeat center right 11px; width: 100%; height: 46px; color: #4a5259; -webkit-font-family: 'Alex Brush', cursive; -moz-font-family: 'Alex Brush', cursive; font-family: 'Alex Brush', cursive; font-size: 27px; text-overflow: ellipsis; padding: 0 14px; padding-right: 19px; } .find_select { display: inline-block; width: 100%; } .find_select span { display: inline-block; width: 100%; } .find_select select option { -moz-font-family: 'Alex Brush', cursive; -webkit-font-family: 'Alex Brush', cursive; font-family: 'Alex Brush', cursive; font-size: 16px; } .find_btn { width: 100%; position: relative; } .find_btn .pg_btn { height: 51px; font-size: 18px; padding-left: 44px; padding-right: 16px; } .ser_icon { position: absolute; left: 15px; top: 0; line-height: 50px; } .find_tutors_inr .col-sm-3 { padding: 0 7.5px; } .find_tutors_inr .row { margin: 0 -7.5px; } .find_tutors_inr .col-sm-3:nth-child(2) { -ms-flex: 0 0 27%; flex: 0 0 27%; max-width: 27%; } .find_tutors_inr .col-sm-3:last-child { -ms-flex: 0 0 23%; flex: 0 0 23%; max-width: 23%; } /*How does it work?*/ .how_work_sec { width: 100%; display: inline-block; padding: 65px 0 75px; } .how_work_inr { width: 100%; margin-top: 47px; text-align: center; position: relative; } .how_work_inr:before { position: absolute; left: 49%; top: 2px; background: url(../images/dot3.png)no-repeat; width: 725px; height: 107px; background-size: 100%; content: ""; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); } .how_work_box { width: 100%; } .how_work_img { width: 100%; } .how_work_box h4 { color: #191818; font-size: 23px; line-height: 28px; font-family: 'Cerebri Sans SemiBold'; margin-top: 22px; } .how_work_box span { color: #cfcfcf; } .how_work_box p { font-size: 17px; line-height: 25px; color: #637377; margin-top: 16px; } /*What makes V-Tutor special?*/ .makes_special_sec { width: 100%; display: inline-block; position: relative; background: #fcf9f4; /* padding: 62px 0 66px; */ } .makes_special_img { width: 100%; margin-top: 15px; position: relative; display: flex; padding-right: 50px; } .special_img_bx { position: relative; width: 50%; margin-right: 15px; z-index: 3; } .special_img_bx:first-child { position: relative; } .special_img_bx:first-child:before { position: absolute; left: -17px; top: -17px; background: url(../images/special_cur4.png)no-repeat; width: 71px; height: 71px; content: ""; } .special_img_bx:first-child:after { position: absolute; right: 0px; bottom: 46px; background: url(../images/special_cur11.png)no-repeat; width: 127px; height: 146px; content: ""; border-radius: 0 0 8px 0; } .makes_special_img .special_img_bx:last-child { padding-left: 27px; padding-top: 46px; } .special_img_bx:last-child:before { position: absolute; right: -27px; top: 71px; background: url(../images/special_cur2.png)no-repeat; width: 118px; height: 118px; content: ""; z-index: -1; } .special_img_bx:last-child:after { position: absolute; left: 27px; bottom: 0; background: url(../images/special_cur33.png)no-repeat; width: 77px; height: 158px; content: ""; border-radius: 0 0 0 8px; } .special_img_bx img { width: 100%; height: 402px; object-fit: cover; border-radius: 8px; } .makes_special_inr { width: 100%; position: relative; } .makes_special_inr:before { position: absolute; left: 50px; bottom: -66px; background: url(../images/special_bg4.png)no-repeat; width: 136px; height: 113px; content: ""; z-index: 1; } .bg_makes { position: absolute; right: 30px; top: 40px; } .makes_special_sec:before { position: absolute; left: 0; top: 0; background: url(../images/special_bg1.png)no-repeat; width: 205px; height: 483px; content: ""; z-index: 0; background-size: 100%; } .makes_special_sec:after { position: absolute; right: 0; bottom: 0; background: url(../images/special_bg3.png)no-repeat; width: 437px; height: 346px; content: ""; background-size: 100%; } .makes_faq { width: 100%; padding-left: 20px; padding-right: 70px; } .makes_faq_bx { width: 100%; position: relative; z-index: 5; } .makes_faq h5 { font-size: 34px; line-height: 38px; margin-bottom: 4px; } .makes_faq_bx .card { margin-top: 24px; padding: 0; border: none !important; background: none; } .makes_faq_bx .card-body { padding: 0 !important; border: none !important; } .makes_faq_bx .card-header { background: none; padding: 0 !important; border: none !important; } .makes_faq_bx .card-header a { width: 100%; padding: 17px 33px 17px 23px; border-radius: 25px 7px 7px 7px !important; } .makes_faq_bx .btn-link { width: 10px; height:10px; position: relative; color: #fff !important; font-size: 19px; font-family: 'Cerebri Sans SemiBold'; background: rgba(213, 58, 53, 1); background: -moz-linear-gradient(left, rgba(213, 58, 53, 1) 0%, rgba(184, 17, 11, 1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(213, 58, 53, 1)), color-stop(100%, rgba(184, 17, 11, 1))); background: -webkit-linear-gradient(left, rgba(213, 58, 53, 1) 0%, rgba(184, 17, 11, 1) 100%); background: -o-linear-gradient(left, rgba(213, 58, 53, 1) 0%, rgba(184, 17, 11, 1) 100%); background: -ms-linear-gradient(left, rgba(213, 58, 53, 1) 0%, rgba(184, 17, 11, 1) 100%); background: linear-gradient(to right, rgba(213, 58, 53, 1) 0%, rgba(184, 17, 11, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d53a35', endColorstr='#b8110b', GradientType=1); position: relative; } .makes_faq_bx .btn-link:before { position: absolute; right: 30px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); background: url(../images/mun.png) no-repeat; background-size: 100%; width: 10px; height: 10px; content: ""; } .makes_faq_bx .btn-link.collapsed { color: #222222 !important; background: #e5e5e5; } .makes_faq_bx .card-body p { color: #4b5561; font-size: 16px; line-height: 27px; margin-top: 13px; } .makes_faq_bx .btn-link.collapsed:before { background: url(../images/plus.png) no-repeat; } /*Top reasons to choose V-Tutor*/ .top_reasons_sec { width: 100%; position: relative; display: inline-block; padding: 110px 0 122px; } .top_reasons_sec:before { position: absolute; right: 0; bottom: 0; width: 706px; height: 717px; background: url(../images/top_reasons_bg1.png)no-repeat; content: ""; background-size: 100%; } .top_reasons_inr { width: 100%; margin-top: 43px; } .top_reasons_box { width: 100%; display: inline-block; background: #fafafa; text-align: center; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; min-height: 352px; padding: 60px 38px 20px; border-radius: 30px; position: relative; } .top_reasons_box span { width: 99px; height: 99px; text-align: center; align-items: center; display: flex; justify-content: center; background: #fff; border-radius: 100%; box-shadow: 0px 0 8px 3px #f6f6f6; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; margin: 0 auto; } .top_reasons_box span img { max-width: 100%; } .top_reasons_box h5 a { color: #0c0e0e; } .top_reasons_box h5 { color: #0c0e0e; margin-top: 28px; font-size: 22px; line-height: 29px; font-family: 'Cerebri Sans SemiBold'; } .top_reasons_box p { color: #566067; margin-top: 18px; font-size: 16px; line-height: 26px; } .top_reasons_box:hover { background: #fff; -webkit-box-shadow: 0px 0px 25px 0px rgba(192, 192, 192, 0.4); -moz-box-shadow: 0px 0px 25px 0px rgba(192, 192, 192, 0.4); box-shadow: 0px 0px 25px 0px rgba(192, 192, 192, 0.4); } .top_reasons_box:before { position: absolute; left: -7px; top: 0; left: 0; background: url(../images/top_reasons_hov1.png)no-repeat; background-size: 100% !important; width: 116px; height: 110px; content: ""; visibility: hidden; opacity: 0; } .top_reasons_box:after { position: absolute; right: -7px; bottom: 0; right: 0; background: url(../images/top_reasons_hov2.png)no-repeat; background-size: 100% !important; width: 65px; height: 75px; content: ""; visibility: hidden; opacity: 0; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .top_reasons_box:hover:before, .top_reasons_box:hover:after { visibility: visible; opacity: 1; } .top_reasons_box:hover:before { left: 0; } .top_reasons_box:hover:after { right: 0; } .top_reasons_box:hover span { -webkit-box-shadow: 0px 0px 25px 0px rgba(201, 170, 176, 0.32); -moz-box-shadow: 0px 0px 25px 0px rgba(201, 170, 176, 0.32); box-shadow: 0px 0px 25px 0px rgba(201, 170, 176, 0.32); } /*Meet our tutors */ .meet_tutors_sec { width: 100%; display: inline-block; padding: 93px 0 140px; position: relative; background: #f8f8f8; } .meet_tutors_sec:before { position: absolute; left: 0; top: -38px; background: url(../images/meet_bg.png)no-repeat; background-size: 100% !important; width: 100%; height: 76px; content: ""; } .meet_tutors_sec:after { position: absolute; left: 0; top: -86px; background: url(../images/meet_2.png)no-repeat; background-size: 100% !important; width: 205px; height: 178px; content: ""; z-index: 3; background-size: 100%; } .meet_tutors_inr { width: 100%; margin-top: 56px; background: #fff; padding: 42px 38px; border-radius: 30px; position: relative; } .meet_tutors_inr:before { position: absolute; left: -35px; top: 112px; z-index: 4; background: url(../images/meet_3.png)no-repeat; width: 95px; height: 97px; background-size: 100%; content: ""; } .meet_tutors_bg { position: absolute; bottom: 83px; right: 30px; } .meet_tutors_panel { width: 100%; padding: 20px 10px; z-index: 6; border: dotted 3px #d73c5e; border-radius: 21px; position: relative; } .meet_tutors_items { min-height: 411px; width: 100%; padding: 27px 22px 20px; background: #fff; border-radius: 18px; box-shadow: 0 0 11px 13px #fbfbfb; text-align: center; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .meet_tutors_sec .owl-item { padding: 20px 20px; } .meet_tutors_img span img { width: 135px !important; height: 135px; border-radius: 100%; object-fit: cover; } .meet_tutors_img span { margin: 0 auto; position: relative; text-align: center; width: 100%; display: flex; justify-content: center; align-items: center; } .meet_tutors_img span { margin: 0 auto; position: relative; text-align: center; } .meet_tutors_img span:before { position: absolute; width: 165px; height: 163px; background: url(../images/meet_img_bg.png)no-repeat; content: ""; left: 52%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); top: -18px; } .meet_tutors_text { width: 100%; } .meet_tutors_text h4 { font-size: 25px; line-height: 30px; color: #212d37; margin-top: 28px; } .meet_tutors_text h4 a { color: #212d37; } .meet_tutors_text p { color: #637377; font-size: 16px; line-height: 22px; margin-top: 23px; } .ret_ul li { display: inline-block; } .ret_ul li i { color: #ed9b0c; font-size: 11px; } .ret_ul li { color: #181616; } .ret_ul li b, .ret_ul li b strong { font-weight: 400; } .ret_ul li b strong { color: #939393; } .ret_ul li b { margin-left: 3px; vertical-align: middle; } .ret_ul { margin-top: 15px; } .subj_ul li { display: inline-block; padding: 0 3px; } .subj_ul li b { display: inline-block; color: #637377; font-weight: 400; height: 26px; line-height: 24px; padding: 0 13px; background: #fff; border: solid 1px #ddebf0; border-radius: 40px; } .sub_last b { background: #f3f3f3 !important; } .subj_ul { margin-top: 17px; } .meet_tutors_text small { display: inline-block; width: 100%; margin-top: 28px; font-size: 18px; color: #272b32; margin-top: 16px; } .meet_tutors_items:hover { box-shadow: 0 0 11px 13px #f4f4f4; } .meet_tutors_items:hover .meet_tutors_text h4, .meet_tutors_items:hover .meet_tutors_text h4 a { color: #b80f0a; } .meet_tutors_sec .owl-dots { display: none !important; } .meet_tutors_sec .owl-nav { display: block !important; } .meet_tutors_sec .owl-prev, .meet_tutors_sec .owl-next { position: absolute; top: 50%; width: 40px; height: 40px; background-size: 100%; font-size: 0 !important; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); z-index: 5; } .meet_tutors_sec .owl-prev { left: -35px; background: url(../images/arw_left.png)no-repeat; } .meet_tutors_sec .owl-next { right: -35px; background: url(../images/arw_right.png)no-repeat; } /* Tutors - Why you should join our team?*/ .team_sec { width: 100%; display: inline-block; padding: 19px 0 101px; } .team_inr { width: 100%; position: relative; } .team_inr:before { position: absolute; left: 0; width: 371px; background: url(../images/team_bg1.png)no-repeat; background-size: auto; height: 454px; background-size: 100%; top: -107px; content: ""; left: -168px; } .team_box { width: 100%; -webkit-box-shadow: 0px 0px 25px 4px rgba(192, 192, 192, 0.37); -moz-box-shadow: 0px 0px 25px 4px rgba(192, 192, 192, 0.37); box-shadow: 0px 0px 25px 4px rgba(192, 192, 192, 0.37); min-height: 221px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; border-radius: 34px; padding: 0 30px 10px; position: relative; z-index: 3; background: #fff; margin-top: 40px; } .team_box:hover { -webkit-box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.06); } .team_box span { background: #d92e53; display: inline-block; color: #fff; padding: 35px 0 22px; width: 62px; font-family: 'Cerebri Sans Bold'; font-size: 21px; text-align: center; border-radius: 0 0 40px 40px; } .team_box h5 { font-size: 21px; line-height: 27px; color: #0c0e0e; margin-top: 16px; font-family: 'Cerebri Sans SemiBold'; } .team_box h5 a { color: #0c0e0e; } .team_box p { font-size: 16px; line-height: 23px; color: #666d6d; margin-top: 15px; } .team_inr .row { position: relative; } .team_inr .row:before { position: absolute; left: 0; width: 86%; background: url(../images/team_bg.png)repeat-x; height: 115px; background-size: auto; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); content: ""; left: 48px; } .team_sec .page_hed { background: url(../images/team_bg2.png)no-repeat center bottom; } .team_sec .page_hed { padding-bottom: 89px; } .team_btn { width: 100%; margin-top: 60px; text-align: center; } .team_btn .pg_btn { line-height: 50px; height: 50px; padding: 0 27px; font-size: 18px; } /*How did we do?*/ .how_did_we_do { width: 100%; background: #fcf9f4; display: inline-block; padding: 60px 0 65px; position: relative; } .how_did_we_do:before { position: absolute; width: 100%; background: url(../images/how_did_bg1.png)repeat-x; height: 31px; background-size: 100%; top: -13px; content: ""; left: 0; z-index: 3; } .how_did_we_do:after { position: absolute; width: 100%; background: url(../images/how_did_bg2.png)no-repeat; height: 44px; background-size: 100%; bottom: -39px; content: ""; left: 0; z-index: 3; } .how_did_we_do .page_hed { position: relative; padding-bottom: 41px; } .how_did_we_do .page_hed:before { position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); width: 51px; height: 4px; background: #dfdfdf; content: ""; } .how_did_we_do_inr { width: 100%; margin-top: 20px; } .how_did_inr_lid { width: 100%; } .how_did_inr_item { width: 100%; } .how_did_we_do .owl-item { padding: 20px 15px; } .how_did_inr_box { width: 100%; -webkit-box-shadow: 0px 0px 11px 5px rgba(0, 0, 0, 0.11); -moz-box-shadow: 0px 0px 11px 5px rgba(0, 0, 0, 0.11); box-shadow: 0px 0px 11px 5px rgba(0, 0, 0, 0.11); border-radius: 5px; padding: 20px 17px 10px; background: #fff; min-height: 197px; position: relative; } .how_did_inr_box:before { position: absolute; left: 37px; width: 26px; height: 19px; background: url(../images/arow_testi.png)no-repeat; content: ''; bottom: -19px; } .how_did_inr_top { width: 100%; position: relative; text-align: right; } .testi_star li { display: inline-block; } .testi_star li i { font-size: 12px; color: #ed9b0c; } .how_did_inr_top:before { position: absolute; left: 0; top: 0; background: url(../images/testi-coma.png)no-repeat; width: 29px; height: 19px; background-size: 100%; content: ""; } .how_did_inr_box p { margin-top: 10px; font-size: 16px; line-height: 29px; color: #666d6d; } .how_did_inr_img { width: 100%; margin-top: 29px; } .how_did_inr_img .media span img { width: 73px; height: 73px; background-size: cover; border-radius: 100%; margin-right: 12px; } .how_did_inr_img .media-body { align-self: center; } .how_did_inr_img .media-body h6 { color: #070808; font-size: 20px; font-weight: 400; } .how_did_inr_img .media-body p { font-size: 15px; color: #45474b; } .how_did_we_do .owl-item.center .how_did_inr_box { background: #d73c5e; } .how_did_we_do .owl-item.center .how_did_inr_img { display: block; } .how_did_inr_img { display: none; } .how_did_we_do .owl-item.center .how_did_inr_box:before { display: block; } .how_did_inr_box:before { display: none; } .how_did_we_do .owl-item.center .how_did_inr_box p { color: #fff; } .how_did_we_do .owl-item.center .testi_star li i { color: #fff; } .how_did_we_do .owl-item.center .how_did_inr_top::before { background: url(../images/testi-coma1.png)no-repeat; } .how_did_we_do .owl-dots { display: block !important; text-align: center; margin-top: 10px; } .how_did_we_do .owl-nav { display: none !important; } .how_did_we_do .owl-dot { display: inline-block; width: 12px; height: 12px; background: #a5a5a5; border-radius: 100%; margin: 0 5px !important; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .how_did_we_do .owl-dot:hover, .how_did_we_do .owl-dot.active { background: #b80f0a; } /*class_time*/ .class_time_iner { width: 100%; padding: 100px 0 89px; } .class_time { width: 100%; text-align: center; } .class_time_bx { width: 100%; } .class_time_bx img { max-width: 100%; } .class_time_bx h5 { color: #000000; font-size: 30px; line-height: 37px; font-family: 'Satisfy', cursive; font-weight: normal; margin-top: 27px; } .class_time_bx p { font-size: 18px; line-height: 23px; color: #4b5561; margin-top: 8px; } /*footer*/ .footer_sec { display: inline-block; width: 100%; background: #d73c5e; position: relative; margin-top: 86px; padding-top: 35px; } .footer_sec:before { position: absolute; left: 0; width: 100%; height: 114px; background: url(../images/foot_bg.png)no-repeat; background-size: 100%; content: ''; top: -86px; background-size: 100%; } .footer_sec:after { position: absolute; left: 42px; width: 134px; height: 197px; background: url(../images/foot-bg-left1.png)no-repeat; background-size: 100%; content: ''; top: 0px; background-size: 100%; } .foot_top { display: inline-block; width: 100%; position: relative; } .foot_top:before { position: absolute; right: 0; width: 67px; height: 43px; background: url(../images/foot_bg-ri2.png)no-repeat; background-size: 100%; content: ''; top: 50%; background-size: 100%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .foot_top:after { position: absolute; right: 87px; width: 215px; height: 48px; background: url(../images/foot_bg-ri1.png)no-repeat; background-size: 100%; content: ''; top: -52px; background-size: 100%; } .foot_bx { width: 100%; padding-bottom: 50px; } .foot_bx h4 { font-family: 'Cerebri Sans SemiBold'; font-size: 18px; line-height: 28px; color: #fff; margin-bottom: 17px; } .foot_bx li { list-style: disc; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; font-size: 15px; line-height: 29px; color: #fff; font-weight: 400; } .foot_bx li a { color: #fff; } .foot_bx li a:hover { color: #e3dbdb; } .foot_bx li:hover { color: #e3dbdb; } .foot_bx ul { padding-left: 14px; } .foot_botm_left li a:hover { color: #cabdbd; } .foot_botm_right li a:hover { color: #cabdbd; } .foot_top_inr { width: 100%; } .foot_top_inr .col-sm-3:first-child { border-right: solid 1px #db4d6c; } .foot_top_inr .col-sm-3:nth-child(2) .foot_bx, .foot_top_inr .col-sm-3:nth-child(3) .foot_bx { padding-left: 78px; } .foot_top_inr .col-sm-3:nth-child(4) .foot_bx { padding-bottom: 0; } .foot_top_inr .col-sm-3:nth-child(4) .foot_bx li { list-style: inherit; } .foot_top_inr .col-sm-3:nth-child(4) .foot_bx li:hover { color: #fff; } .foot_top_inr .col-sm-3:nth-child(4) .foot_bx ul { padding-left: 0; } .foot_top_inr { position: relative; width: 100%; z-index: 8; } .foot_sos_box { width: 100%; margin-top: 20px; } .foot_sos_box li { display: inline-block; margin-right: 4px; } .foot_sos_box li a { display: flex; justify-content: center; align-items: center; width: 38px; height: 38px; background: #fff; border-radius: 100%; box-shadow: 0px 8px 0px -1px #b5324f; } .foot_sos_box li a:hover { background: #b80f0a; } .foot_sos_hov { display: none; } .foot_sos { display: block; } .foot_sos_box li a:hover .foot_sos_hov { display: block; } .foot_sos_box li a:hover .foot_sos { display: none; } .foot_sos_box li a i { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .foot_sos_box li a i img { max-width: 100%; } .foot_botm { width: 100%; position: relative; padding: 29px 0 19px; border-top: solid 1px #db4d6c; } .foot_botm:after { position: absolute; left: 0; width: 100%; height: 64px; background: url(../images/foot_bg1.png)no-repeat bottom left; background-size: 100%; content: ''; bottom: 0; background-size: 100%; } .foot_botm_inr { display: flex; justify-content: space-between; position: relative; z-index: 4; width: 100%; } .foot_botm_left li { color: #eaeaea; font-size: 15px; } .foot_botm_left li a { color: #eaeaea; } .foot_botm_right li { display: inline-block; } .foot_botm_right li { color: #fff; } .foot_botm_right li a { color: #fff; } .shal { display: inline-block; margin: 8px; } .top_reasons_inr { position: relative; z-index: 6; } .top_reasons_sec .page_hed { position: relative; z-index: 9; } .top_reasons_sec::before { width: 678px; height: 681px; } .meet_bg_3 { width: 100%; display: inline-block; position: absolute; bottom: 0; } .meet_bg_3 img { width: 100%; } .meet_tutors_bg { z-index: 5; } .foot_arw.fixed { bottom: 54px; } .foot_arw.fixed { opacity: 1; visibility: visible; bottom: 89px; } .foot_arw a { display: inline-block; background: #b80f0a; width: 34px; display: flex !important; height: 34px; align-items: center; text-align: center; justify-content: center; line-height: 34px; border-radius: 2px; } .foot_arw a:hover { background: #bd1922; } .foot_arw { opacity: 0; visibility: hidden; bottom: -100px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } .foot_arw { position: fixed; bottom: 116px; right: 47px; z-index: 99; } .profile-section { width: 100%; background: #fff; padding-bottom: 40px; } .top-profile { position: relative; } .dark-area { float: left; width: 100%; height: 228px; position: fixed; /* background: url(../images/profile-banner.jpg) no-repeat left center; */ background-size: 100%; padding: 30px 0; top: 52px; } .zin { z-index: 2; width: 98%; /*-----24.07.21----- sayanti das change----*/ margin: 0 15px; } .profile_left_panel { float: left; width: 27.5%; min-height: auto; position: relative; margin-bottom: 20px; } .sticky_left { position: -webkit-sticky; position: sticky; top: 80px; margin-top: 42px; font-size: 20px; } .profile-left-info { background: #fff; border-radius: 9px; box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.14); -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.14); -moz-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.14); position: relative; } .profile-top { padding: 25px 25px 10px 25px; } .profile-top em { width: 161px; height: 161px; display: block; margin: 0 auto; position: relative; overflow: hidden; background: #ccc; border-radius: 50%; } .profile-top em img { width: auto; height: auto; margin: auto; max-width: 100%; max-height: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-radius: 0; } .profile-top h2 { font-size: 24px; color: #000000; font-family: 'Cerebri Sans SemiBold'; font-weight: normal; margin: 15px 18px; } .profile-top .addr { font-size: 15px; color: #4a5f67; line-height: 0; display: flex; align-items: center; justify-content: center; } .profile-top .addr span { margin-right: 5px; } .profile-rating { display: flex; align-items: center; justify-content: center; margin: 15px 0 10px 0; } .profile-rating li { line-height: 0; margin: 0 1px; } .profile-rating li p { margin-left: 8px; font-size: 13px; font-weight: 500; color: #181616; } .profile-rating li p span { color: #939393; } .profile-top .exp { font-size: 15px; color: #4a5f67; } .profile-top .exp span { color: #1e2122; } .border-shadow { background: url(../images/border-shdow.png) repeat-x; width: 100%; height: 17px; } .profile-bottom { padding: 10px 25px 25px; } .profile-bottom p { margin: 0 0 10px 0; display: flex; align-items: center; line-height: 0; font-size: 14.5px; color: #4a5f67; } .profile-bottom p span { margin-right: 8px; } .profile-bottom h6 { text-align: center; color: #161616; font-size: 18px; font-family: 'Cerebri Sans SemiBold'; font-weight: normal; margin-top: 30px; } .pub_btns { margin-top: 20px; } .pub_btns a { background: rgba(184, 17, 11, 1); background: -moz-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(184, 17, 11, 1)), color-stop(88%, rgba(184, 17, 11, 1)), color-stop(100%, rgba(156, 7, 5, 1))); background: -webkit-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: -o-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: -ms-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: linear-gradient(to bottom, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8110b', endColorstr='#9c0705', GradientType=0); height: 43px; width: 100%; border-radius: 4px; font-size: 17px; /*-----24.07.21----- sayanti das- change---*/ /*font-weight: 600;*/ line-height: 43px; color: #fff; text-align: center; margin: 10px 0; display: block; } .pub_btns a:hover { background: linear-gradient(to bottom, rgb(215 60 94) 0%, rgb(215 60 94) 88%, rgb(181 25 59) 100%); color: #fff; color: #fff; } .social_iic01 { display: block; overflow: hidden; width: 100%; text-align: center; margin-top: 20px; } .social_iic01 strong { color: #161616; font-size: 16px; line-height: 20px; font-family: 'Cerebri Sans SemiBold'; font-weight: normal; margin: 0 6px 0 0; } .social_iic01 a { opacity: 1; } .social_iic01 a:hover { opacity: 0.7; } .profile_right_panel { width: calc(72% - 35px); float: left; margin-left: 35px; z-index: 2; margin-top: 42px; margin-bottom: 50px; } .profile_body { background: #fff; border-radius: 9px; box-shadow: 0px 2px 8px 0px rgb(0 0 0 / 14%); -webkit-box-shadow: 0px 2px 8px 0px rgb(0 0 0 / 14%); -moz-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.14); padding: 25px 30px; margin-bottom: 28px; } .profile-heading { font-size: 24px; color: #000; font-family: 'Cerebri Sans SemiBold'; font-weight: normal; margin-bottom: 10px; } .skill_tutor li { float: left; margin-top: 7px; margin-right: 10px; background: #f2f2f2; border-radius: 4px; padding: 5px 11px; color: #434648; font-size: 14px; font-weight: 500; } .skill { margin-bottom: 28px; } .about-pro p { color: #545e6e; font-size: 14.5px; line-height: 26px; } .moreless-button4 { color: #bc1d18 !important; font-size: 14px; cursor: pointer; font-weight: 500; } .moreless-button4:hover { color: #d73c5e !important; } .profile_body iframe { width: 100%; min-height: 430px; } .aca_qua { display: flex; margin-top: 25px; border-bottom: 1px solid #efefef; padding-bottom: 18px; } .aca_qua img { width: 40px; height: 40px; margin-right: 15px; } .academic-details h3 { font-size: 17px; font-weight: 400; line-height: 20px; color: #000000; margin-bottom: 8px; } .academic-details h4 { font-size: 15px; line-height: 16px; font-weight: 400; color: #292b2c; margin-bottom: 6px; } .academic-details h5 { font-size: 14.5px; line-height: 20px; font-weight: 400; color: #7c868a; margin-bottom: 3px; } .mbr-0 { border-bottom: 0 !important; padding-bottom: 0 !important; } .academic-details p { color: #545e6e; font-size: 13.5px; line-height: 22px; margin-top: 10px; } .test-heading { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #efefef; margin: 0 -25px; padding: 0 25px; padding-bottom: 20px; } .test-heading .profile-heading { margin-bottom: 0px; } .rating-overview span { width: 55px; height: 27px; background: #ef990e; border-radius: 3px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 14px; font-weight: 500; } .rating-overview { display: flex; align-items: center; } .rating-overview span img { margin-right: 5px; } .rating-overview p { margin-left: 8px; color: #292929; font-size: 16px; } .testimonail-user-sec { display: flex; align-items: center; } .testimonail-user-sec p { color: #6f6f6f; font-size: 15px; margin-right: 20px; display: flex; align-items: center; line-height: 0; } .testimonail-user-sec p span { margin-right: 12px; } .user-rating { display: flex; } .user-rating li { line-height: 0; } .user-rating li img { width: 13px; margin: 0 1px; } .testi-details { margin-top: 25px; border-bottom: 1px solid #efefef; padding-bottom: 18px; } .testimonail-heading-part { display: flex; align-items: center; justify-content: space-between; margin: 10px 0 4px 0; } .testimonail-heading-part h3 { color: #222427; font-family: 'Cerebri Sans SemiBold'; font-weight: normal; font-size: 16.5px; } .testimonail-heading-part p { color: #80878b; font-size: 12px; } .testi-details p { font-size: 14px; line-height: 23px; color: #545e6e; } .moreless-button5 { color: #b9120d !important; font-size: 16px; font-family: 'Cerebri Sans SemiBold'; font-weight: normal; margin-top: 15px !important; display: block; cursor: pointer; } .moreless-button5:hover { color: #d73c5e !important; } .profile-left-info a.wish-list { position: absolute; right: 20px; top: 15px; cursor: pointer; margin-bottom: 8px; } .meet_tutors_text p { margin-top: 6px; } .ret_ul { margin-top: 12px; } .makes_faq h5 { font-family: 'Cerebri Sans Bold'; } .makes_faq_bx .card-header a { font-family: 'Cerebri Sans Bold'; } .team_box p { margin-top: 10px; } /*-----24.07.21----- sayanti das----*/ ul.navbar-nav.menu_sec.after-login li { padding: 0 7px; } /*-after login header-*/ .login_menu { position: relative; right: 0; } .click_open { margin-top: 7px; } .login_menu li:last-child { padding-right: 0; } .after_log li { padding-left: 15px !important; } .login_menu li { font-size: 16px; line-height: 22px; color: #191e20; padding: 0 20px; display: inline-block; } .login_menu li a { color: #191e20; padding: 4px 0; } .login_menu li a:hover { color: #b80f0a; } .login_menu a { display: flex; align-items: center; } .after_log ul li a em { background: #ccc; border-radius: 50px; width: 40px; height: 40px; overflow: hidden; display: inline-block; position: relative; } .login_menu a em { margin-right: 8px; } .after_log ul li a em img { max-height: 100%; max-width: 100%; width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .after_log ul li a i { margin-left: 4px; color: #8d8e8f; font-size: 12px; } ul.navbar-nav.menu_sec.after-login { padding-right: 150px; } .after-user { background: #fafafa; } .user-account { background: #fafafa; padding: 30px 0 60px 0; } /*-user account*/ .user-left { width: 23.2%; float: left; margin-top: 0; } .user-left-info { background: #fff; border-radius: 9px; box-shadow: 0px 2px 8px 0px rgb(0 0 0 / 14%); -webkit-box-shadow: 0px 2px 8px 0px rgb(0 0 0 / 14%); -moz-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.14); } .user-left-top { padding: 20px; border-bottom: 1px solid #e3e8eb; margin-bottom: 2px; } .user-left-top em { width: 120px; height: 120px; display: block; margin: 0 auto; position: relative; overflow: hidden; background: #ccc; border-radius: 50%; } .user-left-top h2 { font-size: 19px; color: #000000; font-family: 'Cerebri Sans SemiBold'; font-weight: normal; letter-spacing: 0.4px; text-align: center; margin: 13px 0 10px 0; } .user-left-top a { font-size: 14px; color: #4a5f67; text-align: center; line-height: 5px; display: block; } .showmeu { font-size: 17px; color: #fff; font-weight: 400; line-height: 34px; background: #b80f0a; border-radius: 8px; height: 36px; display: inline-block; padding: 0 11px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; color: #fff; border: none; outline: none; cursor: pointer; display: none; text-align: center; } .open_menu { display: block; overflow: hidden; width: 100%; border: solid 1px #eeeeee; position: absolute; width: 195px; top: 58px; border-radius: 8px; right: 0; background: #FFF; z-index: 9; display: none; -webkit-box-shadow: 4px 7px 14px #ebecee; -moz-box-shadow: 4px 7px 14px #ebecee; box-shadow: 4px 7px 14px #ebecee; } .open_menu ul { margin: 0; padding: 8px 0; } .open_menu ul li { font-size: 15px; line-height: 22px; color: #5c5c5c; padding: 0; font-weight: 400; display: inline-block; display: block; width: 100%; overflow: hidden; } .user-left-menu { border-top: 1px solid #e3e8eb; border-bottom: 1px solid #e3e8eb; padding: 10px 20px; } .user-left-menu ul li a, .log-menu ul li a { width: 100%; padding: 10px 0; color: #3d4447; font-size: 16px; cursor: pointer; display: block; } .user-left-menu ul li a span, .log-menu ul li a span { width: 32px; display: inline-block; } .user-left-menu ul li a:hover .hovern, .user-left-menu ul li.active a .hovern, .log-menu ul li a:hover .hovern, .log-menu ul li.active a .hovern { display: none; } .user-left-menu ul li a .hovern, .user-left-menu ul li a .hovern { display: inline-block; } .user-left-menu ul li a:hover .hovera, .user-left-menu ul li.active a .hovera, .log-menu ul li a:hover .hovera, .log-menu ul li.active a .hovera { display: inline-block; } .user-left-menu ul li a .hovera, .log-menu ul li a .hovera { display: none; } .user-left-menu ul li.active a, .user-left-menu ul li a:hover, .log-menu ul li.active a, .log-menu ul li a:hover { color: #b80f0a; } .log-menu { border-top: 1px solid #e3e8eb; margin-top: 2px; padding: 10px 20px; } .user-right-panel { background: #fff; width: calc(76.8% - 30px); float: right; border-radius: 9px; box-shadow: 0px 2px 8px 0px rgb(0 0 0 / 14%); -webkit-box-shadow: 0px 2px 8px 0px rgb(0 0 0 / 14%); -moz-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.14); } .user-right-top { padding: 20px 20px; } .profile-heading span img { margin-left: 10px; margin-top: -5px; } .user-right-top p, .user-right-top-new p { font-size: 15.5px; line-height: 18px; letter-spacing: 0; color: #545e6e; } .user-account-info { margin-top: 28px; } .user-account-info h3 { color: #000000; font-size: 21px; font-family: 'Cerebri Sans SemiBold'; font-weight: normal; margin-bottom: 12px; } .form_box_area { width: 100%; position: relative; margin-bottom: 25px; } .form_box_area label, .checkBox.new-cus span { width: 100%; font-size: 16px; color: #000000; font-family: 'Cerebri Sans Book'; display: block; margin-bottom: 7px; } .form_box_area input[type], .form_box_area select { background: #FFF; width: 100%; height: 35px; border: 1px solid #c7d8dd; border-radius: 8px; outline: none; font: 400 15px/18px 'Cerebri Sans Book'; color: #535b62; padding: 0 12px; padding-right: 9px; padding-right: 10px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .form_box_area select { transition: all 0.3s; background: #fff url(../images/selct.png)no-repeat center right 9px !important; -webkit-appearance: none; -moz-appearance: none; padding-right: 22px; appearance: none; white-space: nowrap; text-overflow: ellipsis; } .form_box_area input[type]::placeholder { color: #8795a3; font-size: 14px; /* font-style: italic !important;*/ ; } .checkBox ul { display: flex; width: 100%; } .checkBox li:first-child { padding-left: 0; } select:invalid { font-style: italic; } .checkBox li { margin-right: 25px; margin-bottom: -3px; padding-left: 15px !important; } .checkBox input[type="radio"]+label, .checkBox input[type="checkbox"]+label { font: 400 18px/30px 'Cerebri Sans Book'; color: #6c7a88; padding-left: 20px; background: url(../images/checked1new.png)no-repeat #fff; background-position: left center !important; width: 100%; margin-top: 1px; background-size: 15px !important; margin-bottom: 0px; } .checkBox input[type="radio"]:checked+label, .checkBox input[type="checkbox"]:checked+label { background: url(../images/checkednew.png)no-repeat; } .checkBox input[type="radio"], .checkBox input[type="checkbox"] { display: none; } .new_rows.no-gutters>.col, .new_rows.no-gutters>[class*="col-"] { padding-right: 16px; padding-left: 0px; } /*--login--banner--*/ .login-footer.footer_sec { margin-top: 45px; } .loginbanner { float: left; } .loginbanner { width: 40%; } .loginbanner img { width: 100%; } .login-info { float: right; position: relative; width: 62.2%; min-height: 630px; } .login-info:before { width: 100%; height: 1px; /* top: 117px; */ top: 130px; background: #ebebeb; content: ""; position: absolute; } .upper-login { margin-bottom: 25px; } .login-from { margin: 5% 20% 0% 20%; } .form_area { display: block; overflow: hidden; width: 100%; margin: 0 0 15px 0; } .texxt_box { display: block; overflow: hidden; width: 100%; border: 1px solid #c7d8dd; height: 48px; border-radius: 6px; padding: 0 15px; color: #8795a3; letter-spacing: 0.5px; font-family: "Cerebri Sans Book"; font-size: 15px; line-height: 20px; font-weight: 400; box-shadow: none !important; } .texxt_box::placeholder { color: #8795a3; letter-spacing: 0.1px; font-size: 15.2px; font-family: "Cerebri Sans Book"; } .password-in { position: relative; display: flex; align-items: center; } .field-icon { position: absolute; z-index: 2; right: 16px; font-size: 18px; color: #ced7db; } :focus-visible { outline: 0; } .submit-login { background: rgba(184, 17, 11, 1); background: -moz-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(184, 17, 11, 1)), color-stop(88%, rgba(184, 17, 11, 1)), color-stop(100%, rgba(156, 7, 5, 1))); background: -webkit-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: -o-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: -ms-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: linear-gradient(to bottom, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8110b', endColorstr='#9c0705', GradientType=0); height: 47px; width: 100%; border-radius: 4px; cursor: pointer; color: #ffffff; font-size: 18px; margin-top: 3px; border: 0; font-family: 'Cerebri Sans SemiBold'; } .submit-login:hover { background: linear-gradient(to bottom, rgb(215 60 94) 0%, rgb(215 60 94) 88%, rgb(181 25 59) 100%); color: #fff; } .or-area { margin: 10px 0 30px 0; border-bottom: 1px solid #ebebeb; position: relative; text-align: center; } .or-area span { color: #5a5d5e; font-size: 14.5px; font-weight: 400; letter-spacing: 0; padding: 2px 18px; background: #fff; position: relative; font-style: italic; bottom: -11px; } .socials-btns { display: flex; align-items: center; justify-content: center; } .common-btns { width: 47.5%; border-radius: 5px; padding: 10px 0px; height: 48px; text-align: center; display: flex; align-items: center; justify-content: center; font-size: 17px; box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.05); } .facebook-btn { background: #3c5a99; color: #fff; border: 1px solid #3c5a99; } .google-btn { border: 1px solid #c7d8dd; background: #fff; color: #2b353f; } .facebook-btn:hover { background: #295abf; } .google-btn:hover { background: #fafafa; } .common-btns img { margin-right: 7px; } .fort-pass { margin-bottom: 20px; } .fort-pass a { font-size: 14.5px; color: #b80f0a; margin-top: 18px; text-decoration: underline; letter-spacing: 0; display: block; text-align: center; } .fort-pass a:hover, .bottom-account-div p a:hover { color: #d73c5e; } .login-info:after { width: 100%; height: 1px; top: 81.5%; background: #ebebeb; content: ""; position: absolute; } section.login-body.tutor-body .login-info:after { top: 84%; } .login-body { width: 100%; float: left; background: url(../images/login-left.jpg); background-size: cover; background-position: center; } .bottom-account-div p { color: #4b4b4b; font-size: 14.5px; margin: 0px; line-height: 23px; } .bottom-account-div p a { color: #b80f0a; } .tutor-body { background: url(../images/tutoe-left.jpg); background-size: cover; background-position: center; } .texxt_box:focus { outline: #da4d49; border: 1px solid #da4d49; box-shadow: 0px 5px 5px 0px rgb(0 0 0 / 5%); -webkit-box-shadow: 0px 5px 5px 0px rgb(0 0 0 / 5%); -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.05); } .double-from { display: flex; justify-content: space-between; } .double-from .form_area { width: 47.5%; } .form_area label { display: block; } .error { font-size: 14px; line-height: 15px; padding-top: 4px; color: red !important; } .check-box input[type="checkbox"]+label { padding-left: 40px; width: 95%; background: url(../images/check.png) 0 3px no-repeat; margin-top: 4px; margin-bottom: 20px; } .check-box input[type="checkbox"]:checked+label { background: url(../images/checked.png) 0px 3px no-repeat; } .check-box input[type="checkbox"] { display: none; } .check-box label.checklabeel { color: #3a4448; font-size: 14.5px; font-style: italic; letter-spacing: 0.2px; } .check-box label.checklabeel a { color: #b80f0a; } .check-box label.checklabeel a:hover { color: #d73c5e; } section.login-body.tutor-body .login-info { min-height: 750px; } section.login-body.tutor-body .login-info { width: 60.7%; } .login-body.studant-body { background: url(../images/student-left.jpg); background-size: cover; background-position: center; } .im-sec { display: flex; align-items: center; margin-bottom: 9px; margin-top: 30px; } .im-sec h3 { color: #000000; font-size: 19px; font-weight: normal; padding-right: 15px; margin-right: 15px; font-family: 'Cerebri Sans SemiBold'; border-right: 1px solid #eaeaea; } .im-sec ul { display: flex; align-items: center; width: 80%; } .im-sec ul li { margin-right: 15px; } .im-sec input[type="radio"]+label { padding-left: 33px; width: 90%; background: url(../images/radio1.png) 0 0px no-repeat; } .im-sec input[type="radio"]:checked+label { background: url(../images/radio.png) 0px 0px no-repeat; } .im-sec input[type="radio"] { display: none; } .im-sec input[type="radio"]+label { color: #6c7a88; font-size: 18px; } .login-body.studant-body .login-info { min-height: 835px; } .login-body.studant-body .login-info:after { top: 92%; } /*24/07/21/puja*/ /*tutor-search-result page*/ .how_work_inr .col-sm-4:nth-child(2) .how_work_img { margin-top: 8px; } .makes_faq h5 { margin-bottom: 9px; } .search_result_sec { width: 100%; display: inline-block; } .search_result_inr { width: 100%; position: relative; display: inline-block; } .search_result_left { float: left; width: 24%; height: auto; margin-bottom: 50px; -webkit-box-shadow: 6px 0px 6px -5px rgba(147, 164, 209, 0.15); -moz-box-shadow: 6px 0px 6px -5px rgba(147, 164, 209, 0.15); box-shadow: 6px 0px 6px -5px rgba(147, 164, 209, 0.15); padding-bottom: 70px; background: #fff; position: absolute; } .search_left_inr { width: 100%; padding-top: 27px; } .search_left_class { display: flex; justify-content: space-between; border-bottom: 1px solid #dce0e5; padding-bottom: 6px; padding-right: 25px; } .search_left_class h4 { font-size: 16px; font-weight: 400; color: #17181c; } .search_left_class span { color: #b80f0a; display: flex; } .search_left_class span a { color: #b80f0a; } .search_left_class span img { margin-right: 6px; } .search_le_check_pan { width: 100%; } .search_le_check_bx { width: 100%; margin-top: 23px; } .search_le_check_bx ul { padding-right: 10px; max-height: 320px; overflow-y: auto; } .search_le_check_bx li input[type="checkbox"], .search_le_check_bx li input[type="radio"] { display: none; } .search_le_check_bx li input[type="checkbox"]:checked+label, .search_le_check_bx li input[type="radio"]:checked+label { font-size: 14px; background: url(../images/checked.png)no-repeat; } .search_le_check_bx .moreless-button4 { margin-top: 19px; display: inline-block; } .search_le_redio_bx li label { display: flex; align-items: center; } .search_le_redio_bx li label span { display: flex; margin-right: 14px; } .search_le_redio_bx li label span i { color: #b80f0a; margin: 0 2px; font-size: 13px; } .search_le_redio_bx li label span i.rre_star { color: #b6b6b6; } .search_le_redio_bx li label strong { font-size: 14px; color: #8e8d8d; font-weight: normal; } .slider_rnge { width: 100%; height: auto; padding-top: 8px; padding-right: 16px; } .slider_rnge .ui-slider-horizontal { background: #000 none repeat scroll 0 0 !important; border: medium none !important; height: 4px !important; margin: 0; padding: 0 !important; } .range-text { padding-left: 10px; color: #333333; font-weight: 500; font-size: 16px; } #amount { border: none !important; margin-top: 10px; color: #17181c; font-size: 13px; margin-left: -12px; margin-top: 15px; outline: none !important; } .slider_rnge .ui-state-default, .slider_rnge .ui-widget-content .ui-state-default, .slider_rnge .ui-widget-header .ui-state-default { width: 10px !important; height: 10px !important; background: #b80f0a !important; border: none !important; } .slider_rnge .ui-state-default, .slider_rnge .ui-widget-content .ui-state-default, .slider_rnge .ui-widget-header .ui-state-default { border-radius: 50% !important; height: 13px !important; top: -5px !important; padding: 0; width: 13px !important; } .slider_rnge .ui-slider .ui-slider-range:last-child { background: #b80f0a !important; } .slider_rnge .ui-widget-header { background: #dfe0e2 !important; border-radius: 0 !important; } .ui-slider-horizontal .ui-slider-handle { margin-left: 0 !important; margin-right: 0 !important; outline: none !important; } .ratea_slid { width: 100%; padding-right: 16px; padding-top: 12px; display: inline-block; } .apply_fil_sec { width: 100%; padding-right: 0; margin-top: 20px; } .apply_fil_sec li { display: inline-block; } .re_adja { border: solid 1px #ddebf0; color: #444040; background: #f3f3f3; line-height: 37px; } .re_adja:hover { color: #fff; } .re_adja img { margin-right: 9px; } .apply_fil_sec li:first-child .pg_btn { padding: 0 16px; } .apply_fil_sec li { margin-right: 10px; } .apply_fil_sec li:last-child { margin-right: 0; } .class_time_bx p { font-size: 16px; } .search_result_right { width: 76%; float: right; padding-left: 3px; padding-top: 28px; padding-bottom: 102px; } .search_right_result_inr { width: 100%; } .search_right_top { width: 100%; display: flex; justify-content: space-between; padding-left: 33px; border-bottom: 1px solid #dce0e5; } .search_right_top h6, .search_right_top h1 { width: 100%; color: #000000; font-weight: normal; font-size: 19px; line-height: 25px; width: 70%; } .search_right_top h1 span, .search_right_top h6 span { color: #b80f0a; } .stor_by { display: flex; } .stor_by strong { font-size: 15px; color: #000000; font-weight: normal; } .stor_by select { width: 74px; padding-right: 11px; background: url(../images/arw_bot.png)no-repeat right center; color: #4b4747; border: none !important; outline: none !important; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; text-overflow: ellipsis; } .heart_cc { position: absolute; left: 16px; top: 14px; font-size: 17px; } /*.heart_cc .fa-heart{ color: #c2002d;}*/ .heart_cc .fa-heart { color: #a1a1a1; } .sh_lis_star li { display: inline-block; } .sh_lis_star span { display: flex; margin-right: 8px; } .sh_lis_star span i { font-size: 11px; color: #ef9a0c; margin: 0 1px; } .sh_lis_star li { font-size: 13px; color: #181616; } .sh_lis_star li b { font-weight: normal; color: #939393; } .search_lop_left em { display: inline-block; } .search_lop_left em img { height: 137px; width: 137px; object-fit: cover; border-radius: 100%; margin: 0 auto; } .search_lop_left { float: left; width: 18%; text-align: center; padding-top: 16px; } .search_lop_left h4 { font-size: 17px; line-height: 22px; margin-top: 8px; font-weight: normal; } .search_lop_left h5 { font-size: 14px; color: #4a5f67; font-weight: normal; margin-top: 3px; } .sh_lis_star { margin-top: 2px; } .search_lop_right { width: 82%; float: left; padding-left: 34px; } .search_lop_name { border-right: solid #ebebeb 1px; margin-top: 23px; float: left; width: 70%; } .search_lop_name_list { width: 30%; float: left; /* border-left: solid #ebebeb 1px; */ padding-left: 20px; padding-bottom: 12px; } .search_lop_name h4 { color: #000000; font-size: 21px; line-height: 29px; font-family: 'Cerebri Sans SemiBold'; margin-bottom: 7px; } .search_lop_name h4 a { color: #000000; } .search_sibj li:last-child { margin-right: 0; } .find_drop li { font-family: 'Satisfy', cursive; font-size: 21px; } .find_select select { font-family: 'Satisfy', cursive; font-size: 21px; } .find_select select option { font-family: 'Satisfy', cursive; } .sub_list { margin-top: 11px; } .lop_name_box { width: 100%; display: inline-block; } .search_lop_name_list li { font-size: 15px; color: #b80f0a; margin-top: 11px; display: flex; } .search_lop_name_list li a { color: #b80f0a; font-style: italic; } .search_lop_name_list li img { margin-right: 10px; object-fit: contain; } .button_red_cc { cursor: pointer; display: inline-block; margin: 0 !important; font-weight: normal; font-size: 14px; color: #b9120d !important; } .button_red_cc:hover { color: #d73c5e !important; } .lop_name_para { width: 100%; margin-top: 10px; border-top: solid 1px #ebebeb; /* margin-top: -7px; */ padding-right: 65px; } .lop_name_para p { font-size: 14px; line-height: 23px; color: #545e6e; padding-top: 10px; } .heart_cc_act .fa-heart { color: #c0012c; } .delete-slot.disabled { pointer-events: none; opacity: 0.5; } .pagi_cc { width: 100%; display: inline-block; margin-top: 33px; } .pagination { justify-content: center; } .page-link { font-size: 18px; font-family: 'Cerebri Sans SemiBold'; padding: 0; width: 44px; height: 44px; border-radius: 7px !important; text-align: center; line-height: 44px; color: #000; margin: 0 4px; border-color: #d5d9da; } .page-item.active .page-link { border-color: #b8100a; background: #b8100a; color: #fff !important; } .page-link:hover { border-color: #b8100a; background: #b8100a; color: #fff !important; } .mobile_filter_as { width: 100%; min-height: 25px; line-height: 25px; cursor: pointer; background: #b8100a; text-align: center; color: #fff; padding: 7px; display: none; border-radius: 10px; } /*27/07/21*/ .menu_sec .dropdown-menu li { display: flex !important; } .menu_sec .dropdown-menu .dropdown-submenu:hover .dropdown-toggle i { color: #fff !important; } .dropdown-submen.show { display: block !important; } input.submit-login.disable-input { opacity: 0.5; } .ui-widget.ui-widget-content { z-index: 5 !important; } .ui-datepicker-prev { background: url(../images/arowleft.png)no-repeat center !important; right: 27px; left: inherit !important; } .ui-datepicker-next { background: url(../images/arowrigg.png)no-repeat center !important; } .ui-datepicker .ui-datepicker-title { text-align: left !important; } .ui-datepicker-prev, .ui-datepicker-next { width: 23px !important; height: 23px !important; background-size: 7px !important; border: none !important; border-radius: 100% !important; background-color: #f2f2f2 !important; } .ui-datepicker-prev span, .ui-datepicker-next span { display: none !important; } .ui-datepicker-prev:hover, .ui-datepicker-next:hover { background-color: #b80f0a33 !important; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { top: 50% !important; -webkit-transform: translateY(-50%) !important; -moz-transform: translateY(-50%) !important; transform: translateY(-50%) !important; } .ui-widget.ui-widget-content { border-color: #eaeaea !important; padding: 10px; } .ui-widget-header { background: #fff !important; border-color: #fff !important; } .ui-datepicker .ui-datepicker-title { margin-left: 0 !important; font-family: 'Segoe UI' !important; } .ui-datepicker th { color: #c9c9c9 !important; font-family: 'Segoe UI' !important; font-weight: 400 !important; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { background: none !important; text-align: center !important; padding: 10px; border-color: #ececec !important; background: #fff !important; } .ui-state-default .ui-state-active { border: 2px solid #b80f0a !important; color: #b80f0a !important; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { color: #fff !important; background: #b80f0a !important; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 0 !important; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { color: #b80f0a !important; border: 1px solid #b80f0a !important; } .ui-widget.ui-widget-content { background: #fff !important; } .cal-head__day, .cal-body__day { font-size: 18px !important; } .ui-datepicker table { font-size: 15px !important; } .cal-day__month--previous, .cal-body__day.cal-day__month--next { font-size: 0 !important; } .ui-datepicker td { padding: 0 !important; } /*.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{ border:1px solid #b80f0a !important;}*/ .ui-datepicker td { border: 1px solid #ececec !important; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-datepicker .ui-datepicker-next { right: 0 !important; } .ui-datepicker { width: 23em !important; } .dash-d { position: relative; } .over_llp1 { position: absolute; top: 8.5px; right: 14px; } .form_box_area textarea { background: #FFF; width: 100%; /*font-style: italic !important;*/ height: 120px; border: 1px solid #c7d8dd; border-radius: 8px; outline: none; font: 400 15px/18px 'Cerebri Sans Book'; color: #808080; padding: 0 9px; padding-right: 9px; padding-right: 10px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; resize: none; padding-top: 10px; padding-bottom: 10px; } .das-hr { margin: 3px; margin-left: -20px; margin-right: -39px; border-bottom: 0; border-top: 1px solid #e8e8e8; } .sub_btn { background: rgba(184, 17, 11, 1); background: -moz-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(184, 17, 11, 1)), color-stop(88%, rgba(184, 17, 11, 1)), color-stop(100%, rgba(156, 7, 5, 1))); background: -webkit-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: -o-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: -ms-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: linear-gradient(to bottom, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8110b', endColorstr='#9c0705', GradientType=0); height: 47px; border: 0; cursor: pointer; width: 270px; border-radius: 6px; font-size: 18px; font-family: 'Cerebri Sans SemiBold'; letter-spacing: 0.5px; line-height: 43px; color: #ffffff; text-align: center; margin: 5px 0; margin-top: 20px; display: block; } .sub_btn:hover { background: linear-gradient(to bottom, rgb(215 60 94) 0%, rgb(215 60 94) 88%, rgb(181 25 59) 100%); color: #fff; } /* START TOOLTIP STYLES */ [tooltip] { position: relative; /* opinion 1 */ ; } /* Applies to all tooltips */ [tooltip]::before, [tooltip]::after { text-transform: none; /* opinion 2 */ font-size: .9em; /* opinion 3 */ line-height: 1; user-select: none; pointer-events: none; position: absolute; display: none; opacity: 0; } [tooltip]::before { content: ''; border: 5px solid transparent; /* opinion 4 */ z-index: 1001; /* absurdity 1 */ ; } [tooltip]::after { content: attr(tooltip); /* magic! */ /* most of the rest of this is opinion */ font-size: 13px; line-height: 17px; /* Let the content set the size of the tooltips but this will also keep them from being obnoxious */ width: 21em; overflow: hidden; padding: 1ch 1.5ch; border-radius: .3ch; box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35); background: #333; color: #fff; z-index: 1000; /* absurdity 2 */ ; } [tooltip]:hover::before, [tooltip]:hover::after { display: block; } [tooltip='']::before, [tooltip='']::after { display: none !important; } [tooltip]:not([flow])::before, [tooltip][flow^="up"]::before { bottom: 100%; border-bottom-width: 0; border-top-color: #333; } [tooltip]:not([flow])::after, [tooltip][flow^="up"]::after { bottom: calc(100% + 5px); } [tooltip]:not([flow])::before, [tooltip]:not([flow])::after, [tooltip][flow^="up"]::before, [tooltip][flow^="up"]::after { left: 50%; transform: translate(-50%, -.5em); } /* FLOW: DOWN */ [tooltip][flow^="down"]::before { top: 100%; border-top-width: 0; border-bottom-color: #333; } [tooltip][flow^="down"]::after { top: calc(100% + 5px); } [tooltip][flow^="down"]::before, [tooltip][flow^="down"]::after { left: 50%; transform: translate(-50%, .5em); } /* FLOW: LEFT */ [tooltip][flow^="left"]::before { top: 50%; border-right-width: 0; border-left-color: #333; left: calc(0em - 5px); transform: translate(-.5em, -50%); } [tooltip][flow^="left"]::after { top: 50%; right: calc(100% + 5px); transform: translate(-.5em, -50%); } /* FLOW: RIGHT */ [tooltip][flow^="right"]::before { top: 50%; border-left-width: 0; border-right-color: #333; right: calc(0em - 5px); transform: translate(.5em, -50%); } [tooltip][flow^="right"]::after { top: 50%; left: calc(100% + 5px); transform: translate(.5em, -50%); } /* KEYFRAMES */ @keyframes tooltips-vert { to { opacity: .9; transform: translate(-50%, 0); } } @keyframes tooltips-horz { to { opacity: .9; transform: translate(0, -50%); } } /* FX All The Things */ [tooltip]:not([flow]):hover::before, [tooltip]:not([flow]):hover::after, [tooltip][flow^="up"]:hover::before, [tooltip][flow^="up"]:hover::after, [tooltip][flow^="down"]:hover::before, [tooltip][flow^="down"]:hover::after { animation: tooltips-vert 300ms ease-out forwards; } [tooltip][flow^="left"]:hover::before, [tooltip][flow^="left"]:hover::after, [tooltip][flow^="right"]:hover::before, [tooltip][flow^="right"]:hover::after { animation: tooltips-horz 300ms ease-out forwards; } .qus-cir { color: #b80f0a; font-size: 13px; } .clearfix { clear: both; } .open_menu .acv a { color: #b80f0a; } .class-feild { background: #f7f7f7; padding: 20px 15px 0; } .user-right-top-new { padding: 20px 15px 10px; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; } .gj_caro_div.user-right-top-new { display: block !important; } .booking-stat.table_book { width: 100%; } .dash-d1 { float: left; width: calc(50% - 15px); margin-right: 15px; position: relative; } .new_rows.no-gutters>.new_rows1.no-gutters>.col { padding-right: 16px; padding-left: 0px; } .dash-btn { background: rgba(184, 17, 11, 1); background: -moz-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(184, 17, 11, 1)), color-stop(88%, rgba(184, 17, 11, 1)), color-stop(100%, rgba(156, 7, 5, 1))); background: -webkit-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: -o-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: -ms-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: linear-gradient(to bottom, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8110b', endColorstr='#9c0705', GradientType=0); height: 45px; border: 0; cursor: pointer; width: 100%; border-radius: 6px; font-size: 18px; font-family: 'Cerebri Sans SemiBold'; letter-spacing: 0.5px; line-height: 43px; color: #ffffff; text-align: center; margin-top: 30px; display: flex; align-items: center; justify-content: center; } .dash-btn img { margin-right: 5px; } .dash-btn:hover { background: linear-gradient(to bottom, rgb(215 60 94) 0%, rgb(215 60 94) 88%, rgb(181 25 59) 100%); color: #fff; } .nav-tabs { border-bottom: 1px solid #dee2e6; margin-bottom: 17px; width: calc(100% - 110px); } .nav-tabs .nav-item { margin-bottom: 1px; } .custom_tab li { margin-right: 50px; } .custom_tab li { margin-right: 50px; } .custom_tab li a { color: #222020; font-size: 17px; padding: 5px 0px 8px 0; position: relative; border: none !important; } .custom_tab li a.active:before, .custom_tab li a:hover:before { width: 53px; height: 3px; content: ""; position: absolute; background: #d84267; top: 95%; left: 0; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; } .custom-table { float: left; width: 100%; margin-bottom: 40px; } .table { display: table; margin-bottom: 0px !important; max-width: 100%; width: 100% !important; background-color: transparent; /* box-shadow: 0px 1px 2px #dcdcdc; */ ; } .table .one_row1 { display: table-row; } .tab_head_sheet { background: url(../images/back-table.png); border: medium none; color: #ffffff; font-size: 16px; line-height: 25px; font-weight: 500; } .cell1 { display: table-cell; padding: 8px 4px 10px 4px; position: relative; vertical-align: middle; white-space: nowrap; /* box-shadow: 0px 1px 1px #f3f2f2; */ text-align: left; } .tab_head_sheet_1 { border: medium none; height: 50px; text-align: left; white-space: normal; overflow-wrap: break-word; color: #2a2f38; font-size: 15px; line-height: 21px; text-align: left; padding: 0px 10px 6px 6px; border-bottom: 1px solid #e0e0e0; } .W55_1 { display: none; } .user-right-top-new p.appr { color: #099d60; } .show-actions { display: none; position: absolute; z-index: 99; background: #fff; top: 52px; right: 0; width: 155px; border-radius: 8px; border: 1px solid #dddcdc; padding: 8px 0; } .show-actions li a img { margin-left: 5px; } .angle { position: absolute; top: -12px; right: 25px; } .show-actions ul li a { float: left; width: 100%; padding: 2px 10px; color: #213047; cursor: pointer; font-size: 15px; font-weight: 400; } .show-actions ul li a:hover { color: #d73c5e !important; } .user-right-top-new p.compd { color: #113e8f; } .user-right-top-new p.canld { color: #d73c5e; } .new-table-mr { margin-bottom: 25px; } ul.pagination.new-pagination { justify-content: flex-start; } ul.pagination.new-pagination .page-link { width: 38px; font-size: 16px; height: 38px; line-height: 38px; border-radius: 8px !important; display: flex; justify-content: center; align-items: center; } .innv a { color: #2a2f38; } .innv a:hover { color: #b80f0a; } .deen { background: rgba(184, 17, 11, 1); background: -moz-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(184, 17, 11, 1)), color-stop(88%, rgba(184, 17, 11, 1)), color-stop(100%, rgba(156, 7, 5, 1))); background: -webkit-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: -o-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: -ms-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: linear-gradient(to bottom, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8110b', endColorstr='#9c0705', GradientType=0); padding: 7px 15px; border: 0; cursor: pointer; width: 100%; border-radius: 6px; font-size: 14px; font-family: 'Cerebri Sans SemiBold'; letter-spacing: 0.5px; color: #ffffff; text-align: center; margin-bottom: 10px; display: flex; align-items: center; } .deen:hover { background: linear-gradient(to bottom, rgb(215 60 94) 0%, rgb(215 60 94) 88%, rgb(181 25 59) 100%); color: #fff; color: #fff; } .tab-rii { display: flex; align-items: center; justify-content: space-between; } .tab_head_sheet img { margin-left: 6px; } .account-area-tutor .meet_tutors_items { box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.19); -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.19); -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.19); padding: 20px 15px 10px; margin-bottom: 20px; min-height: auto; position: relative; } .tutor-cross { position: absolute; right: 12px; top: 10px; cursor: pointer; width: 32px; height: 32px; opacity: 0; z-index: 9; } .tutor-cross img { width: 25px; } .account-area-tutor .meet_tutors_items:hover .tutor-cross { opacity: 1; } .account-area-tutor .meet_tutors_items:hover .tutor-cross:hover { opacity: 0.8; } .account-area-tutor .meet_tutors_items:hover { box-shadow: 0 0 3px 3px #f4f4f4; } .user-right-top-ness { padding: 20px; } .user-right-top-ness p { font-size: 15.5px; line-height: 18px; color: #545e6e; } .account-area-tutor { margin-top: 25px; margin-bottom: 10px; } .new-nav-pagination { margin-bottom: 20px; } .account-area-tutor .meet_tutors_img span:before { position: absolute; width: 112px; height: 112px; background: url(../images/meet1bg.png)no-repeat; content: ""; left: 51%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); top: -13px; } .account-area-tutor .meet_tutors_img span em { width: 91px !important; height: 91px; border-radius: 50%; overflow: hidden; display: inline-block; position: relative; background: #ccc; } .account-area-tutor .meet_tutors_img span em img { max-height: 100%; max-width: 100%; width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; transition: all .4s ease-in-out; } .account-area-tutor .meet_tutors_text h4 { font-size: 18px; margin-top: 10px; } .user-right-top-ness .account-area-tutor .meet_tutors_text p { font-size: 14px; line-height: 18px; color: #637377; margin-top: 4px; } .postr { font-size: 15px; line-height: 18px; color: #b80f0a; } .postr:hover { color: #d73c5e; } .account-area-tutor .ret_ul b { font-size: 12px; } .account-area-tutor .subj_ul li b { padding: 0 10px; } .account-area-tutor .subj_ul li { padding: 0; } .account-area-tutor .meet_tutors_text small { font-size: 15.5px; color: #272b32; margin-top: 13px; } .account-area-tutor .ret_ul { margin-top: 8px; } .account-area-tutor .subj_ul { margin-top: 13px; } .dash-hr { margin: 10px; border-bottom: 0; border-top: 1px solid #e8e8e8; } .tutor-sort .stor_by select { font-size: 15px; padding: 5px; } .per-info img { margin-right: 10px; margin-left: 0 !important; margin-top: -5px; } .user-right-panel.tutor-right { background: transparent; box-shadow: none; } .turo-edit { background: #fff; border-radius: 9px; box-shadow: 0px 2px 8px 0px rgb(0 0 0 / 14%); -webkit-box-shadow: 0px 2px 8px 0px rgb(0 0 0 / 14%); -moz-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.14); } .step_tab { padding-left: 8px; } .step_tab ul li { float: left; background: #d73c5e; border-radius: 5px 5px 0 0; margin-right: 5px; padding: 10px 9px; border: 1px solid #d73c5e; border-bottom: 0; height: 44px; color: #fff; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .step_tab ul li a { color: #fff; font-size: 15px; } .step_tab ul li.active, .step_tab ul li:hover { background: #fff; border: 1px solid #b80f0a; border-bottom: 0; } .step_tab ul li.active a, .step_tab ul li:hover a { color: #b80f0a; } .step_tab ul li a .actt { display: none; } .step_tab ul li:hover a .actt { display: inline-block; } .step_tab ul li.active a .actt { display: inline-block; } .step_tab ul li.active a .accth { display: none; } .step_tab ul li a .accth { display: inline-block; } .step_tab ul li:hover a .accth { display: none; } .uplodimg { width: 100%; display: flex; align-items: center; margin-top: -5px; margin-bottom: 17px; width: 100% !important; } .uplodimgfil { width: 31.33%; } .uplodimgfil b { width: 100%; font-size: 16px; color: #000000; font-family: 'Cerebri Sans Book'; display: block; margin-bottom: 7px; font-weight: normal; } .uplodimg input[type="file"] { display: none; } .uplodimg label { height: 47px; border-radius: 6px; text-align: left; cursor: pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; width: 100%; } .inputfile+label { padding: 0 !important; padding: 0 12px !important; font-weight: 400 !important; max-width: 100% !important; } .inputfile+label { text-overflow: ellipsis; white-space: nowrap; cursor: pointer; display: inline-block; overflow: hidden; padding: 0.625rem 1.25rem; } .inputfile-1+label { background: rgba(184, 17, 11, 1); background: -moz-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(184, 17, 11, 1)), color-stop(88%, rgba(184, 17, 11, 1)), color-stop(100%, rgba(156, 7, 5, 1))); background: -webkit-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: -o-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: -ms-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: linear-gradient(to bottom, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8110b', endColorstr='#9c0705', GradientType=0); color: #fff !important; font-size: 16px; font-family: 'Cerebri Sans SemiBold'; line-height: 47px; letter-spacing: 0.5px; } .uplodimg label img { float: right; margin-top: 15px; } .uplodimgfilimg { margin-left: 8px; padding-top: 26px; } .uplodimgfilimg em { width: 49px; height: 49px; position: relative; display: inline-block; overflow: hidden; border-radius: 50%; } .uplodimg em img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; max-height: 100%; max-width: 100%; width: auto !important; height: auto; margin: auto; transition: transform .5s; } .form_box_area input.urli { transition: all 0.3s; background: #fff url(../images/yout-cion.png)no-repeat center right 13px; -webkit-appearance: none; -moz-appearance: none; padding-right: 22px; appearance: none; white-space: nowrap; text-overflow: ellipsis; } .user-right-top p.note, .note { color: #b80f0a; font-size: 13px; line-height: 15px; margin-top: 7px; font-style: italic; } .tur-radio { margin-bottom: 25px; } .form_box_area input[type].pricein { position: relative; padding-left: 47px !important; } .llt_icon { position: absolute; z-index: 99; left: 0; top: 27px; border-right: 1px solid #c7d8dd; height: 45px; width: 38px; line-height: 49px; text-align: center; } .llt_icon i { color: #c7d8dd; font-size: 15px; line-height: 28px; font-weight: 600; } .sub_btn2 { background: rgba(184, 17, 11, 1); background: -moz-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(184, 17, 11, 1)), color-stop(88%, rgba(184, 17, 11, 1)), color-stop(100%, rgba(156, 7, 5, 1))); background: -webkit-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: -o-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: -ms-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: linear-gradient(to bottom, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8110b', endColorstr='#9c0705', GradientType=0); height: 47px; border: 0; cursor: pointer; width: 215px; border-radius: 6px; font-size: 18px; font-family: 'Cerebri Sans SemiBold'; letter-spacing: 0.5px; line-height: 43px; padding: 0 15px; color: #ffffff; text-align: left; margin: 5px 0; margin-top: 20px; position: relative; display: block; } .sub2-lap { position: absolute; top: 41px; left: 191px; } .sub_btn2:hover, .inputfile-1+label:hover { background: linear-gradient(to bottom, rgb(215 60 94) 0%, rgb(215 60 94) 88%, rgb(181 25 59) 100%); color: #fff; } .new-affter { margin-left: 20px !important; } ul.navbar-nav.menu_sec.after-login.new-affter { padding-right: 0px; } .showmeu:hover { color: #fff; background: #d73c5e; } .res-modal .modal-header { border: 0; padding-bottom: 0; } .res-modal .modal-title { font-size: 20px; padding-bottom: 13px; border-bottom: 1px solid #e2e2e2; width: 100%; position: relative; } .res-modal .modal-title:after { position: absolute; content: ""; width: 48px; height: 4px; background: #b80f0a; z-index: 9999; bottom: 0; left: 0; } .res-modal .modal-body { padding-top: 0; background: #fff; border-radius: 0px; } .res-modal .modal-body .appome_input input[type="text"], .res-modal .modal-body .appome_input input[type="email"], .res-modal .modal-body .appome_input input[type="tel"], .res-modal .modal-body .appome_input select { margin-top: 5px; } .res-modal .modal-footer { justify-content: flex-start; } .res-modal .btn-new { float: right; } .next-btn1 { display: block !important; border-top: 1px solid #e9ecef; margin-top: 35px; padding-top: 20px; } .res-modal .modal-footer .btn, .res-modal .btn-new { height: 40px; background: rgba(184, 17, 11, 1); background: -moz-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(184, 17, 11, 1)), color-stop(88%, rgba(184, 17, 11, 1)), color-stop(100%, rgba(156, 7, 5, 1))); background: -webkit-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: -o-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: -ms-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: linear-gradient(to bottom, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8110b', endColorstr='#9c0705', GradientType=0); color: #fff; border-radius: 6px; border: 0; text-transform: capitalize; cursor: pointer; font-size: 16px !important; letter-spacing: 0.5px; font-weight: normal; letter-spacing: 0.2px; line-height: 22px; width: 100px; } .res-modal .modal-footer .btn:hover, .res-modal .btn-new:hover { background: linear-gradient(to bottom, rgb(215 60 94) 0%, rgb(215 60 94) 88%, rgb(181 25 59) 100%); color: #fff; color: #fff; } .modal-open .modal { z-index: 999999 !important; } .res-modal .modal-body .appome_input label { width: 100%; font-size: 16px; color: #000000; font-family: 'Cerebri Sans Book'; display: block; margin-bottom: 4px; margin-top: 9px; } .res-modal .modal-body { padding-top: 15px; } .res-modal .modal-body .appome_input textarea { background: #FFF; width: 100%; height: 120px; border: 1px solid #c7d8dd; border-radius: 8px; outline: none; font: 400 15px/18px 'Cerebri Sans Book'; color: #808080; padding: 0 9px; padding-right: 9px; padding-right: 10px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; resize: none; padding-top: 10px; padding-bottom: 10px; } .user-account-info h4 { color: #000; font-size: 18px; font-family: 'Cerebri Sans SemiBold'; font-weight: normal; margin-bottom: 12px; } .add_btn { background: rgba(184, 17, 11, 1); background: -moz-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(184, 17, 11, 1)), color-stop(88%, rgba(184, 17, 11, 1)), color-stop(100%, rgba(156, 7, 5, 1))); background: -webkit-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: -o-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: -ms-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: linear-gradient(to bottom, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8110b', endColorstr='#9c0705', GradientType=0); height: 45px; text-align: center; border: 0; cursor: pointer; width: 100%; border-radius: 8px; font-size: 18px; font-family: 'Cerebri Sans SemiBold'; letter-spacing: 0.5px; line-height: 43px; padding: 0 15px; color: #ffffff; margin: 5px 0; margin-top: 30px; position: relative; display: block; } .add_btn:hover { background: linear-gradient(to bottom, rgb(215 60 94) 0%, rgb(215 60 94) 88%, rgb(181 25 59) 100%); color: #fff; } .bootstrap-select .bs-ok-default::after { width: 0.3em; height: 0.6em; border-width: 0 0.1em 0.1em 0; transform: rotate(45deg) translateY(0.5rem); } .btn.dropdown-toggle:focus { outline: none !important; } .dat-hr { border-bottom: 0; border-top: 1px solid #e8e8e8; } span.angle.new-an { left: 46%; } .newst-acctinfo .form_box_area { width: 100%; position: relative; margin-bottom: 20px; } span.angle.angle2 { right: 7px; } .ui.popup.calendar.bottom.left.transition.hidden { z-index: 999999 !important; } .ui.calendar .ui.popup { inset: 0 !important; top: 34px !important; } .tupro { display: flex; align-items: center; margin-top: 8px; width: 120%; } .tupro span { background: #ccc; border-radius: 50px; width: 48px; height: 48px; overflow: hidden; display: inline-block; position: relative; margin-right: 18px; } .tupro span img { max-height: 100%; max-width: 100%; width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .tupro h6 { color: #000; font-size: 16px; line-height: 18px; font-weight: normal; } .check-box.new-av-check input[type="checkbox"]+label { padding-left: 30px; } .check-box.new-av-check label.checklabeel { color: #3a4448; font-size: 15px; font-style: normal; letter-spacing: 0.2px; } .ui.input { font-size: 1em; width: 100%; } .list-show li { float: left; padding: 4px 10px; border-radius: 5px; background: #f2f2f2; color: #434648; margin-right: 10px; font-size: 14.5px; margin-top: -10px; margin-bottom: 18px; } .list-show span { margin-left: 4px; } .list-show span a:hover { opacity: 0.7; } .user-right-top p.desi { font-size: 14px; line-height: 17px; text-align: justify; word-break: break-all; } .allread { font-size: 14px; cursor: pointer; color: #b80f0a !important; } .allread:hover { color: #d73c5e !important; } .w-100 { width: 100%; } .special_img_bx.w-100 { padding-top: 20px !important; } .makes_faq_bx.newfaq .card-header a { padding: 13px 33px 13px 23px; font-size: 17px; } .makes_faq_bx.newfaq .card { margin-top: 15px; } .special_img_bx.w-100 img { height: auto; } .faq-by { background: #fcf9f4; } .extra-ffot { margin-top: 0; } /* .terms-sec { padding: 35px 0 65px; position: relative; } */ .terms-sec:before { position: absolute; right: 0; bottom: 0; width: 678px; height: 681px; background: url(../images/top_reasons_bg1.png)no-repeat; content: ""; background-size: 100%; } .terms-sec .page_hed { position: relative; padding-bottom: 20px; } .terms-sec .page_hed p { margin-top: 3px; } .terms-sec .page_hed:before { position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); width: 51px; height: 4px; background: #b8110b; content: ""; } .terms-sec .page_hed:after { position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); width: 50%; height: 1px; background: #dfdfdf; content: ""; } .terms-sec .page_hed h3, .makes_special_inr .page_hed h3 { font-size: 35px; line-height: 48px; } .privacy-content { padding: 0 15px 15px 15px; margin: 50px 0 0 0; } .privacy-content h3 { color: #0c0e0e; font-size: 19px; line-height: 27px; font-weight: normal; font-family: 'Cerebri Sans SemiBold'; } .privacy-content p, .privacy-content ul li { font-size: 15px; line-height: 23px; color: #666d6d; margin-top: 6px; margin-bottom: 20px; } .privacy-content ul { list-style-type: disclosure-closed; padding-left: 20px; } .privacy-content ol li { font-size: 15px; line-height: 23px; color: #666d6d; margin-top: 6px; margin-bottom: 10px; } .help-sec { overflow: hidden; } .search-container { background-color: #FFF; position: relative; border-radius: 8px; padding: 3px 50px 3px 10px; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.12); } .search-box { background: url(../images/search1.png)no-repeat center left 10px; outline: none; height: 45px; font-family: 'Satisfy', cursive; font-size: 20px; border: 0; width: 100%; padding-left: 40px; } .search-button { position: absolute; right: 4px; top: 4px; background: rgba(184, 17, 11, 1); background: -moz-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(184, 17, 11, 1)), color-stop(88%, rgba(184, 17, 11, 1)), color-stop(100%, rgba(156, 7, 5, 1))); background: -webkit-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: -o-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: -ms-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: linear-gradient(to bottom, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8110b', endColorstr='#9c0705', GradientType=0); height: 42px; border: 0; line-height: 40px; color: #fff; border-radius: 6px; width: 90px; outline: 0; cursor: pointer; font-size: 16px; font-family: 'Cerebri Sans SemiBold'; } .search-button:hover { background: linear-gradient(to bottom, rgb(215 60 94) 0%, rgb(215 60 94) 88%, rgb(181 25 59) 100%); color: #fff; } .help-banner h2 { display: inline-block; width: 100%; font-size: 36px; line-height: 42px; color: #fff; margin-top: 8px; text-align: center; margin-bottom: 30px; letter-spacing: 2px; } .topics-sec { margin-top: -40px; padding-bottom: 80px; z-index: 5; position: relative; } .topics { background: #fff; border-radius: 8px; -webkit-box-shadow: 0px 0px 25px 0px rgb(192 192 192 / 40%); -moz-box-shadow: 0px 0px 25px 0px rgba(192, 192, 192, 0.4); box-shadow: 0px 0px 25px 0px rgb(192 192 192 / 40%); padding: 0px 0; margin-bottom: 40px; } .topics ul li { border-right: 1px solid #f3f3f3; width: 20%; float: left; text-align: center; transition: all .2s ease-in-out; } .topics ul li a { padding: 25px 15px; position: relative; } .new-nav li a:hover, .new-nav li a.active { transform: scale(1.04); border-radius: 8px; border-radius: 8px; box-shadow: 0px 0px 8px 0px rgb(192 192 192 / 19%); background: #b80f0a; z-index: 99; } .new-nav li:hover a, .new-nav li a.active { color: #fff; } .topics ul li:last-child { border: 0; } .new-nav li a:before { position: absolute; left: -7px; top: 0; left: 0; background: url(../images/dd.png)no-repeat; background-size: 100% !important; width: 40px; height: 38px; content: ""; visibility: hidden; opacity: 0; } .new-nav li a:hover:before, .new-nav li a:hover:after, .new-nav li a.active:before, .new-nav li a.active:after { visibility: visible; opacity: 1; } .new-nav { width: 100%; margin-bottom: 0; border: 0; } .new-nav li a { color: #0c0e0e; display: block; font-size: 19px; line-height: 29px; font-family: 'Cerebri Sans SemiBold'; } .new-nav li:hover a { color: #fff; } section.makes_special_sec.faq-sec:before, section.makes_special_sec.faq-sec:after { display: none; } .faq-tabs { margin: 5px 0 20px 0; width: 100%; border: 0; display: flex; justify-content: center; } .faq-tabs li { margin-right: 30px; float: left; } .faq-tabs li a { color: #0c0e0e; margin-top: 28px; display: block; border-radius: 10px; box-shadow: 0px 0px 12px 0px rgb(192 192 192 / 35%); background: #fff; padding: 15px 30px; font-size: 20px; line-height: 29px; font-family: 'Cerebri Sans SemiBold'; position: relative; } .faq-tabs li a:hover, .faq-tabs li a.active { transform: scale(1.04); border-radius: 8px; border-radius: 8px; box-shadow: 0px 0px 8px 0px rgb(192 192 192 / 19%); background: #b80f0a; border-bottom: 2px solid #fff; color: #fff; z-index: 99; } .faq-tabs li a:before { position: absolute; left: 3px; top: 3px; background: url(../images/dd.png)no-repeat; background-size: 100% !important; width: 30px; height: 25px; border-radius: 6px 0 0 0; content: ""; visibility: hidden; opacity: 0; } .faq-tabs li a:hover:before, .faq-tabs li a:hover:after, .faq-tabs li a.active:before, .faq-tabs li a.active:after { visibility: visible; opacity: 1; } .makes_special_inr .page_hed { padding-bottom: 20px; position: relative; } .makes_special_inr .page_hed:before { position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); width: 51px; height: 4px; background: #b8110b; content: ""; } .makes_special_inr .page_hed:after { position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); width: 70%; height: 1px; background: #dfdfdf; content: ""; } .about-banner:before { content: ""; position: absolute; z-index: -1; height: 100%; width: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); } .about-banner .breadcrumb { padding: 0; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: transparent; margin-bottom: 15px; } .about-banner .breadcrumb-item, .about-banner .breadcrumb-item a { font-size: 16px; font-weight: 500; color: #fff; } .about-banner .breadcrumb .breadcrumb-item:before { color: #ebe8e8; } .about-banner .breadcrumb .breadcrumb-item.active { color: #ffffff; } .breadcrumb-item+.breadcrumb-item { padding-left: .5rem; } .bannertext-sec { padding: 70px 0 80px; } .about-wrapper { position: relative; } .about__review { position: absolute; left: -25px; top: 100px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .ml-100 { margin-left: 100px; } .about__review h5 { font-size: 16px; font-weight: 400; color: #6d6e75; margin-bottom: 0; } .about__review h5 span { font-weight: 600; color: #0e1133; } .about__thumb img { width: 370px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .mt--80 { margin-top: -80px; } .ml-270 { margin-left: 270px; } .about__student img { height: 36px; width: 36px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 2px solid #ffffff; -webkit-box-shadow: 0px 10px 20px 0px rgb(0 5 52 / 10%); -moz-box-shadow: 0px 10px 20px 0px rgba(0, 5, 52, 0.1); box-shadow: 0px 10px 20px 0px rgb(0 5 52 / 10%); } .about__student p { margin-top: 4px; font-size: 15px; margin-bottom: 0; } .about__student p span { font-weight: 600; color: #0e1133; } .mt--210 { /* margin-top: -230px; */ margin-top: -170px; } .about__banner img { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; max-width: 255px; } .about-text { padding-left: 18px; } .about-text h2 { font-size: 31px; line-height: 38px; margin-bottom: 8px; font-family: 'Cerebri Sans Bold'; } .about-text p { color: #4b5561; font-size: 15px; text-align: Justify; line-height: 25px; margin-top: 0px; /* margin-bottom: 8px; */ margin-bottom: 20px; font-weight: 600; } .about-text h3 { margin-top: 15px; font-size: 31px; margin-bottom: 5px; line-height: 38px; } .about-text ul li img { margin-right: 15px; } .about-text ul li { font-size: 15px; font-weight: 500; color: #0e1133; margin-bottom: 5px; } .about-text .pg_btn { line-height: 50px; height: 50px; padding: 0 27px; font-size: 18px; } .mb-35 { margin-bottom: 35px; } .mis_cont { border: 1px solid #efefef; border-radius: 20px; padding: 0 25px 25px; -webkit-box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 6%); -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 6%); display: flex; background: #fff; border-bottom: 5px solid #b80f0a; margin-bottom: 25px; } .mis_cont .media_img { display: inline-block; width: 91px; background: #b80f0a; border-radius: 0 0 50px 50px; padding: 27px 0 18px; height: 115px; text-align: center; margin-right: 22px; } .mis_cont .media-body { padding-top: 25px; } .mis_cont .media-body h6 { font-family: 'Cerebri Sans Bold'; font-size: 21px; color: #0c0e0e; font-weight: 400; margin-bottom: 13px; } .mis_cont .media-body p { font-weight: 400; font-size: 15.5px; line-height: 26px; text-align: justify; color: #566067; } .mis_cont { margin-top: 40px; } section.how_did_we_do.misssec:after { display: none; } .contact-us { padding: 80px 0 60px; position: relative; } .contact-card { -webkit-box-shadow: 0 10px 30px rgb(0 0 0 / 7%); box-shadow: 0 10px 30px rgb(0 0 0 / 7%); text-align: center; padding: 25px; border-radius: 15px; margin-bottom: 30px; } .contact-card span { color: #001935; border: 1px dashed #b8110b; width: 50px; display: inline-block; height: 50px; line-height: 45px; border-radius: 50px; margin-bottom: 20px; font-size: 25px; } .contact-card ul { padding-left: 0; margin-bottom: 0; } .contact-card ul li { list-style: none; color: #001935; font-size: 16px; line-height: 26px; } .contact-card ul li a { color: #001935; } .contact-card ul li a:hover { color: #b80f0a; } .contact-area { -webkit-box-shadow: 0 10px 30px rgb(0 0 0 / 7%); box-shadow: 0 10px 30px rgb(0 0 0 / 7%); padding: 50px; border-radius: 50px; } .contact-area h3 { font-size: 34px; line-height: 46px; color: #161f26; text-align: center; font-family: 'Cerebri Sans SemiBold'; } .contact-area p { font-size: 24px; line-height: 34px; color: #40464c; font-family: 'Satisfy', cursive; margin-top: 7px; text-align: center; } form#contactForm { margin-top: 40px; } .form-group { display: block; overflow: hidden; width: 100%; margin: 0 0 18px 0; } .form-group input { display: block; overflow: hidden; width: 100%; border: 1px solid #c7d8dd; height: 48px; border-radius: 6px; padding: 0 15px; color: #8795a3; letter-spacing: 0.5px; font-family: "Cerebri Sans Book"; font-size: 15px; line-height: 20px; font-weight: 400; box-shadow: none !important; } .form-group textarea { display: block; overflow: hidden; width: 100%; border: 1px solid #c7d8dd; height: 120px; border-radius: 6px; padding: 15px 15px; color: #8795a3; letter-spacing: 0.5px; font-family: "Cerebri Sans Book"; font-size: 15px; line-height: 20px; font-weight: 400; box-shadow: none !important; } section.contact-form-section.pb-100 { padding-bottom: 80px; } .contact-btn { background: rgba(184, 17, 11, 1); background: -moz-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(184, 17, 11, 1)), color-stop(88%, rgba(184, 17, 11, 1)), color-stop(100%, rgba(156, 7, 5, 1))); background: -webkit-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: -o-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: -ms-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); background: linear-gradient(to bottom, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8110b', endColorstr='#9c0705', GradientType=0); height: 52px; border: 0; cursor: pointer; width: 200px; border-radius: 6px; font-size: 18px; font-family: 'Cerebri Sans SemiBold'; letter-spacing: 0.5px; line-height: 48px; padding: 0 15px; color: #ffffff; text-align: center; margin: 5px auto; margin-top: 20px; position: relative; display: block; } .contact-btn:hover { background: linear-gradient(to bottom, rgb(215 60 94) 0%, rgb(215 60 94) 88%, rgb(181 25 59) 100%); color: #fff; } section.makes_special_sec.faq-sec .makes_special_inr:before { display: none; } section.about-banner.help-banner { height: 345px; padding-bottom: 40px; } .helptab h3 { font-size: 35px; line-height: 48px; color: #161f26; font-family: 'Cerebri Sans SemiBold'; text-align: center; margin-bottom: 30px; position: relative; padding-bottom: 20px; } .helptab h3:before { position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); width: 51px; height: 4px; background: #b8110b; content: ""; } .helptab h3:after { position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); width: 50%; height: 1px; background: #dfdfdf; content: ""; } .rev { width: 17%; } .one_row1 .ret_ul { margin-top: 0px; } .one_row1 .ret_ul li b { margin-left: 3px; vertical-align: middle; font-size: 13px; letter-spacing: 0; } .tuto-rating em { width: 110px; height: 110px; display: block; position: relative; overflow: hidden; background: #ccc; border-radius: 50%; } .tuto-rating em img { width: auto; height: auto; margin: auto; max-width: 100%; max-height: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-radius: 50%; } .tuto-rating { padding-bottom: 20px; display: flex; align-items: center; } .tu-info { margin-left: 20px; } .tu-info h2 { font-size: 24px; color: #000000; font-family: 'Cerebri Sans SemiBold'; font-weight: normal; margin-bottom: 1px; } .sed { padding: 1.5px 0 1.5px 0; } .tu-info .sed { padding: 1.5px 0 7px 0px; } .sed, .sed span { display: flex; align-items: center; } .sed span { font-size: 15px; color: #222020; margin-right: 15px; } .sed span b { margin-right: 4px; } .sed span img { margin-right: 8px; } /* use display:inline-flex to prevent whitespace issues. alternatively, you can put all the children of .rating-group on a single line */ #half-stars-example .rating-group { display: inline-flex !important; } /* make hover effect work properly in IE */ #half-stars-example .rating__icon { pointer-events: none; } /* hide radio inputs */ #half-stars-example .rating__input { position: absolute !important; left: -9999px !important; } /* set icon padding and size */ #half-stars-example .rating__label { cursor: pointer; padding: 0 0.1em; font-size: 22px; border: 1px solid #c7d8dd; padding: 10px 10px; margin-right: 10px; border-radius: 8px; } /* add padding and positioning to half star labels */ #half-stars-example .rating__label--half { padding-right: 0; margin-right: -36px; z-index: 2; border: 0; } /* set default star color */ #half-stars-example .rating__icon--star { color: #ef990e; } /* set color of none icon when unchecked */ #half-stars-example .rating__icon--none { color: #eee; } /* if none icon is checked, make it red */ #half-stars-example .rating__input--none:checked+.rating__label .rating__icon--none { color: red; } /* if any input is checked, make its following siblings grey */ #half-stars-example .rating__input:checked~.rating__label .rating__icon--star { color: #ddd; } /* make all stars orange on rating group hover */ #half-stars-example .rating-group:hover .rating__label .rating__icon--star, #half-stars-example .rating-group:hover .rating__label--half .rating__icon--star { color: orange; } /* make hovered input's following siblings grey on hover */ #half-stars-example .rating__input:hover~.rating__label .rating__icon--star, #half-stars-example .rating__input:hover~.rating__label--half .rating__icon--star { color: #ddd; } #half-stars-example .rating-group:hover .rating__input--none:not(:hover)+#half-stars-example .rating__label .rating__icon--none { color: #eee; } #half-stars-example .rating__input--none:hover+#half-stars-example .rating__label .rating__icon--none { color: red; } .none { display: none !important; } .new-subbtn { width: 150px; } .newmar { margin-bottom: 10px !important; } .dash_info { margin-top: 15px; } .dash_info h2 { font-size: 20px; color: #000; font-weight: 600; margin-top: 20px; margin-bottom: 5px; } .dash_info p { font-size: 15px; line-height: 22px; color: #40484e; margin-bottom: 15px; } .dashboxitm { border: 1px solid #c7d8dd; padding: 15px 20px; margin-bottom: 20px; border-radius: 10px; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .dashboxitm:hover { box-shadow: 0px 0px 8px 1px #eeeeee85; } .dashboxitm:hover:after { position: absolute; height: 92%; width: 4px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); transition: all 0.3s; background: #b80f0a; content: ""; top: 5px; left: 0px; border-radius: 36px; } .meadia-img { width: 72px; height: 72px; margin-right: 19px; background: #b80f0a; border-radius: 13px; position: relative; } .meadia-img img { position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; } .meadia-body h6 { color: #3e464a; font-size: 18px; font-weight: 400; margin-bottom: 10px; } .meadia-body p { color: #101111; font-weight: bold; font-size: 22px; } .pb-50 { padding-bottom: 50px; } .tutoe-cu { margin: 79px 0 40px 0; } .new-das-cale { margin-top: 15px; margin-bottom: 43px; } .new-das-cale .cal-month__current { font-size: 20px; font-weight: 600; } .new-das-cale .calendar__head .cal-head__day { color: #8c8c8c; font-size: 16px !important; } .new-das-cale .calendar__month { margin-bottom: -25px; } .book-avi ul li { float: left; margin-left: 20px; } .book-avi ul li p img { width: 23px; margin-right: 8px; } .book-avi ul li p { display: flex; align-items: center; color: #2e3032; font-size: 15px; } .new-das-cale .calendar__head { height: 55px; } .new-das-cale .cal-head__day { margin-top: 16px; } .new-das-cale .cal-day__day--selected { background: #fff; } .new-das-cale .cal-head__day, .new-das-cale .cal-body__day { font-size: 19px !important; } .new-das-cale .cal-body__day, .new-das-cale .cal-body__week { height: 70px; align-items: center; display: flex; } .calendar_next2 { font-size: 20px; padding: 10px 0; width: 100%; position: relative; z-index: 1; } .new-das-cale .cal-month__previous, .new-das-cale .cal-month__next { position: absolute; top: 17%; cursor: pointer; width: auto; height: 35px; line-height: 33px; border-radius: 3px; text-align: center; color: #fff; display: grid; place-items: center; background: #b80f0ab3; font-size: 16px; } .new-das-cale .cal-month__previous { left: 0px; width: 99px; } .new-das-cale .cal-month__next { right: 0; width: 75px; } .new-das-cale .cal-month__previous i { color: #fff; font-size: 20px; vertical-align: text-bottom; margin-right: 7px; } .new-das-cale .cal-month__next i { color: #fff; font-size: 20px; vertical-align: text-bottom; margin-left: 7px; } .calendar_next2 { margin-top: 8px; margin-bottom: 20px; display: none; } .new-das-cale .cal-month__previous:hover, .new-das-cale .cal-month__next:hover, .new-das-cale .cal-month__next.active { background: #b80f0a; } /*-------------- calender--------------*/ .calendar { width: 100%; margin: 0px auto 0; position: relative; } .calendar__month { font-size: 20px; padding: 0px 0; width: 100%; position: relative; z-index: 1; } .cal-month__previous, .cal-month__next { position: absolute; top: 17%; cursor: pointer; width: 23px; height: 23px; border-radius: 50%; text-align: center; color: #fff; display: grid; place-items: center; background: #f2f2f2; font-size: 16px; } .cal-month__previous { right: 27px; } .cal-cal-month__next { right: 0px; } .cal-month__previous i, .cal-month__next i { color: #474747; } .cal-month__previous:hover, .cal-month__next:hover { background: #60a7ff; } .cal-month__previous img, .cal-month__next img { max-width: 100%; } /* .cal-month__previous:hover, .cal-month__next:hover { background-color: #42a5f5; box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.75); border-radius: 50%; font-weight: 800; color: #111;}*/ .cal-month__next { right: 0; } .cal-month__current { text-align: center; color: #090a11; } .cal-head__day, .cal-body__day { display: inline-block; width: 14.28571428571429%; height: 72px; float: left; color: #e1e1e1; font-size: 15px; text-align: center; } .cal-body__week, .calendar__head { display: block; height: 72px; width: 100%; display: flex; align-items: center; } .calendar__head { position: relative; } .cal-body__day { color: #dcdcdc; text-align: center; cursor: pointer; border: solid 1px #eaeaea; display: flex; justify-content: center; background: #63d267; align-items: center; } .cal-day__month--current { color: #474747; } .cal-day__day--today { color: #474747; } .cal-day__day--selected { border: 2px solid #b80f0a45; color: #000000; } .cal-head__day { margin-top: 25px; } .cal-body__day.cal-day__month--next { display: none; } /*.cal-body__week .cal-day__month--current:first-child{color: #ff4949;}*/ .cal-body__week .cal-day__month--current:last-child { color: #474747; } .cal-month__current { font-size: 18.74px; text-align: left; } .cal-month__current { font-size: 18.74px; text-align: left; font-family: 'Segoe UI'; } .calendar__head .cal-head__day { height: auto !important; color: #c9c9c9; font-family: 'Segoe UI'; text-align: left; } .cal-day__month--previous { font-size: 0; } .cal-body__day.cal-day__month--next, .cal-body__day.block_day.cal-day__month--previous, .cal-body__day.cal-day__month--previous { font-size: 0; background: #fcfcfc !important; opacity: 0.4; } .cal-body__day.block_day { background: #c0012c !important; position: relative; } .cal-body__day.block_day:before { display: none; position: absolute; content: ""; width: 3px; height: 80%; background: #ec8b8b; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .new-das-cale .cal-body__day, .new-das-cale .cal-body__week { height: 70px; align-items: center; display: flex; } .checkBox.new-cus.tur-radio { display: block !important; } .b-block, #half-stars-example { display: block !important; } .rating-group { display: inline-flex !important; } .italic { font-style: italic !important; } .dash-d1.das-radio { margin: 0 15px; width: calc(50% - 30px); } .dash-d1.das-radio input[type="radio"]+label span.color-span, .dash-d1.das-radio input[type="checkbox"]+label span.color-span { text-transform: uppercase; padding: 0px 12px; color: #36394D; font-weight: bold; line-height: 52px; width: 50px; text-align: center; background-color: #CACCD6; } .dash-d1.das-radio label span.label-cont { color: #36394D; font-size: 16px; font-weight: 400; line-height: 1.5rem; display: block; width: 100%; margin: 0; padding: 9px 56px 16px 16px; text-align: left; } .dash-d1.das-radio input[type="radio"]+label { border: 2px solid transparent; border-radius: 18px; } .dash-d1.das-radio input[type="radio"]:checked+label span.color-span, .dash-d1.das-radio input[type="checkbox"]:checked+label span.color-span { background-color: #1781d2; color: #fff; } .dash-d1.das-radio input[type="radio"]:checked+label, .dash-d1.das-radio input[type="checkbox"]:checked+label { border: 2px solid #b80f0a; border-radius: 18px; } .dash-d1.das-radio input[type="radio"], .dash-d1.das-radio input[type="checkbox"] { display: none; } .modal-body .meet_tutors_items h4 { text-transform: capitalize; font-size: 17px; margin-top: 10px; margin-bottom: 0; } .modal-body .meet_tutors_items ul { margin-top: 0; } .modal-body .account-area-tutor .meet_tutors_text small { margin-top: 5px; } .modal-body .account-area-tutor .meet_tutors_items { margin-bottom: 0; } .autocomplete { position: relative; display: inline-block; width: 100%; } .autocomplete-items { position: absolute; border: 1px solid #d4d4d4; border-bottom: none; border-top: none; z-index: 99; /*position the autocomplete items to be the same width as the container:*/ top: 100%; left: 0; right: 0; } .autocomplete-items div { padding: 10px; cursor: pointer; background-color: #fff; border-bottom: 1px solid #d4d4d4; } /*when hovering an item:*/ .autocomplete-items div:hover { background-color: #e9e9e9; } /*when navigating through the items using the arrow keys:*/ .autocomplete-active { background-color: DodgerBlue !important; color: #ffffff; } .form_box_area label, .checkBox.new-cus span i { font-size: 15px; line-height: 19px; margin-top: 4px; display: block; color: #585858; } .user-left-top p { text-align: center; font-size: 15.5px; line-height: 5px; letter-spacing: 0; color: #545e6e; } .extra-dashs { display: flex; justify-content: space-between; } .extra-dashs a { color: #b80f0a; font-style: italic; font-size: 15px; letter-spacing: 0.3px; } .extra-dashs a:hover { color: #d73c5e; } .cell1.tab_head_sheet.newst1 { width: 12%; } .about-banner.newabtban:before { background-color: rgb(0 0 0 / 30%); } .check-box.new-av-check { padding-top: 30px; } .user-account-info.newst-acctinfo.neww-ast { margin-top: 10px; } /*----data table---*/ #example_length, #example_filter { display: none; } table.dataTable thead th, table.dataTable thead td { padding: 8px 5px 10px 4px !important; } table.dataTable tbody th, table.dataTable tbody td { padding: 10px 2px 10px 3px !important; } table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td { border-top: 1px solid #ddd !important; border-right: 0px solid #ddd !important; vertical-align: middle; } table.dataTable thead th, table.dataTable thead td { border-bottom: 0px solid #111 !important; color: #fff; font-size: 15.5px; line-height: 25px; font-weight: normal !important; } table.dataTable.cell-border tbody tr th:first-child, table.dataTable.cell-border tbody tr td:first-child { border-left: 0px solid #ddd !important; } table.dataTable.cell-border tbody tr td { font-size: 14px; line-height: 18px; position: relative; letter-spacing: 0; color: #545e6e; } table.dataTable thead .sorting.srortub { background: #d73c5e !important; } #example { width: 100% !important; text-align: center; } table.dataTable thead .sorting_asc { background: #d73c5e url(..) no-repeat center right 5px !important; } table.dataTable thead .sorting { background: #d73c5e url(..) no-repeat center right 5px !important; } .W55_1 { display: none; } div#example_wrapper .col-sm-12.col-md-5 { display: none !important; } .dataTables_wrapper .dataTables_paginate { float: left !important; text-align: left !important; padding-top: 0.25em; } .pagination .page-link { width: 38px; font-size: 16px; height: 38px; margin-left: 0 !important; line-height: 38px; border-radius: 8px !important; cursor: pointer !important; } .dataTables_wrapper .dataTables_paginate .paginate_button { padding: 0 !important; margin-left: 0 !important; } .page-item.previous .page-link, .page-item.next .page-link { font-size: 0; } .dataTables_wrapper .dataTables_paginate { padding-top: 20px !important; } .dataTables_wrapper .dataTables_paginate .paginate_button:hover { color: white !important; border: 1px solid #fff0 !important; background-color: transparent !important; background: transparent !important; } .dataTables_wrapper .dataTables_paginate .paginate_button a:hover { border: 1px solid #b8100a !important; background-color: #b8100a !important; color: #fff !important; } .page-item.previous.disabled .page-link, .page-item.next.disabled .page-link { opacity: 0.5; } .page-item.previous .page-link { background: url('../images/anglel.png') no-repeat center; } .page-item.next .page-link { background: url('../images/angler.png') no-repeat center; } .page-item.previous .page-link:hover { background: url('../images/anglelh.png') no-repeat center; } .page-item.next .page-link:hover { background: url('../images/anglerh.png') no-repeat center; } .makes_faq_bx.newfaq .card-header a { width: 100%; cursor: pointer; display: block; } .msgg { margin-top: 200px; /*margin-left: 105px;*/ text-align: center; } .xyz:before { display: none; } .xyz:after { display: none; } /*.custom-table .col-sm-12{overflow: auto;}*/ /*28/08/21(puja)*/ .alert-success { color: #fff; background-color: #d73c5e; border-color: #d73c5e; } .alert .close { color: #fff; } ul.navbar-nav.menu_sec.after-login { padding-right: 0; } .form_box_area input[type], .form_box_area select { font-style: normal !important; } .new-cus span { font-size: 15px !important; line-height: 19px; margin-top: 4px; display: block; color: #585858 !important; } .disable-input { cursor: no-drop; } .alert-danger { color: #fff; background-color: #b80f0a; border-color: #b80f0a; } section.login-body.tutor-body .login-info::after { top: 91%; } .disable-left { opacity: 0.4; } /*(08/09/21-puja)*/ /*.from_time_div .row {align-items: center;}*/ .from_time_div .check-box.new-av-check { padding-top: 0; } .from_time_value h6 { color: #3a4448; font-size: 15px; font-style: normal; letter-spacing: 0.2px; font-weight: 400; } .from_time_value .k-state-default>.k-select { border-color: #b8110b; background: #b8110b; line-height: 28px; } .from_time_value .k-picker-wrap .k-icon { color: #fff !important; margin-top: 6px; } .error_start_end_time { display: inline-block; } .k-list-container { background: #fff !important; color: #434648 !important; } .k-listbox .k-item, .k-popup .k-list .k-item:hover { background: #b8110b !important; color: #fff !important; } .k-state-selected { background: #b8110b !important; color: #fff !important; } .from_time_value .k-widget { width: 100% !important; } .from_time_div .add_btn { margin-top: 23px; } /*-----data table end-----*/ .hed_btn { position: relative; right: 0; top: 0; -webkit-transform: inherit; -moz-transform: inherit; transform: inherit; } .menu_sec { padding-right: 0; } .hed_btn .pg_btn { color: #fff !important; } .search_emt_bx { width: 100%; text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column; } .search_emt_bx img { width: 167px; } .i_txt_p { font-style: italic; padding-bottom: 10px; } .s_emt_cls { position: relative; } .ensure_text { padding-left: 12px !important; padding-top: 25px !important; font-size: 13px !important; font-style: italic !important; } .uplodimgf100ilimg.review_img em { background: #ccc; border-radius: 50%; width: 50px; height: 50px; overflow: hidden; margin-top: 22px; margin-left: 20px; display: inline-block; position: relative; } /*24/09/21-puja*/ .note_cc { margin-top: -17px !important; } .check-box-cu { margin-top: 15px; } .check-box-cu label { padding-bottom: 6px !important; margin-bottom: 5px !important; } /*29-09-2021*/ .dropdown-submenu .dropdown-toggle { background: url(../images/aro_botom.png)no-repeat center right 11px; } .dropdown-submenu .dropdown-toggle:hover { background: url(../images/white_aro_botom.png)no-repeat center right 11px; } .profile-bottom p { margin: 0 0 10px 0; display: flex; align-items: flex-start; line-height: 18px; font-size: 14px; color: #4a5f67; word-break: break-all; } .sh_lis_star li { font-size: 11px; } /*04/10/21-puja*/ .jqx-menu-ul { display: none !important; } #legendbarbottomscheduler { display: none !important; } #scheduler { height: 456px !important; width: 100% !important; } #id1 { background-color: black !important; } .jqx-grid-table tr:nth-child(2), .jqx-grid-table tr:nth-child(3), .jqx-grid-table tr:nth-child(4), .jqx-grid-table tr:nth-child(5), .jqx-grid-table tr:nth-child(6), .jqx-grid-table tr:nth-child(7), .jqx-grid-table tr:nth-child(8), .jqx-grid-table tr:nth-child(9), .jqx-grid-table tr:nth-child(10), .jqx-grid-table tr:nth-child(11), .jqx-grid-table tr:nth-child(12), .jqx-grid-table tr:nth-child(13), .jqx-grid-table tr:nth-child(43), .jqx-grid-table tr:nth-child(44), .jqx-grid-table tr:nth-child(45), .jqx-grid-table tr:nth-child(46), .jqx-grid-table tr:nth-child(47), .jqx-grid-table tr:nth-child(48) { display: none !important; } /* .jqx-grid-table tr:nth-child(1) td{ height: 35px !important; }*/ .jqx-grid-table tr:nth-child(14) td { position: static !important; } /*.jqx-cell.jqx-grid-cell.jqx-item.jqx-grid-cell-alt.jqx-center-align.jqx-top-align.jqx-scheduler-all-day-cell{ height: 35px !important; }*/ /* .jqx-scheduler-appointment.jqx-rc-all{ border-color: red !important; background-color: red !important; } .jqx-scheduler-appointment.jqx-rc-all.jqx-scheduler-selected-appointment{ border-color: green !important; background-color: green !important; }*/ /*jqx-scheduler-appointment jqx-rc-alljqx-scheduler-appointment jqx-rc-all jqx-scheduler-selected-appointment*/ .jqx-scheduler-cell-selected { background: #000000 !important; } .jqx-scheduler-cell-focus { background: #000000 !important; } /*#scheduler div { overflow-x: auto; }*/ .my-calander { display: flex; width: 100%; align-items: center; padding-bottom: 20px; justify-content: space-between; } .calander-box { padding-left: 57px; } .calander-box li { display: inline-block; padding-left: 27px; } .calander-box li em { display: inline-block; width: 20px; height: 20px; vertical-align: middle; } .c1 { background: #b8110b; } .c2 { background: #7db343; } .c3 { background: #ffca01; } .calander-box li span { vertical-align: middle; margin-left: 3px; } .calander-box li:first-child { padding-left: 0; } #contenttable2scheduler { height: 40px !important; } .jqx-grid-table tr:nth-child(1) td { height: 40px !important; } /*07/10/21-puja*/ .modal_button { width: 100%; text-align: center; padding: 20px 0; } .log_modal_bx .modal-title { color: #17181c; } .modal_button li { display: inline-block; } /* .log_modal_bx .modal-dialog { margin-top: 300px !important; } */ .modal-open .modal.show { display: flex !important; align-items: center; justify-content: center; } .log_modal_bx .modal-dialog { margin-top: 0px !important; width: 100%; } .tutor-cross { opacity: 1; } .grade_sed { -ms-flex-wrap: wrap; flex-wrap: wrap; } .tuto-rating em { overflow: inherit; } .tuto-rating em img { margin: auto; max-width: inherit; max-height: inherit; position: inherit; left: 0; top: 0; right: 0; bottom: 0; border-radius: 50%; width: 110px; height: 110px; object-fit: cover; } .k-calendar { width: 59%; } .k-calendar-view { width: 100%; } .k-content { width: 100%; margin-top: 8px; } .from_select_subject_student_book label { color: #3a4448; margin-bottom: 2px; } .from_select_subject_student_book select { border-radius: 0; height: 32px; font-size: 13px; padding-left: 6px; border-color: rgba(0, 0, 0, .08); color: #424242; background-color: #fff; } /*.k-content tbody tr td{ border: solid 1px #eaeaea !important;}.k-calendar-view { padding: 0 !important; width: 100% !important; min-height: 230px !important; gap: 16px !important;}.k-calendar { font-size: 15px !important; line-height: 34px !important;}.k-calendar .k-calendar-view .k-today { color: #fff !important; background: #63d267 !important;}.k-state-disabled{ opacity: 1 !important; background: #c0012c !important; color: #fff !important;}*/ /*19/10/21-puja*/ .table_book { padding: 20px 0; } .table_book thead { background: #d73c5e; } .table_book thead th { color: #fff; } .tuto-rating { /* align-items: flex-start; */ align-items: center; } .k-calendar { width: 100% !important; } .fav_id .owl-prev, .fav_id .owl-next { position: absolute; top: 50%; width: 40px; height: 40px; background-size: 100%; font-size: 0 !important; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); z-index: 5; } .fav_id .owl-prev { left: -11px; background: url(../images/arw_left.png)no-repeat !important; } .fav_id .owl-next { right: 3px; background: url(../images/arw_right.png)no-repeat !important; } .fav_id .owl-item { padding: 10px; } .fav_id .owl-nav { display: block !important; } .fav_id .owl-dots { display: none !important; } .fav_id .meet_tutors_text h4 { font-size: 16px; } .k-datepicker .k-select.k-state-hover, .k-datepicker .k-select:hover, .k-timepicker .k-select.k-state-hover, .k-timepicker .k-select:hover { background-color: #b8110b !important; } .book_f_t_v .k-picker-wrap .k-icon { margin-top: 2px !important; } .btn_3_cc { display: flex; justify-content: space-between; } .sus_bg { background: #579910; } .sus_bg:hover { background: #7db343; } .btn_3_cc .new-subbtn { line-height: 47px; padding: 0 10px; font-size: 16px; color: #fff !important; } .btn_3_cc .new-subbtn { width: auto !important; } .bold_black_text { font-weight: 700; color: black !important; line-height: 23px !important; } .user-right-top p, .user-right-top-new p { line-height: 24px; } .autocomplete-active { background-color: #b8110b !important; color: #ffffff; } #not_b_popup .modal-title { font-size: 18px; position: relative; } #not_b_popup .modal-title:after { position: absolute; width: 60px; height: 3px; content: ""; background: #b8110bfc; left: 0; bottom: -15px; } .meass-popup ul { text-align: center; } #not_b_popup .modal-body { background: #ffffff; } .meass-popup ul li { display: inline-block; padding: 8px 17px; background: #b8110b0f; color: #b8110b; border-radius: 6px; border: 1px solid #b8110b; margin: 30px 0; width: 100%; line-height: 20px; } .appome_input.form_box_area.cls1 { display: block !important; } .k-calendar .k-calendar-td.k-state-selected .k-link { background-color: #b8110b !important; } .bb_disabled_booking_u::after { position: absolute; content: ""; width: 48px; height: 4px; background: #b80f0a; z-index: 9999; bottom: -14px; left: 0; } .bb_disabled_booking_u { position: relative; } .rest_btn2 { width: auto !important; padding: 0 20px !important; } .addDisablePhone { opacity: 0.5 !important; } .pointerEventsNone { pointer-events: none !important; } .uplodpic li { width: 100px; float: left; background: #f2f2f2; position: relative; min-height: 80px; margin: 1%; list-style-type: none; } .uplodpic li img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; max-width: 100%; max-height: 100%; width: auto; height: auto; margin: auto; z-index: 1; object-fit: cover; } img { vertical-align: middle; border-style: none; } /* .user-account .user-left .user-left-top img { width: 90px; } .user-account .user-left .user-left-top em { display: flex; align-items: center; justify-content: center; } */ .selectedImage { border: 1px solid #b80f0a; } .select_profile_pic_btn { width: auto !important; padding: 0 20px; } .card_imgaes { margin-top: 28px; } /*15-11-2021*/ .scrollListSPic { width: 100%; overflow-x: scroll; } .scrollListSPic_inr { width: 500vh; display: inline-block; padding-bottom: 10px; } .scrollListSPic .uplodpic li { width: 200px; float: left; background: #eee; border: solid 1px #b80f0a; margin: 0 2px; } .scrollListSPic .uplodpic li img { width: 100%; height: 150px; object-fit: cover; position: inherit; } .star_ul_cls_end { -ms-flex-wrap: wrap; flex-wrap: wrap; } .star_ul_cls_end li { display: flex; width: 100%; } .star_ul_cls_end li label { width: auto !important; } .checkBox.new-cus.chkClassEnd .star_ul_cls_end span { display: flex; margin-left: 9px; margin-top: 5px; } .checkBox.new-cus.chkClassEnd .star_ul_cls_end span i { margin: 0 4px; color: #e38919; } .t_small_intalic { font-size: 13px; } .student_cls_end_assesment .new-cus .one_li_check label { font-size: 15px !important; color: #585858 !important; font-family: 'Cerebri Sans Book'; } .account-area-tutor .owl-carousel .meet_tutors_img span img { object-fit: contain; } .card_imgaes { margin-bottom: 16px; } .card_payment_text .form_box_area label { text-align: left; } .payment_card_class { text-align: left; } h3 .payment_card_info_txt { text-align: left !important; } .detailspayment span { border: 1px solid #d9d7d7; border-radius: 3px; padding: 4px 8px; margin: 0 5px 8px 0; display: inline-block; } .detailspayment { display: block; padding: 0; } .detailspayment_002 { margin-left: 0 !important; } .revmodal { margin-top: 200px; } .revmodal .modal-body { background: #fff; } .modal_button img { margin-bottom: 15px; } .tranhis { position: relative; } .float-right { position: absolute; z-index: 9; top: 16px; right: 8px; margin: 0; } .select_profile_pic { display: block; overflow: hidden; width: 100%; text-align: center; } .select_profile_pic .sub_btn { text-align: center; margin: 0 auto; } .forr_btnn66 { margin: 0 !important; float: right; display: block; } .forr_btnn66 a { margin: 0; } .forr_btnn001 .btn_3_cc { display: inline-block !important; } .forr_btnn001 { display: block; overflow: hidden; } .forr_btnn001 .forr_btnn002 { float: left; } .boxx_size_n01 .dashboxitm .meadia-body h6 { font-size: 20px; margin-bottom: 5px; line-height: 26px; font-weight: 600; color: #242728; } .boxx_size_n01 .dashboxitm { padding: 3px 5px 0 5px; margin-bottom: 15px; } .boxx_size_n01 .meadia-img { background: transparent; width: auto; height: auto; } .boxx_size_n01 .dashboxitm { text-align: center; } .k-chart, .k-stockchart { height: 280px !important; } .boxx_size_n01 .dashboxitm .media { display: block !important; } .newst_btn-pop .btn-new { width: auto !important; } .banner_box a { display: block; width: 100%; height: 100%; } .bannersec .carousel-indicators { width: 25px; right: 0; left: auto; } .bannersec .ler_mor { display: inline-block; color: #b80f0a; font-size: 19px; background: transparent; border: 0; margin-top: 18px; } .login-info.forget_info:before { top: 132px; } .proDiv h6 { font-size: 15.5px; line-height: 18px; letter-spacing: 0; color: #545e6e; font-weight: 700; margin-bottom: 14px; } .proDiv p { font-size: 15.5px; line-height: 20px; letter-spacing: 0; color: #545e6e; font-weight: 400; margin-bottom: 12px; } .proDiv span { font-size: 15.5px; line-height: 20px; letter-spacing: 0; color: #545e6e; font-weight: 400; margin-bottom: 5px; display: block; } .proDiv span strong { font-weight: 700; } .divPoMW { max-width: 650px !important; display: block !important; } .modal-dialog.divPoMW { display: flex !important; } .modal-dialog.divPoMW .modal-content { margin-top: 0px; } .divPoMW .modal-content { /* margin-left: 27.5%; */ margin-top: 200px; } .xxctopnn { margin-top: 12px !important; } .student_pro_p { margin-bottom: 0 !important; } .red_link { color: #b80f0a; } .dvpro { margin: 15px; border: 1px solid #b80f0a; border-radius: 5px; } .nav_top .dropdown:hover .grade_new_cls_d { max-height: 500px !important; width: 220px; /*overflow-y: scroll;*/ } .tapDiv .modal-content { margin-left: 0%; text-align: left; } .autocomplete-items { height: 300px; overflow: auto; } .search_nt_cls .pg_btn { font-style: normal !important; } .proClose .btn-new { text-transform: inherit !important; } .procloseicon { font-size: 18px; margin-right: 9px; color: #b80f0a; } .proclosespan { font-size: 16.5px !important; line-height: 18px; letter-spacing: 0; color: #545e6e; font-weight: 700 !important; margin-bottom: 14px important; display: initial !important; } .proDiv p.academic_team_bold { font-weight: bold; } .breakAll { word-break: break-all; } .messageDivTxt p a { color: #b80f0a; font-style: italic; } .messageDivTxt p a:hover { color: #d73c5d; } .messageDivTxt h4 { text-align: left; } .branch_show_ul .branch_show_li a { color: #4d5154 !important; } /*.menu_sec .dropdown-menu .fgdt:hover a{ color: #000; }*/ .studentUpdatePopupModal .divPoMW { max-width: 350px !important; } .reviewClsDiv span { align-items: flex-start; } .about_banner_section_cls>img { width: 100%; height: auto !important; } .makes_faq_bx .card-body p { text-align: justify; } .transactHistoryCls .over_llp1 { top: 14px; } .srCls { padding-right: 0px; } .upCls .dash-d1 { float: left; width: 50%; margin-right: 0px; position: relative; float: left; padding-right: 10px; } .upCls .dash-d1:last-child { padding-right: 0; } .upCls .dash-d1 .over_llp1 { top: 15px; } .backBtnCls { width: 100%; margin-top: 15px; } .leftAlginText { text-align: left; width: 100%; } .show_amount { font-weight: 700; margin-top: 6px; font-size: 15px; } .table th, .table td { padding: 0.25rem; } .view_details_date { width: 12%; } .view_details_time { width: 20%; } .view_details_ses { width: 15%; } .white_space_nowrap { white-space: nowrap; } .earlyUpdCls .divPoMW { max-width: 460px !important; } .smallPopupInvalidCreden .divPoMW { max-width: 390px !important; } .paymentpopupSize .divPoMW { max-width: 420px !important; } .greencls { color: #669900; } .redcls { color: #CC3300; } .table thead th { font-size: 13px; } .widt-16 { width: 16%; } .earlyUpdCls .divPoMW { max-width: 487px !important; } .new_est_width.col-md-4 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 28%; max-width: 29%; } .gj_tut_plan_frm .form_box_area.btn_closer { margin-top: -8px; } .form_box_area.btn_closer { margin-left: -40px; } .new_rows1 .col-sm-4, .new_rows1 .col-sm-2 { padding-right: 0; } .new_rows1 .col-sm-2:last-child { padding-right: 15px; } .new_cc_btns .sub_btn2 { width: auto; margin-right: 15px; } .btn_3_cc.new_cc_btns { justify-content: inherit; } .banner_img_section .banner_box img { object-fit: fill; } .advance_new_profile { float: right; position: absolute; right: 21px; top: 55px; } .advance_new_profile li { display: inline-block; } .user-right-top p.identy_proff { width: 100%; font-size: 16px; color: #000000; font-family: 'Cerebri Sans Book'; display: block; margin-bottom: 14px; font-weight: normal; } .user-right-top p.identy_proff span { padding-left: 5px !important; padding-top: 25px !important; font-size: 13px !important; font-style: italic !important; letter-spacing: 0; color: #545e6e; line-height: 24px; } .rightBtnAdvance { justify-content: flex-end; } .text_advance_show { margin-top: -11px !important; padding-bottom: 15px; } .confirmationPopupDiv { max-width: 400px !important; } .nav_top .dropdown:hover .grade_new_cls_d.scrollDivSubjectCls { max-height: 280px !important; overflow-y: scroll; } p.para_italics { font-style: italic; margin-top: -17px; margin-bottom: 12px; color: #b8110b; font-size: 15px; } .orangeBackGroundNew { background: #FFFFFF; } .paleGreen { background: #FFFFFF; } .right_side_service_charge { text-align: right !important; } .addDisablePhone { opacity: 0.5 !important; } .pointerEventsNone { pointer-events: none !important; } .day-row { margin-bottom: 25px; border-bottom: 1px solid #eee; padding-bottom: 15px; } .day-label { font-weight: bold; margin-bottom: 8px; } .time-controls { display: flex; align-items: center; gap: 10px; } select { padding: 8px 12px; font-size: 14px; border: 1px solid #ccc; border-radius: 6px; background-color: #fff; background-image: url("data:image/svg+xml,%3Csvg fill='gray' height='10' viewBox='0 0 20 20' width='10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5H7z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 10px center; background-size: 10px; appearance: none; min-width: 110px; max-height: 200px; overflow-y: auto; } select:focus { border-color: #999; outline: none; box-shadow: 0 0 0 2px rgba(184, 17, 11, 0.2); } .time-controls select { margin-right: 10px; } button.add-slot { background: -webkit-linear-gradient(top, rgba(184, 17, 11, 1) 0%, rgba(184, 17, 11, 1) 88%, rgba(156, 7, 5, 1) 100%); color: white; border: none; padding: 6px 10px; border-radius: 4px; cursor: pointer; } .slots-list { margin-top: 10px; } .slot-tag { display: inline-flex; align-items: center; background: #f0f4ff; padding: 5px 10px; border-radius: 20px; margin: 5px 5px 0 0; font-size: 14px; } .slot-tag i { margin-left: 8px; color: #666; cursor: pointer; } .slot-tag i:hover { color: red; } input.flatpickr-date { padding: 8px 12px; font-size: 14px; border: 1px solid #ccc; border-radius: 6px; background-color: #fff; background-image: url("data:image/svg+xml,%3Csvg fill='gray' xmlns='http://www.w3.org/2000/svg' height='16' width='16' viewBox='0 0 24 24'%3E%3Cpath d='M19 4h-1V2h-2v2H8V2H6v2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V10h14v10zm0-12H5V6h14v2z'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: right 10px center; background-size: 16px; appearance: none; min-width: 140px; cursor: pointer; } .flatpickr-input { padding-right: 36px; /* Leave space for the icon */ background-position: right 10px center !important; background-repeat: no-repeat !important; background-size: 16px 16px !important; background-color: #fff; border: 1px solid #c7d8dd !important; border-radius: 8px !important; } select option:disabled { color: #aaa !important; /* dim text */ background-color: #f8f8f8; /* light background (optional) */ } .modal-dialog-centered::before { display: none !important; } .right_side_service_charge { font-size: 12px !important; font-style: italic; } /* GJ Styles */ .grecaptcha-badge { display: none !important; } .grecaptcha-logo { display: none !important; } .alert { margin: 20px auto 10px; } .modal { /* background: #b8110b5e !important; */ } .ui.page.dimmer { background: #b8110b5e !important; } .ui.dimmer.modals.page { align-items: center; justify-content: center; } .ui.dimmer.modals.page .modal { margin: 0 !important; top: auto !important; bottom: auto !important; } .ui.dimmer.modals.page .modal { margin: 0 !important; height: 100%; } .ui.modal.transition.visible.active { transform: none !important; } #taf_errorModal.active { /* top: 110px !important; */ opacity: 1 !important; } ul.taf_errorModalUl { text-align: left; } ul.final_submitModalUl { text-align: left; } .meass-popup ul li.taf_success { color: #0b930b; border-color: #0b930b; background: #0b930b12; } .loader-modal { background-color: white; .modal-content { border: none } } .nav-tabs { border-bottom: none; flex-wrap: nowrap; gap: 0.5rem; margin-bottom: 0px !important; margin-left: 5px; } .nav-tabs .nav-item { margin-bottom: 0; } .nav-tabs .nav-link { border: none; border-radius: 20px; background-color: #bfb9b9; color: #333; padding: 2px 15px; transition: background-color 0.2s, color 0.2s; } .nav-tabs .nav-link:hover { background-color: #dceefb; color: #0d6efd; } .nav-tabs .nav-link.active { background-color: #b8110b; color: #fff; font-weight: 500; } .list-group-item { background: none !important; border: none !important; padding: 5px 0 !important } li.gj_menu_disabled { pointer-events: none; opacity: 0.5; cursor: not-allowed; } .gj_center { display: flex; justify-content: center !important; } .submit-login { width: 110px; display: flex; margin: auto; } .form_box_area input[type].is_educational_institution { width: 18px !important; vertical-align: middle; margin-right: 2px; } .form_box_area span.is_edu_inst { margin-right: 7px; } a.gj_tut_close_account_link.text-danger { float: right; position: absolute; right: 23px; top: 16px; } .ui.dimmer { display: flex !important; align-items: center !important; justify-content: center !important; } a.gj_vw_profile_but { width: max-content; margin-left: 15px; } .gj_res_addr_hd { margin-bottom: 12px !important; } #reset_btn.gj_reset_but { height: 45px !important; border-radius: 8px !important; font-size: 18px !important; } .gj_dots_paginate_link { font-family: 'Cerebri Sans SemiBold'; letter-spacing: 0.5px; margin-top: 20px; padding: 7px 14px !important; outline: 0 !important; margin-left: 5px; } .gj_disable_paginate_link { background: rgb(161 161 161) !important; border-color: rgb(161 161 161); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8110b', endColorstr='#9c0705', GradientType=0); border-radius: 4px !important; font-family: 'Cerebri Sans SemiBold'; letter-spacing: 0.5px; color: #ffffff; margin-top: 20px; text-transform: capitalize !important; padding: 7px 14px !important; outline: 0 !important; margin-left: 5px; } .gj_paginate_link { background: rgba(184, 17, 11, 1) !important; border-color: rgba(184, 17, 11, 1); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8110b', endColorstr='#9c0705', GradientType=0); border-radius: 4px !important; font-family: 'Cerebri Sans SemiBold'; letter-spacing: 0.5px; color: #ffffff; margin-top: 20px; text-transform: capitalize !important; padding: 7px 14px !important; outline: 0 !important; margin-left: 5px; } .gj_paginate_link:hover { color: #fff !important; background: rgb(143 12 7) !important; } .gj_active_paginate_link { color: #fff !important; background: rgb(143 12 7) !important; } #st_meeting_popup, #tut_meeting_popup { background: #b8110b5e !important; } #st_meeting_popup button.btn_stl, #tut_meeting_popup button.btn_stl { background: rgba(184, 17, 11, 1) !important; border-color: rgba(184, 17, 11, 1); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8110b', endColorstr='#9c0705', GradientType=0); height: 47px; border-radius: 6px; font-family: 'Cerebri Sans SemiBold'; letter-spacing: 0.5px; color: #ffffff; text-transform: capitalize !important; } ul.gj_y_ps { padding-left: 20px; list-style: circle !important; } ul.gj_y_tut { padding-left: 20px; list-style: disc !important; } .row.align { display: flex; align-items: center; } .faq_answer ul { padding-left: 20px; font-size: 16px; list-style: disc; color: #4b5561; } .session-info.gj_session_fb_sec p, .session-info.gj_session_fb_sec div { text-align: left; } form#teacher_session_feedback_save { /* width: 400px; */ width: 100%; padding: 20px; } .gj_session_fb_sec p.gj_ses_fb_p { margin-bottom: 2px; } form#teacher_session_feedback_save p { margin-bottom: 5px; text-align: left; } select#permission_grade, textarea#session_summary { margin-bottom: 15px; text-align: left; } #gj_ses_fb_sub_but { background: rgba(184, 17, 11, 1) !important; border-color: rgba(184, 17, 11, 1); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8110b', endColorstr='#9c0705', GradientType=0); height: 47px; border-radius: 6px; font-family: 'Cerebri Sans SemiBold'; letter-spacing: 0.5px; color: #ffffff; margin-top: 20px; text-transform: capitalize !important; } #gj_ses_fb_sub_but:hover { background: rgb(139 13 9) !important; border-color: rgb(139 13 9) !important; } .gj_actions_frm_buts { justify-content: center; align-items: flex-start; } .gj_actions_frm_buts a#click_download { /* margin-top: 5px; */ } .gj_vw_fb_his_resp td { padding: 20px; } /* .gj_vw_fb_his_resp td .gj_vw_fb_his_sec { height: 150px; overflow-y: scroll; } */ .gj_vw_fb_his_det { margin-bottom: 20px; padding-left: 20px; } .session-info { text-align: left; border: 1px solid #cec6c6; } .user-right-top-new.gj_tut_sess_tbl_sec { display: block !important; } .user-right-top-new .profile-heading, .user-right-top-new .gj_sub_hd { align-self: flex-start; margin-top: 0px; width: 100%; position: relative; } .user-right-top-new .gj_sub_hd { margin-bottom: 1em; } .gj_amt_div { display: flex; align-items: center; justify-content: flex-start; } .form_box_area em.t_small_intalic, .form_box_area textarea.textarea_box { margin-left: 15px; } .gj_actions_frm_buts .dash-btn { margin-top: 0px; } .ui.dimmer.modals.page.transition.visible.active { z-index: 9999; } #parentConsentModal .check-box label.checklabeel { background-color: transparent; } .gj_back_div { position: absolute; top: 0px; right: 0px; } .pagi_cc ul.pagination nav div { margin-right: 10px; } .btn_3_cc.gj_cl_ba_div { width: 100%; /* justify-content: space-between; */ justify-content: center; gap: 15px; } .tu-info ul#availabilityTab { width: 100%; } .gj_pay_his_frm_div input#from_date, .gj_pay_his_frm_div input#to_date { padding: 10px !important; } .gj_pay_his_frm_div span.over_llp1 { top: 6px; } div#example_wrapper { width: 100% !important; } .gj_book_cfm_inf tbody td { padding: 5px 10px 5px; } .frm_promo { width: 150px; /* float: right; */ } textarea#about_me { margin-left: 0px !important; } textarea#about_me::placeholder { font-style: italic; } .booking-stat.table_book.gj_book_cfm_inf, .booking-stat.table_book.gj_book_af_cfm_inf { width: 60%; margin: auto; padding-bottom: 0; } button#apply_promo_code { margin-top: 15px; } .gj_cmf_inf_user_account_info.user-account-info { margin: 0px; } .gj_cmf_inf_user_account_info.user-account-info button#payNowBtn { margin-top: 15px; margin-bottom: 10px; display: none; } span.af_prm { /* float: right; */ margin-left: 2px; } .gj_per_gde_div { display: flex; align-items: center; justify-content: space-between; } .gj_per_gde_div2 { width: calc(100% - 200px); } .gj_vw_fb_his_sec_sub { margin-bottom: 15px; padding: 10px; box-shadow: 1px 1px 6px -2px; } p.bk_disc { text-align: justify; font-size: 12px; font-weight: 500; line-height: 15px; font-style: italic; } .gj_book_cfm_inf .table-responsive, .gj_book_af_cfm_inf .table-responsive { margin-bottom: 15px; } .booking-stat.table_book.gj_book_cfm_inf .table thead th, .booking-stat.table_book.gj_book_af_cfm_inf .table thead th { font-size: 16px; padding: 6px; } p.gj_res_addr_dis_note { font-size: 12px; display: block; width: 100%; margin-top: -8px; margin-bottom: 10px; color: #b8110b; font-style: italic; line-height: 16px; } section.profile-section.gj_tut_pub_pf_sec { margin-top: 0px; } .gj_tut_pub_pf_sec .profile-top h2 { font-size: 24px; margin: 10px auto; line-height: 20px; } .gj_tut_pub_pf_sec .profile-bottom h6 { margin-top: 0px; } .gj_tut_pub_pf_sec .gj_sh_inf_div { justify-content: center; align-items: center; display: flex; } .gj_tut_pub_pf_sec .profile-bottom { padding: 10px 25px 0px; } .gj_tut_pub_pf_sec h2.profile-heading { font-size: 24px; text-align: left; line-height: 20px; } .gj_tut_pub_pf_sec .skill { margin-bottom: 15px; } .gj_tut_pub_pf_sec ul.skill_tutor { width: 100%; display: block; overflow: hidden; margin-bottom: 20px; } .gj_tut_pub_pf_sec .about-pro p { line-height: 20px; } .gj_tut_pub_pf_sec .aca_qua { margin-top: 10px; } .gj_tut_pub_pf_sec .gj_aca_qua { box-shadow: rgb(67 67 76 / 25%) 0px 50px 100px -20px, rgb(0 0 0 / 0%) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset; padding: 15px 10px; margin-right: 20px; } .gj_tut_ppf_footer_area footer.container.footer-custom { margin-top: 0px; } .gj_soc_icn_div { display: flex; align-items: center; justify-content: center; padding-bottom: 10px; } .gj_soc_icn_div a.social-icon { background-color: white; margin-right: 10px; padding: 8px; width: 40px; height: 40px; border-radius: 50px; display: flex; justify-content: center; align-items: center; } .gj_soc_icn_div a.social-icon:hover { background-color: #dc3545; } #parentConsentModal .modal-dialog { max-width: 530px; } .parentConsentModal_fn_div input { width: 180px !important; } .modal-footer.parentConsentModalFooter { display: flex; align-items: center; justify-content: center; } .modal.show .modal-dialog { height: 100%; margin-top: auto !important; display: flex; align-items: center; justify-content: center; } h2.filter_no_data { font-size: 22px; line-height: 30px; margin-bottom: 3px; } p.filter_no_data_para { font-size: 18px; margin-bottom: 10px; } p.filter_note { font-size: 14px; font-style: italic; line-height: 20px; } .gj_wwcc_verf_divimg { width: 100%; display: flex; align-items: center; justify-content: end; padding-right: 40px; } img.gj_wwcc_verf_img { width: 60px; } .user-right-top-new .main-tabels { width: 100%; } @media only screen and (max-width: 575px) { .gj_tut_pub_pf_sec .profile-top h2 { font-size: 20px; } .jssocials-share-link { padding: 0.1em 0.2em !important } .gj_tut_pub_pf_sec h2.profile-heading { font-size: 20px; } .gj_per_gde_div { display: block; } .gj_per_gde_div2 { width: 100%; margin-bottom: 10px; } form#teacher_session_feedback_save { width: 100%; } .gj_dk_vw_tut_name_div { display: none; } .gj_mob_vw_tut_name_div { display: block !important; } .gj_back_div { padding: 0px 8px; height: 25px; line-height: 25px; } .btn_3_cc.gj_cl_ba_div { flex-direction: row; } .btn_3_cc.gj_cl_ba_div a { padding: 0px 7px; } } .about-banner { background-color: #D7263D; h1 { color: white !important; } } .about-banner:before { background-color: transparent !important; } .form-group select { display: block; overflow: hidden; width: 100%; border: 1px solid #c7d8dd; height: 48px !important; border-radius: 6px; padding: 0 15px; color: #8795a3; letter-spacing: 0.5px; font-family: "Cerebri Sans Book"; font-size: 15px; line-height: 20px; font-weight: 400; box-shadow: none !important; } .error { font-size: 14px !important; font-weight: 400 !important; } .profile_img { width:100%; height: 100%; object-fit: cover; } .gj_sess_sec .or-area span { font-size: 25px; background: transparent; color: #000; font-weight: 500; } .gj_sess_sec .login-details h2 { font-size: 14.5px; color: #5a5d5e !important; font-weight: 500; } ul.gj_tpp_qual_sec li { font-size: 14px; margin-top: 5px; } /* ================= MODERN CARD HERO ================= */ .hero-card-section { background-color: #f8fafc; } .hero-compact-card { background: #FFF9EC; border-radius: 12px; /* padding: 16px 24px; */ border: 1px solid #e2e8f0; } /* Breadcrumbs */ .hero-compact-card .breadcrumb { font-size: 12.5px; } .hero-compact-card .breadcrumb-item, .hero-compact-card .breadcrumb-item a { color: #64748b; text-decoration: none; } .hero-compact-card .breadcrumb-item a:hover { color: #D7263D; } .hero-compact-card .breadcrumb-item.active { color: #0f172a; font-weight: 600; } .breadcrumb { background-color: #FFF9EC !important; } .hero-title-only { padding-top: 15px; padding-bottom: 15px; } .hero-title-small { color: #0f172a; font-weight: 600; font-size: 18px; } /* Mobile Adjustments */ @media (max-width: 576px) { .hero-compact-card { padding: 2px 4px; } .hero-compact-title { font-size: 18px; } .badge-year { font-size: 12px; } .hero-compact-subtitle { font-size: 12.5px; } .hero-title-small { font-size: 14px; } .hero-title-only { padding-top: 15px; padding-bottom: 15px; } }