@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&family=Poppins:wght@300;400;600;700&display=swap');
:root {
  --p-color:#174891; /* dark background */
  --s-color:#e2eef6; /* light background */
  --txt-p-color:#595f6f; /* text */
  --txt-s-color:#303449; /* title, anchor*/
  --p-fonts:'Open Sans', sans-serif; /* main fonts */
  --s-fonts:'Poppins', sans-serif; /* fonts for title and heading */
  --btn-p-color:#f4d2d4; /* button background color */
  --btn-p-txt-color:#c72026; /* primary button text color, anchor link hover color, line under heading*/
  --btn-s-txt-color:#ffffff; /* secondary button text color */
  --heading-color: #2b2b2b; /* heading tag color */
  --border_hover:#d17577; /* border hover color */
  --btn-ht:50px; /* height of the button */
  --pr-border: #a2b6d3; /* profile and settings links border color */
  --star-rating: #ffc501; /* Star color active */
}
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&family=Poppins:wght@300;400;600;700&display=swap');

/* Global */
html{padding: 0; margin: 0;}
body{font-family: var(--p-fonts); font-size: 16px; font-weight: 400; line-height: 28px; background: #ffffff;  color: var(--txt-p-color);}
.container, .container-lg, .container-md, .container-sm, .container-xl{max-width: 1200px;}
a{color: var(--txt-s-color); transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition:all 0.3s ease;}
a:hover{color: var(--btn-p-txt-color); text-decoration: none; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition:all 0.3s ease;}
h1, h2, h3{font-family:var(--s-fonts); font-weight: 700; color:var(--txt-s-color); }
input[type=text], input[type=password], select, .form-control, .custom-select{background-color: #eeeeee; border-radius: 10px; border: 0; height: 42px;}
input[type=checkbox], input[type=radio]{height: auto; width: auto;}

.inp-white{background-color: #ffffff; border:1px solid #cfcfcf; }
.error{color: red !important; font-size: 12px;}
label.error{width: 100%; font-size: 12px; font-weight: normal;}
input.error{font-size: 16px;}
.select2-container--default .select2-selection--single{height: 42px; background: #eeeeee; border:0;display: flex; border-radius: 10px;}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 42px;}
.select2-container--default .select2-selection--single .select2-selection__arrow{height: 42px;}
.select2-container .select2-selection--single .select2-selection__rendered{padding-left: 18px;}
.select2-results__option{font-size: 14px;}
.select2-container--default .select2-selection--multiple{border: 0; border-radius: 10px; background: #eeeeee; min-height: 42px;}
.select2-container .select2-search--inline .select2-search__field{height: 20px; margin-left: 18px;}
.select2-container--default .select2-selection--multiple .select2-selection__choice{background: var(--p-color); color: #ffffff; font-size: 14px; border: 0;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display{padding-left: 5px !important;}
.select2-results__option{font-size: 14px; padding: 3px 6px;}
.input-group-prepend + input{width: auto !important;}

.btn{border-radius: 50px; height: 50px;}
.btn-primary{background: var(--btn-p-color); color: var(--btn-p-txt-color);  display: flex; align-items: center; position: relative; padding: 0 30px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition:all 0.5s ease; text-transform: uppercase; font-weight: 700; border: none; letter-spacing: 1px;}
.btn-primary:hover, .btn-primary:focus{background: var(--btn-p-color); color: var(--btn-p-txt-color); opacity: 0.9; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition:all 0.5s ease;}
.btn-primary:before { content: "";position: absolute;bottom: 0;left: 0;width: 0%;height: 100%; background-color: var(--btn-p-txt-color); transition: all 0.3s; border-radius: 10rem; z-index: -1;opacity: 0;}
.btn-primary:hover {color: #fff;}
.btn-primary:hover:before { width: 100%;opacity: 1;}

.btn-primary.wt-arrow{padding-right:50px;  }
.btn-primary.wt-arrow:after{content:""; display:block; background: url(../../images/btn-arrow.png); width: 47px; height: 13px; position: absolute; right: -20px;transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition:all 0.5s ease; }
.btn-primary.wt-arrow:hover:after{content:""; display:block; background: url(../../images/btn-arrow.png); width: 47px; height: 13px; position: absolute; right: -30px;transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition:all 0.5s ease; }

.btn-secondary{background: var(--p-color); color: var(--btn-s-txt-color); display: flex; align-items: center; justify-content:center; position: relative; padding: 0 20px; border: 0; text-transform: uppercase;font-weight: 700; font-size: 14px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition:all 0.5s ease; border-radius: 10px; height: 42px;}
.btn-secondary:hover, .btn-secondary:focus{opacity: 0.9; background: var(--p-color); color: var(--btn-s-txt-color); transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition:all 0.5s ease;}
.btn-secondary:before { content: ""; position: absolute;bottom: 0;left: 0;width: 0%;height: 100%; background-color: var(--btn-p-txt-color); transition: all 0.3s; border-radius: 10px; z-index: -1;opacity: 0;}
.btn-secondary:hover {color: #fff;}
.btn-secondary:hover:before { width: 100%;opacity: 1;}

.btn-white{background: #ffffff; border:1px solid var(--p-color); color: var(--p-color); display: flex; align-items: center; justify-content:center; position: relative; padding: 0 20px;  text-transform: uppercase;font-weight: 700; font-size: 16px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition:all 0.5s ease; border-radius: 10px; height: 50px;}
.btn-white:hover, .btn-white:focus{opacity: 0.9; background: var(--btn-p-txt-color); border:1px solid var(--btn-p-txt-color); color: var(--btn-s-txt-color); transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition:all 0.5s ease;}
.btn-white:before { content: ""; position: absolute;top:0; bottom: 0;left: 0;width: 0%;height: 100%; background-color: var(--btn-p-txt-color); transition: all 0.3s; border-radius: 50px; z-index: -1;opacity: 0; border:1px solid var(--btn-p-txt-color);}
.btn-white:hover {color: #fff;border:1px solid var(--btn-p-txt-color);}
.btn-white:hover:before { width: 100%;opacity: 1;}

.btn-small{font-size: 14px; height: 42px;}

.full-radius{border-radius: 50px;}
.btn-ht{height:var(--btn-ht)}
.ar-inside i{font-size: 25px; margin-left: 10px;}
.half-div{width: 50%;}
.half-inp{width: 50%;}
.p-relative{position: relative;}
.info-ava{background: var(--s-color); padding: 10px; border-radius: 10px; font-size: 13px; color: var(--txt-s-color); display: flex; align-items: center; font-weight: 600; }
.info-ava i{margin-right: 10px; font-size: 16px;}

.two-inp{display: flex; align-items: center; }
.two-inp span{display: inline-flex; padding: 0 10px}
.two-inp .input-group{flex:1}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #999999 !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #999999 !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #999999 !important;
}
:-moz-placeholder { /* Firefox 18- */
  color: #999999 !important;
}


.curve-top{position: relative;}
.curve-top:before{content: ""; display: block; position: absolute; left: 0; top: 0; height: 30px; width: 100%; background: url(../../images/curve-top.png); background-size: cover;}
.curve-bottom{position: relative;}
.curve-bottom:after{content: ""; display: block; position: absolute; left: 0; bottom: 0; height: 30px; width: 100%; background: url(../../images/curve-bottom.png); background-size: cover;}
.col25{display: flex; flex-wrap: wrap; align-items: flex-start; width: 100%; }
.col25 .col{width:25%; display: flex; padding: 0 15px;}
.btn-center{display: flex; justify-content: center;margin: 25px 0; width: 100%;}

.icon{position: relative;}
.icon-fill::before {transition-duration: 0.5s;box-shadow: inset 0 0 0 1px var(--p-color);}
.icon::before, .icon::after {content: "";position: absolute;top: 0; left: 0; height: 100%;width: 100%;transition: all 0.25s ease;transition-duration: 0.25s;border-radius: 30px; }
.icon-fill:hover::before {box-shadow: inset 0 0 0 60px var(--p-color);}

.star_rating{display: flex; justify-content: flex-start; align-items: center; font-size: 14px; color: #dfdfdf;}
.star_rating i{margin-right: 2px; margin-top:0;}
.star_rating i.rated{color:var(--star-rating); }
.star_rating .rating-no{display: flex; flex:1; border-radius: 5px; background: var(--star-rating); color: #ffffff; padding: 0px 10px; font-size: 14px; line-height: 24px; margin-left: 8px; max-width: 40px;}

.show_me{display: block}
.hide_me{display: none !important;}

/* --- */

/* Header starts */
.main-header{background:var(--s-color);width: 100%; display: flex;}
.header-wrapper{display: flex; width: 100%; flex-wrap: wrap; flex-direction:row;padding:20px 0; align-items: center;}
.logo{max-width: 270px;}
.logo img{width: 100%;}
.navigation-wrap{flex:1; display: flex; align-items: center;}
.navigation-wrap .menu{display: flex; flex-direction: row; width: 100%; justify-content: flex-end;}
.menu ul{list-style: none; display: flex; flex-direction: row; padding: 0; margin: 0; align-items: center;}
.menu ul li{margin-right: 35px;}
.menu ul li a{font-size: 14px; text-transform: uppercase; font-weight: 700;}
.menu ul li a:hover{text-decoration: none;}
.login-btn{display: flex; align-items: center;}
.login-btn button{border-radius: 10px; font-size: 14px;}
.conversion-btn{margin-right: 20px;}
.conversion-btn select, .goog-te-gadget-simple{border-radius: 10px !important; font-size: 14px !important; font-weight: 700; height: 42px; border: 0 !important; background-color: #ffffff;}
.goog-te-gadget-simple{display: flex !important; align-items: center; color: #174891 !important}
.goog-te-gadget-simple .goog-te-menu-value{color: #174891 !important}

/* --- */

/* Dropdown menu starts */

.dp_img img{width: 40px; height: 40px; border-radius: 50px;}
.dp_menu .dropdown-item{font-size: 14px; line-height: 18px; padding: 5px 20px; color: var(--txt-s-color); font-weight: 600;}
.dropdown-menu{border: 1px solid #a2b6d3; border-radius: 10px; padding: 10px 0; 
-webkit-box-shadow: 0px 0px 25px 4px rgba(0,0,0,0.10);
-moz-box-shadow: 0px 0px 25px 4px rgba(0,0,0,0.10);
box-shadow: 0px 0px 25px 4px rgba(0,0,0,0.10); position: relative;
}
.dp_menu .dropdown-item:focus, .dropdown-item:hover{background-color: var(--s-color);}

.caret {
  width: 0;
  height: 0;
  display: inline-block;
  border: 8px solid transparent;
    border-bottom-color: transparent;
    position: absolute; right: 25px; top: -15px;
}
.caret.up {
  border-bottom-color: #ffffff;
}
.caret:after{
 content: "";
 position: absolute;
  border: 8px solid transparent;
    border-bottom-color: transparent;
    position: absolute; right: -8px; top: -10px;
    border-bottom-color: #a2b6d3; z-index: -1;
}

.login_msg{ font-size: 30px; margin: 0 25px 0 15px; position: relative;}
.msg_notification{position: absolute; width: 18px; height: 18px; background: var(--btn-p-txt-color); color: #ffffff; font-weight: 700; font-size: 11px; border-radius: 50px; display: flex; justify-content: center; align-items: center; right: -10px; bottom: 0; }
/* --- */

/* Banner starts */
.banner-main{display:flex; position: relative; width: 100%; background: var(--s-color); flex-direction: column; overflow: hidden; }
.banner-wrap{display:flex; width: 100%; position: relative;  }
.banner-wrap button{background: #ddc5cc;}
.banner-bottom img{width: 100%; position: relative; z-index: 1;}
.banner-text{padding: 80px 0;}
.banner-text h2{font-size: 44px; font-family: var(--s-fonts); color: var(--heading-color); font-weight: 700; position: relative; margin-bottom: 40px; }
.banner-text h2:after{content: ""; display: block; width: 90px; height: 3px; position: absolute; left: 0; background: var(--btn-p-txt-color); bottom: -22px; }
.banner-img{position: absolute; right: 0; z-index: 0; top:0px; width: 50%;}
.banner-text{width: 50%;}
.banner-text span{display: inline-block; margin-bottom: 30px; position: relative; z-index: 1;padding-right: 30px;}
.scroll_down{position: absolute; left: 0px; bottom: -30px; font-size: 12px; display: flex; align-items: flex-end; z-index: 2;}
.scroll_down a{display: block; padding-left: 10px; line-height: 10px; color: #d46d72;}
.scroll_down span{display: inline-block; vertical-align: bottom;animation: MoveUpDown 2s linear infinite; }
.scroll_down span img{animation: bounce 2s linear infinite;}

/* --- */

/* Footer starts */

.footer-main{display: flex; width: 100%; flex-direction: column;background: var(--s-color); padding-top:100px;}
.footer-bottom{background: var(--p-color); color: #ffffff; text-align: center;}
.copy-txt{padding: 20px 0; text-align: center; font-size: 14px; font-weight: 600;}
.footer-col{display: flex; width: 100%; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; margin: 30px 0;}
.footer-col .f-col{flex:1; min-width: 175px;}
.footer-logo{max-width: 270px;}
.footer-logo img{width: 100%;}
.footer-col h2{font-size: 18px; font-weight: 700; color: var(--heading-color); text-transform: uppercase; margin-bottom: 25px; }
.footer-link{display: flex; flex-wrap: wrap;}
.footer-link ul{width: 50%; list-style: none; margin: 0; padding: 0;}
.footer-link ul li{margin-bottom: 7px;}
.footer-link ul li a{color: var(--heading-color); text-transform: uppercase; font-size: 14px; font-weight: 600;}
.footer-link ul li a:hover{color: var(--btn-p-txt-color);}
.contact-info{display: flex; width: 100%; }
.contact-info .footer-icon{display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px;font-size: 24px; margin-right: 10px; color: var(--p-color);}
.footer-icon.contact{background-position: 0 0;}
.footer-icon.phone{background-position: -30px 0;}
.contact-info ul{width: 100%; list-style: none; margin: 0; padding: 0;}
.contact-info ul li a{color: var(--heading-color);  font-size: 14px; font-weight: 600;}
.contact-info ul li a:hover{color: var(--btn-p-txt-color);}
.contact-info ul li{margin-bottom: 7px; display: flex; flex-wrap: nowrap;}
.socials{display: flex; width: 100%; flex-wrap: wrap; justify-content: flex-start; margin: 15px 0;}
.socials a{display: inline-flex; width: 36px; height: 36px; border-radius: 100%; border:1px solid #d3e0f5; align-items: center; font-size:16px; justify-content: center; color: var(--p-color); margin-right: 20px;  transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition:all 0.3s ease;}
.socials a:hover{color: #ffffff;border:1px solid var(--p-color);  transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition:all 0.3s ease;}
.socials a:hover i{color: #ffffff;}
.socials a i{position: relative; z-index: 1;}
.f-logo{align-self: center;}
.mid-col{margin: 0 50px;}
.m-top{margin-top:60px;}

/* --- */

/* Are you a Learner */

.are_you_learner{display: flex; width: 100%; position: relative; margin-top:-75px;}
.learner-div{display: flex; background: var(--p-color); color: #ffffff; height: 150px; border-radius: 50px; justify-content: center; align-items: center; overflow: hidden; position: relative; width: 100%; max-width: 840px; margin: 0px auto; top:75px; z-index: 1;}
.learner-div h2{font-size: 28px; font-family: var(--s-fonts); color: #ffffff; font-weight: 600; }
.join-btn{color: var(--p-color); border-radius: 15px; border:0; background: #ffffff; height: 58px; text-transform: uppercase; font-weight: 700; font-size: 16px; letter-spacing: 1px; min-width: 150px; margin-left: 70px;}
.cir{border-radius: 100%; background: rgba(255,255,255, 0.06); position: absolute;}
.cir1{width: 100px; height: 100px; left:-25px; bottom: -50px;; }
.cir2{width: 20px; height: 20px; left:45%; top: 20px; }
.cir3{width: 45px; height: 45px; right:0px; bottom: -5px;; }

/* --- */

/* Site Section */

.site-section{display: flex; width: 100%; flex-wrap: wrap; flex-direction: column;padding: 85px 0;}
.site-section h2{font-size: 36px; font-family: var(--s-fonts); color: var(--heading-color); font-weight: 700; position: relative; margin-bottom: 44px; text-align: center; }
.site-section h2:after{content: ""; display: block; width: 90px; height: 3px; position: absolute; left: 0; background: var(--btn-p-txt-color); bottom: -22px; right: 0; margin: auto; }
.site-section p{color: var(--txt-p-color); text-align: center; width: 100%; max-width: 770px; margin: 15px auto;}

/* --- */

/* Choose Your Subject */

.choose_subject{display: flex; width: 100%; flex-wrap: wrap; flex-direction: row;}
.subject-box{margin: 15px; width: calc(25% - 30px); text-align: left; display: flex; flex-direction: column; background: var(--s-color); border:1px solid var(--p-color); padding: 40px 20px; border-radius: 15px; position: relative; overflow: hidden; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition:all 0.3s ease; -webkit-box-shadow: 0px 0px 25px 4px rgba(0,0,0,0.12);
-moz-box-shadow: 0px 0px 25px 4px rgba(0,0,0,0.12);
box-shadow: 0px 0px 25px 4px rgba(0,0,0,0.12);}
.subject-box:hover{background: var(--p-color); cursor: pointer; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition:all 0.3s ease;}
.subject-box:hover h2, .subject-box:hover p, .subject-box:hover .more-link{color: #ffffff; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition:all 0.3s ease;}
.subject-box h2{font-size: 22px; color: var(--p-color); text-align:left; margin-bottom: 15px; }
.subject-box h2:after{display: none;}
.subject-box p{text-align: left; font-size: 14px; line-height: 24px;}
.more-link{color: var(--txt-s-color); text-transform: uppercase; font-size: 14px; margin-top:15px; font-weight: 600; position: relative;}
.subject-cir{background:var(--p-color); opacity: 0.06; position: absolute; right: -36px; top: -36px; width: 72px; height: 72px; border-radius: 50%;}
.subject-box:hover .subject-cir{background: #ffffff; opacity: 0.06;}

/* --- */

/* How it works */

.how_it_works_box{border-radius: 100px; background: var(--s-color); position: relative; z-index: 1;}
.how_it_works_box:after{background: #ffffff; border: 1px solid #d3e0f5; content: ""; position: absolute; left: 5%; height: 100%; top: 0; transform: rotate(-2deg); width: 90%; border-radius: 100px; z-index: 0; }
.how_it_works_box:before{background: #ffffff; border: 1px solid var(--btn-p-color); content: ""; position: absolute; left: 5%; height: 100%; top: 0; transform: rotate(-5deg); width: 90%; border-radius: 100px; z-index: -1; }
.how_it_works_box-overlay{border-radius: 100px; background: var(--s-color); padding: 75px; position: relative; z-index: 1;}
.how_it_works_box h2{font-size: 36px; font-family: var(--s-fonts); color: var(--heading-color); font-weight: 700; position: relative; margin-bottom: 44px; text-align: center; }

.how_works_wrapper{display: flex; flex-wrap: wrap; flex-direction: row; width: 100%; justify-content: space-between; background: url(../../images/dashed-line.png); background-repeat:no-repeat; background-position: center 50px; position: relative;}

.how_box{display: flex; flex-direction: column; max-width: 180px; align-items: center; position: relative; text-align: center; margin: 0 auto;}
.picture_box{ background: #ffffff; display: flex; align-items: center; justify-content: center; width: 180px; height: 180px; border-radius: 50px;
  -webkit-box-shadow: 0px 0px 25px 4px rgba(0,0,0,0.12);
-moz-box-shadow: 0px 0px 25px 4px rgba(0,0,0,0.12);
box-shadow: 0px 0px 25px 4px rgba(0,0,0,0.12);}
.how_box .number{background: var(--btn-p-color); border-radius: 50px; display: flex; justify-content: center; align-items: center; color: var(--btn-p-txt-color); position: absolute; width:42px; height: 42px; left:0; right: 0; margin: auto; top:-21px; font-size: 20px; font-weight: 600;}
.how_box p{font-size: 14px; font-weight: 600; margin-top:5px; line-height: 24px;}
.how_box h3{font-size: 18px; font-family:var(--s-fonts); margin: 25px 0 0px; font-weight: 600; color: var(----txt-s-color);}


/* --- */

/* Our tutors  */
.tutors_wrap{display: flex; width: 100%; flex-wrap: wrap; margin: 25px 0; }
.tutors_box{width: calc(50% - 30px); display: flex; padding: 30px; border-radius: 10px; cursor: pointer; margin: 15px;transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition:all 0.3s ease;
 -webkit-box-shadow: 0px 0px 25px 4px rgba(0,0,0,0.12);
-moz-box-shadow: 0px 0px 25px 4px rgba(0,0,0,0.12);
box-shadow: 0px 0px 25px 4px rgba(0,0,0,0.12);backface-visibility: hidden;border:2px solid #ffffff;}
.tutors_box:hover{border-right-color: var(--border_hover); border-bottom-color: var(--border_hover); transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition:all 0.3s ease;-webkit-transform: translate(0,-3px);
transform: translate(0,-3px);}
.tutor_detail{display: flex; width: 60%;}
.tutor_img{overflow: hidden;  width: 108px;}
.tutor_img img{width: 100%; max-height: 108px; object-fit: cover; border-radius: 25px;}
.tutor_info{padding-left: 20px; flex:1;}
.tutor_info h3{font-size: 18px; font-weight: 600; color: var(--txt-s-color);}
.tutor_info .subject{font-size: 15px; color: var(--txt-s-color);}
.tutor_info .subject i{margin-right: 5px;}
.tutor_bio{display: flex; width: 40%; flex-wrap: wrap;}
.tutor_bio p{width: 100%; text-align: right; margin: 0; font-size: 15px; color: var(--txt-s-color); line-height: 24px;}
.tutor_bio p span{margin-bottom: 5px; display: inline-block; color: var(--btn-p-txt-color); font-size: 24px; font-weight: 600;}

/* --- */

/* Testimonials  */
.testimonials_wrap{padding: 80px 0; background: var(--s-color);}
.testimonials_wrap h2{font-size: 36px; font-family: var(--s-fonts); color: var(--heading-color); font-weight: 700; position: relative; margin-bottom: 44px; text-align: left; }
.testimonials_wrap h3{font-size: 16px;  color: var(--heading-color); font-weight: 600; position: relative; text-align: left; margin-bottom: 25px; letter-spacing: 1px; }
.testimonail_box{background: #ffffff; border-radius: 25px; padding: 30px; position: relative; -webkit-box-shadow: 0px 0px 13px 4px rgba(0,0,0,0.12);
-moz-box-shadow: 0px 0px 13px 4px rgba(0,0,0,0.12);
box-shadow: 0px 0px 13px 4px rgba(0,0,0,0.12);}
.testimonail_box:before{content:"\49"; position:absolute; top: 30px; left: 30px; font-size: 32px; color: #000000;
font-family: "ava-speak" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.testimonail_box p{font-size: 14px; line-height: 24px; margin-top:50px;}
.writer_box{display: flex; justify-content: flex-start; flex-wrap: nowrap;}
.writer_box .writer_img{width: 52px; height: 52px; border-radius: 50px;}
.writer_box .writer_img img{border-radius: 50px; width: 52px; height: 52px; object-fit: cover;}
.writer_detail{padding-left: 15px; display: flex; align-items: center; flex-wrap: wrap;}
.writer_detail h5{font-size: 18px; font-family: var(--s-fonts); color: var(--txt-s-color); font-weight: 600;  margin-bottom: 0px;width: 100%;}
.writer_detail span{font-size: 14px; color: var(--txt-s-color); width: 100%; }
.testimonial_list{position: relative; width: 100%;}
.testimonial_list .owl-item{padding: 15px; }
.testimonial_list .owl-nav{position: absolute; top:-100px; right: 0; height: 60px; display: flex; flex-wrap: nowrap;}
.testimonial_list .owl-nav i{font-size: 24px;}
.testimonial_list .owl-nav button{height: 60px; border-radius: 10px; display: flex; text-align: center; align-items: center; justify-content: center; width: 75px;}
.testimonial_list .owl-prev, .testimonial_list .owl-next{background: #2ca6ef !important; color: #ffffff !important; border-radius: 10px; margin:0 3px;  transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition:all 0.3s ease;}
.testimonial_list .owl-prev:hover, .testimonial_list .owl-next:hover{opacity: 0.9;-webkit-box-shadow: 0px 0px 13px 4px rgba(0,0,0,0.12);
-moz-box-shadow: 0px 0px 13px 4px rgba(0,0,0,0.12);
box-shadow: 0px 0px 13px 4px rgba(0,0,0,0.12);  transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition:all 0.3s ease;-webkit-transform: translate(0,-3px);
transform: translate(0,-3px);}
.testimonial_list .owl-nav .disabled{background: transparent !important; color: #74797c !important; border-radius: 10px;cursor: default; }
.testimonial_list .owl-prev:active, .testimonial_list .owl-next:active{-webkit-transform: translate(0,-1px);transform: translate(0,-1px);
-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3); 
}

/* --- */

/* FAQ */

.faq_wrap{display: flex; width: 100%; flex-direction: column; margin-top: 35px;}
.faq_wrap .card{-webkit-box-shadow: 0px 5px 15px 3px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 5px 15px 3px rgba(0,0,0,0.1);
box-shadow: 0px 5px 15px 3px rgba(0,0,0,0.1); margin-bottom:20px; border-radius: 15px !important; border: 0; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition:all 0.3s ease; }
.faq_wrap .card:hover{-webkit-transform: translate(0,-5px);
transform: translate(0,-5px);transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition:all 0.3s ease;-webkit-box-shadow: 0px 12px 20px 6px rgba(0,0,0,0.09);
-moz-box-shadow: 0px 12px 20px 6px rgba(0,0,0,0.09);
box-shadow: 0px 12px 20px 6px rgba(0,0,0,0.09);}
.faq_wrap h2 button{font-size: 18px; color: var(--txt-s-color); font-weight: 400; text-decoration: none; display: flex; justify-content: space-between; align-items: centers; height: auto; }
.faq_wrap h2 button:hover{text-decoration: none; color: var(--btn-p-txt-color);}
.faq_wrap h2 button:focus{outline: none; border: 0; box-shadow: none; text-decoration: none;}
.faq_wrap h2:after{display: none;}
.faq_wrap .card-header{background: #ffffff;}
.faq_wrap .card-body{padding: 15px 30px;}
.faq_wrap i{line-height: normal;}
/**/

/* Tabs */

.tabbing_list{margin-top:10px;}
.tab_content_wrapper{display: flex; width: 100%; flex-wrap: wrap; flex-direction: row; background: #ffffff;border-radius: 10px; margin:25px 0;
-webkit-box-shadow: 0px 0px 30px 4px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 30px 4px rgba(0,0,0,0.1);
box-shadow:0px 0px 30px 4px rgba(0,0,0,0.1); padding: 30px;border:2px solid #ffffff; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition:all 0.3s ease;}
.tab_heading{border-bottom: 1px solid #e7e7e7; width: 100%; }
.tab_heading h2{font-size: 20px; margin: 0 0 15px 0; font-weight: 600;}
.tab-content{margin-top:15px; display: flex; flex-direction: column; width: 100%;}
.nav-tabs .nav-link{border:0;}
.nav-tabs .nav-link{font-weight: 600; text-transform: uppercase; font-size: 14px; color: var(--txt-s-color);position: relative;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{border-bottom: 1px solid var(--btn-p-txt-color);  color: var(--p-color); }
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{color: var(--p-color);}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active:after{position: absolute; bottom: 0; width: 100%; height: 1px; display: block; content: ""; background: var(--btn-p-txt-color); left: 0; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition:all 0.3s ease; animation: bottomline 0.3s ease-in forwards;}
@keyframes bottomline{
 0%{width: 0};
 100%{width: 100%;}
}


/**/

/* Table */

.table_list_wrap{}
.table_list_wrap .table-responsive{padding: 15px; overflow:visible; }
.table_list{-webkit-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.1);
box-shadow:0px 0px 15px 2px rgba(0,0,0,0.1); border-radius: 10px;}
.table_list thead th{border-bottom: 1px solid #e7e7e7; background: #f6f6f6; border-top:0;}
.table_list th{padding: 15px 30px;}
.table_list td{padding: 10px 30px; white-space: nowrap; vertical-align: middle; line-height: 20px;}
.table_2 td{color: var(--txt-s-color);}
.table_list .txt-right{ text-align: right !important;}
.table_list tr.highlight td{color: var(--p-color);}

div.dataTables_wrapper div.dataTables_processing{border: 0 !important; background: transparent !important;}

/**/

.ic{margin-right: 10px; font-size: 20px;}

.ic_dots{margin-right: 0;}
.ic_dots:before{content: "\f141"; }
.ic_confirm:before{content: "\f00c"; }
.ic_reject:before{content: "\f00d"; }
.ic_reschedule:before{content: "\f271"; font-weight: 400; }
.ic_message:before{content: "\f4ad"; font-weight: 400; }
.ic_cancel:before{content: "\f00d"; }
.ic_view:before{content: "\f06e";font-weight: 400; }
.ic_view_profile:before{content: "\f007";font-weight: 400; }

/* Custom Icons  */

.icn{display: inline-flex; justify-content: center; align-items: center; }

/**/

/* Pagination   */

.pager, .pagination{display: flex; justify-content: center; align-items: center; width: 100%; list-style: none; margin: 30px 0; padding: 0;  flex-wrap: nowrap;}
.pager li{margin: 4px; display: flex; flex-wrap:nowrap;background: #f0f0f0; border-radius: 50px;   }
.pager li a, .pager li span{width: 45px; height: 45px; display: flex; justify-content: center; align-items: center; background: #f0f0f0; border-radius: 50px; font-weight: 600; color: #787878;}
.pager li a:hover{background:var(--p-color); color: var(--btn-s-txt-color); }
.pager li:nth-child(2) a:hover{background:var(--p-color); color: var(--btn-s-txt-color); border-radius: 10px;  }
.pager li:nth-child(2) a{margin:0 2px; }
.pager li:nth-child(2) a.active{background:var(--p-color); color: var(--btn-s-txt-color); border-radius: 10px;  }

.pager li:nth-child(2){padding: 0 20px;}

.page-link{margin: 4px; display: flex; flex-wrap:nowrap;background: #f0f0f0; border-radius: 50px; width: 45px; height: 45px; display: flex; justify-content: center; align-items: center; background: #f0f0f0; border-radius: 50px; font-weight: 600; color: #787878;  }
.page-item:first-child .page-link, .page-item:last-child .page-link{border-radius: 50px; }
.page-item.active .page-link{background:var(--p-color); color: var(--btn-s-txt-color); border: 1px solid var(--p-color);}
.page-link:hover{background:var(--p-color); color: var(--btn-s-txt-color);border: 1px solid var(--p-color);}

/**/

/* popup starts */
.modal-content{border: 0; background: transparent;}
.complete_lesson{width:100%; max-width: 430px; background: #ffffff;margin: auto; color: var(--txt-s-color); -webkit-box-shadow: 0px 0px 25px 4px rgba(0,0,0,0.10);
-moz-box-shadow: 0px 0px 25px 4px rgba(0,0,0,0.10);
box-shadow: 0px 0px 25px 4px rgba(0,0,0,0.10); position: relative;}
.cl_header{border-bottom: 1px solid #e7e7e7; padding: 60px 40px 20px; text-align: center; }
.cl_header h2{font-size: 24px; }
.cl_header p{line-height: 24px; margin-bottom: 0;}
.tick_box{display: flex; width: 90px; height: 90px; align-items: center; justify-content: center; color: #ffffff; background: #50bf15; border-radius: 15px; margin: auto; position: absolute; top: -40px; left: 0; right: 0;}
.tick_box i{font-size: 36px;}
.cl_body{padding: 15px 30px;}
.cl_subhead{font-weight: 600; font-size: 20px; }
.cl_body label{font-size: 16px;}
.cl_body .btn, .pop_body .btn{height: 42px;}
.modal-dialog{margin:3rem auto}
.msg_header{padding: 40px 0 0;}
.msg_header h2{font-size: 22px; font-weight: 600;}

.pop_wrap{width:100%;background:transparent; position: relative; margin: 3rem auto; }
.modal-content{width:100%;background: #ffffff;  margin: 3rem auto; color: var(--txt-s-color); -webkit-box-shadow: 0px 0px 25px 4px rgba(0,0,0,0.10);
-moz-box-shadow: 0px 0px 25px 4px rgba(0,0,0,0.10);
box-shadow: 0px 0px 25px 4px rgba(0,0,0,0.10); position: relative; padding: 30px; border-radius: 10px;}
.pop_head{display: flex; width: 100%; text-align: center; justify-content: center;  align-items: center; border-bottom: 1px solid #e7e7e7; padding:0 0 10px 0;}
.pop_head h2{font-size: 24px; font-weight: 600; color: var(--txt-s-color); }
.ptxt-l{justify-content: flex-start;}
.from-to{display: flex;width: 100%; align-items: flex-end; }
.pop_body label{margin-bottom: 0;font-weight: 600; font-size: 15px;}
.pop_body label span{color: #999999; padding: 0 3px;}
.from-to span{padding: 0 10px; line-height: 42px;}
.ft-btn{padding-left: 15px;  font-size: 20px; line-height: 42px;}
.ft-btn a{color: var(--btn-p-txt-color);}
.form_link .btn{height: 38px;}
.close{position: absolute; right: 15px; top: 15px; font-size: 15px; color: #999999;}
.pop_wrap .form-btn-wrap{margin-top: 10px;}
.card_copyrights{color: #999999; font-size: 14px; line-height: 20px; margin-top:25px; display: flex; align-items: flex-start; }
.card_copyrights i{margin-right: 10px; font-size: 16px; margin-top:5px;}
.card_copyrights p{margin-bottom: 0; font-size: 14px;}
.no_border{border: 0;}
.pop_body h2{font-size: 18px; font-weight: 600; color: var(--txt-s-color); margin-bottom: 20px;}
.chk_pop{display: flex;align-items: flex-start;}
.chk_pop input{margin-right: 10px; margin-top:5px;}
.chk_pop .tut_img img{width: 40px; height: 40px; border-radius: 50px;}
.chk_pop .chk_msg{line-height: 22px; font-size: 14px; color: var(--txt-s-color);}
.tut_sm_img{display: flex; width: 90px; height: 90px; align-items: center; justify-content: center; color: #ffffff; background: #50bf15; border-radius: 15px; margin: auto; position: absolute; top: -40px; left: 0; right: 0;}
.tut_sm_img img{width: 100px; height: 100px; border-radius: 15px;}
.sm_header{padding: 40px 40px 20px;}
.btn-block{font-size: 15px;}
.package_popup{max-width: 850px; padding: 30px 0 0 0;}
.pop_body{padding-top: 20px;}
.pop_htext{width: 100%; text-align: center; font-size: 18px; color: var(--txt-s-color); font-weight: 600; }
.package_details{display: flex; flex-wrap: wrap; width: 100%; justify-content: center; }
.package_box{position: relative; width: calc(30% - 40px); max-width: 200px; margin:20px; border:1px solid #d1dae9; border-radius: 10px; padding: 30px; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; overflow: hidden;
-webkit-box-shadow: 0px 0px 30px 4px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 30px 4px rgba(0,0,0,0.1);
box-shadow:0px 0px 30px 4px rgba(0,0,0,0.1); }
.pkg_btn{width: 100%; margin-top: auto;}
.pkg_head{font-size: 16px; font-weight: 600; color:var(--txt-s-color); text-transform: uppercase;  margin-top: 20px;}
.pkg_duration{font-size: 40px; font-weight: 600; display: flex; flex-direction: column; justify-content: center; align-items: center; margin:20px 0; }
.pkg_duration span{font-weight: normal; font-size: 16px;}
.pkg_price{text-align: center; margin-bottom: 20px; }
.pkg_price span{color: var(--btn-p-txt-color); display: flex; width: 100%;}
.package_footer{display: flex; border-top: 1px solid #e7e7e7; padding: 15px;}
.pkg_img{margin-right: 15px;}
.pkg_txt{line-height: 24px;}
.pkg_txt p{margin-bottom: 10px;}
.package_box.selected{border: 1px solid var(--p-color);}
.pkg_ribbon{position: absolute; left: -19px; top: 18px; background: var(--btn-p-txt-color); color: #ffffff; font-size: 10px; font-weight: 600; line-height: 20px; transform: rotate(-40deg); width: 110px; text-align: center; text-transform: uppercase;}
.pop_body .form_body{padding: 0;}
.pop_body .form-text{margin-top:30px;}
.tut_next{display: flex; align-items: center; margin-left: auto;}
.pop_sml{max-width: 420px;}
.pop_mini{max-width: 320px;}
.pop_body .writer_box{padding: 10px;
transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition:all 0.3s ease;}
.pop_body .writer_box:hover{padding: 10px;
transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition:all 0.3s ease;
 -webkit-box-shadow: 0px 0px 30px 4px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 30px 4px rgba(0,0,0,0.1);
box-shadow:0px 0px 30px 4px rgba(0,0,0,0.1); border-radius: 15px; }
.scheduled_tut{display: flex; width: 100%; }
.t_img{width: 55px; margin-left: auto;}
.t_img img{width: 55px; height: 55px; border-radius: 50px;}
.sub_timing .t_details{align-items: center;}
.sub_timing i{margin-right: 10px;}

.sch_lesson{width:100%;max-width: 970px;}
.sch_lesson-2{width:100%;max-width: 800px;}
.schedule_lesson{display: flex; width: 100%; flex-wrap: wrap;}
.tut_detail_left{width: 100%; max-width: 240px; }
.tut_det_wrap{width: 100%; -webkit-box-shadow: 0px 0px 20px 4px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 20px 4px rgba(0,0,0,0.1);
box-shadow:0px 0px 20px 4px rgba(0,0,0,0.1); border-radius: 10px; padding: 30px 25px; display: flex; flex-direction: column; justify-content: flex-start; align-items: center;}
.tut_detail_left img{width: 55px; height: 55px; border-radius: 50px; margin: 10px 0;}
.bal_msg{font-size: 14px; color: #999999; text-align: center; line-height: 18px;}
.hrs_detail{font-size: 18px; font-weight: 600; color: var(--txt-s-color); margin-top: 25px; }
.buy_hrs{margin-top: 25px;}
.buy_hrs a{color: var(--p-color); display: flex; align-items: center; font-weight: 600;}
.buy_hrs a i{margin-right: 10px;}
.time_slot_msg{display: flex; color: #999999; font-size: 14px; margin-top: 50px; align-items: center; line-height: 18px;}
.time_slot_msg i{margin-right: 10px;}

.sch_cal_right{width: 100%; flex:1; -webkit-box-shadow: 0px 0px 20px 4px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 20px 4px rgba(0,0,0,0.1);
box-shadow:0px 0px 20px 4px rgba(0,0,0,0.1); border-radius: 10px;  display: flex; flex-direction: column; justify-content: flex-start; align-items: center; margin-left: 20px;}
.sch_cal_right.no-shadow-sch{ -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
-moz-box-shadow: 0px 0px 0px 0 rgba(0,0,0,0);
box-shadow:0px 0px 0px 0px rgba(0,0,0,0); margin-left: 0;}
.sch_cal_wrap{padding: 10px 30px;width: 100%;}
.sch_cal_wrap h3{font-size: 18px; font-weight: 600; margin-top: 15px;}
.sch_cal_bottom{width: 100%; padding: 30px; border-top: 1px solid #e7e7e7;}
.sch_right_form{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
#schdedule_extra_info_section{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.sch_right_form .button-block{width: 100%; }
.sch_right_form .button-block a{width: 48%}
.sch_right_form .hf{width: 48%;}
.book_head{display: flex; width: 100%; padding: 0 0 15px; align-items: center; border-bottom: 1px solid #e7e7e7;}
.book_head img{width: 60px; height: 60px; border-radius: 50px;}
.book_head span{font-size: 22px; font-weight: 600; padding-left: 10px;}
.no-shadow-sch .sch_cal_wrap{padding: 10px 0px;}

.tut_img_cir{position: relative; width: 55px;}
.tut_img_cir img{width: 55px; height: 55px; border-radius: 50px;}
.tut_img_cir i{position: absolute; color: var(--btn-p-txt-color); bottom: 0; right: 0px; background: #ffffff; border-radius: 50px; font-size: 20px;}
.ld-tut_img_cir img{width: 85px; height: 85px; border-radius: 50px;}
.pop_body .normal_h2{font-size: 24px; margin: 15px 0;}
.msg{color: #999999; font-size: 14px; line-height: 18px;}
.select_tut_scroll{max-height: 400px; overflow: auto;}

.ld_tut_wrap{display: flex; align-items: center;}
.ld-tut-price{min-width: 85px; font-size: 26px; font-weight: 600; color: var(--btn-p-txt-color);}
.ld-tut-price span{font-size: 20px; color: var(--txt-s-color); }
.ld-tut-dt{padding: 0 15px; color: var(--txt-s-color);}
.tut_name{font-weight: 700; font-size: 19px;  }
.tut_dt_txt{line-height: 20px; }
.ld-table{display: flex; flex-direction: column;width: 100%; color: var(--txt-s-color); margin: 15px 0;}
.ld-row{display: flex; width: 100%; flex-wrap: nowrap; margin-bottom: 5px;}
.ld-head{width: 90px; }
.ld-det{display: flex; align-items: center; }
.ld-det i{margin: 0 15px;}
.ld-tut-dt .ld-det i{margin: 0 5px 0 0;}

.pkg_thead{color: #999999;}
.ld-left{flex:1;}
.ld-right{width: 180px; text-align: right; justify-content: flex-end;}
.pkg_td{font-size: 18px; color: var(--txt-s-color); display: flex;  }
.pkg_td span{display: flex; align-items: center;  justify-content: center;width: 40px; color: #999999;}

.font-b{font-weight: 600;}
.pkg_td_total{font-size: 22px; font-weight: 700; padding: 20px 0;}
.custome_note{text-align: center; font-size: 14px; line-height: 22px; padding: 15px 0;}
.custome_note a{text-decoration: underline;}

.custom_select{width: 100%; display: flex; background: #eeeeee; border-radius: 10px;}
.credit_crd{display: flex; align-items: center; justify-content: center; padding: 0 15px;}
.credit_crd img{max-height: 15px;}
/* ---- */