body {font-family: 'Poppins', sans-serif; font-size:15px; line-height:24px; color:#2B3C6B; margin:0px; padding:0px; overflow-x:hidden; font-weight:normal; background:url(../images/login-bg.jpg) left top no-repeat;}

/*Common CSS Start*/
html {height:100%;}
* {outline:none !important;}
p {text-align:justify;}
a, a:hover {transition: all .2s ease-in-out; text-decoration:none !important; outline:none !important; color:#2B3C6B;}
li { color:#2B3C6B;}
h1,h2,h3,h4,h5,h6 {margin:0px; letter-spacing:0.3px; color:#2B3C6B; font-weight:500;}
h1 {font-size:40px;}
h2 {font-size:22px;}
h3 {font-size:18px;}
h4 {font-size:16px;}
h5 {font-size:14px;}
.mb-6 {margin-bottom:100px !important;}
.section-ttl {margin-bottom:30px; position:relative;}
.section-ttl small {font-size:16px;}
.orange-ttl {color:#EA6B3F;}
.common-btn {background:#EA6B3F; padding:7px 30px; color:#fff; box-shadow:none !important;}
.common-btn:hover, .common-btn:focus {background:#2B3C6B; color:#fff;}
.close-btn {background:#E8E8E8; padding:7px 30px; color:#000; box-shadow:none !important;}
.close-btn:hover, .close-btn:focus {background:#E8E8E8; color:#000;}
.register-btn {background:none; color:#2B3C6B; border:1px solid #EA6B3F; padding:7px 30px; box-shadow:none !important;}

.blue-btn {background:#2B3C6B; color:#fff; border:1px solid #2B3C6B; padding:7px 30px; box-shadow:none !important;}
.blue-btn:hover,.blue-btn:focus  {background:#EA6B3F; color:#fff; border:1px solid #EA6B3F; padding:7px 30px; box-shadow:none !important;}

.register-btn.hvr-sweep-to-right::before {background:#EA6B3F; border-radius:3px;}
.common-btn-arrow {border:1px solid #EA6B3F; background:none; padding:5px 15px 5px 15px; color:#2B3C6B; box-shadow:none !important;}
.common-btn-arrow.hvr-sweep-to-right::before {background:#EA6B3F; border-radius:3px;}
.common-btn-arrow i {margin-left:15px;}
input,input:hover, input:focus {box-shadow:none !important; height:50px !important; border-radius:3px !important;}
select, select:hover, select:focus {box-shadow:none !important; height:50px !important; border-radius:3px !important; -moz-appearance:none; -webkit-appearance:none; appearance:none;} 
.customselect {position:relative;}
/*.customselect .arrow {position:absolute; top:26%; right:20px; height:100%;}*/
.customselect .arrow {display:none;}
.customselect select {background:url(../images/select-arrow.svg) no-repeat; background-position: 99% 50%;}
.arrow-bg select {background-position: 94% 50%;}
textarea,textarea:hover, textarea:focus {box-shadow:none !important; border-radius:3px !important;}
input::placeholder, textarea::placeholder {font-size:13px;}
label {color:#2B3C6B; font-weight:600; font-size:16px;}
.container {max-width:1440px;}
.float-center {float:none; margin:0 auto;}
.common-space {padding:50px 0px 30px 0px;}
.form-group {margin-bottom:30px;}
.datepicker  span {padding:1rem;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background:#EA6B3F !important;}
.custom-scroll::-webkit-scrollbar {width:10px; height:1px;}
.custom-scroll::-webkit-scrollbar-track {border-radius:3px;}
.custom-scroll::-webkit-scrollbar-thumb {background:#EA6B3F;}
pre {font-family: 'Poppins', sans-serif; white-space:pre-line;}
.tooltip-inner {
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #EA6B3F;
    border-radius: .25rem;
}
.tooltip .arrow:before {
  border-left-color: #EA6B3F;
 }
/*Common CSS End*/

/*TopBg Section CSS Start*/
.topbg {background:#2B3C6B; color:#D3D8E2; padding:15px 0px;}
.top-main {display:flex; align-items:center; justify-content:space-between;}
.topbg ul.left li {position:relative; margin-right:30px; color:#D3D8E2;}
.topbg ul.left li:before {position: absolute; content: ''; border: 1px dashed #59688d; height:15px; width: 1px; top: 5px; right: -18px;}
.topbg ul.left li:last-child:before {content:inherit;}
.topbg ul.left li:last-child {margin-right:0px;}
.topbg ul.left li img {margin-right:10px;}
.topbg ul.right li a {color:#fff; width:35px; height:35px; line-height:35px; text-align:center; display:inline-block; background:#59688d; border-radius:50%;}
.facebook.hvr-radial-out:before {background:#3b5998;}
.twitter.hvr-radial-out:before {background:#5da9dd;}
.gplus.hvr-radial-out:before {background:#cd4539;}
.linkdein.hvr-radial-out:before {background:#0077B5;}
.insta.hvr-radial-out:before {background: linear-gradient(90deg, rgba(234,197,2,1) 0%, rgba(237,5,14,1) 35%, rgba(123,57,172,1) 100%);}
.youtube.hvr-radial-out:before {background: linear-gradient(90deg, rgba(254,0,0,1) 0%, rgba(257,0,0,1) 100%, rgba(123,57,172,1) 100%);}
.linkdin.hvr-radial-out:before {background: linear-gradient(90deg, rgba(0,119,181,1) 0%, rgba(0,119,181,1) 100%, rgba(123,57,172,1) 100%);}
/*TopBg Section CSS End*/

/*Navbar Section CSS Start*/
nav .container {background:#fff; border-radius:3px;}
.offcanvas-header {display: none;}

.screen-overlay {width: 0%; height: 100%; z-index: 30; position: fixed; top: 0; left: 0; opacity: 0; visibility: hidden; background-color: rgba(34, 34, 34, 0.6); transition: opacity 0.2s linear, visibility 0.1s, width 1s ease-in;}
.screen-overlay.show {transition: opacity 0.5s ease, width 0s; opacity: 1; width: 100%;
  visibility: visible; }

@media all and (max-width: 992px) {
  .offcanvas-header {display: block;}
  .mobile-offcanvas {visibility: hidden; transform: translateX(-100%); border-radius: 0; display: block; position: fixed; top: 0;
      left: 0; height: 100%; z-index: 1200; width: 80%; overflow-y: scroll; overflow-x: hidden; transition: visibility 0.2s ease-in-out, transform 0.2s ease-in-out; background-color: #fff !important; }
  html:lang(ar) .mobile-offcanvas {transform: translateX(100%);}
  .mobile-offcanvas.show {visibility: visible; transform: translateX(0);}
  .nav-cont {display: block !important; padding-right: auto !important; padding-left: auto !important;}
  #navbar_main {box-shadow: 0px 3px 17px #00000047;}
  .dropdown-menu {border: none;}
  .nav-item {border-bottom: 1px solid #eaeaea;}
}

.navbar-brand {max-width:132px;}
.navbar-brand img {max-width:100%;}
.navbar-nav {align-items:center; position:relative;}
.navbar-nav li a.nav-link {font-weight:600; color:#2B3C6B; padding-right:0.5rem !important;}
.navbar-nav li a.nav-link:hover, .navbar-nav li a.nav-link:focus {color:#EA6B3F;}
.navbar-nav li.active a {color:#EA6B3F;}
.navbar-nav .dropdown .dropdown-menu {padding:0px;}
.navbar-nav .dropdown .dropdown-menu a.dropdown-item {padding: 0.6rem 1.5rem !important;}
a.dropdown-item:hover, a.dropdown-item:focus {background:#EA6B3F; color:#fff;}
.navbar-nav .dropdown .dropdown-menu a.dropdown-item.active, .navbar-nav .dropdown .dropdown-menu a.dropdown-item:active {background:#EA6B3F;}
.fixed-header {position:fixed; top:0; width:100%; z-index:11; background:#fff; box-shadow: -1px -36px 90px #999;}
.header-login-register-div a.btn {margin-right:20px; font-weight:500;}
.header-login-register-div a.btn:last-child {margin-right:0px;}
.sidebar-logo {display:none;}
.profile-dropdown img.round {width:35px; height:35px; border-radius:50%; border:1px solid #ccc; object-fit:cover;}
.profile-dropdown .dropdown-menu {left:auto; right:0; min-width:15rem;}
.profile-dropdown .dropdown-menu img.inner-round {width:50px; height:50px; border-radius:50%; border:1px solid #ccc; object-fit:cover;}
.profile-dropdown .dropdown-menu li a {font-size:15px; padding: 0.6rem 1.5rem;}
.profile-dropdown .dropdown-item.active, .profile-dropdown .dropdown-item:active {background:#EA6B3F;}
.profile-dropdown .profile-img-name {display:flex; align-items:center; padding:10px 23px; border-bottom: 1px solid #d1d7dc;}
.profile-dropdown .profile-img-name .name {margin-left:10px;}
.profile-dropdown .dropdown-toggle::after {content:inherit;}
.chatgroupbox {margin-bottom:30px;}
/*.chatgroupbox .card {height:100%;}*/
.addFriendbox {margin-bottom:30px;}
.addFriendbox small {line-height:18px; display:block;}
.addFriendbox .card {height:100%;}
.addFriendbox .card .common-btn {padding:5px 15px;}
#giftModal .modal-content {border-radius:30px;}

.cat label span {
  text-align: center;
  padding:5px;
  margin-top:10px;
  border-radius:3px;
  display: block;
  background:#2B3C6B;
  color:#fff;
  cursor:pointer;
}

.cat label input {
  position: absolute;
  display: none;
  color: #fff !important;
  height:auto !important;
}
.action input:checked + span{background-color: #F75A1B; color:#fff;}


.draw {
  background:#2b3c6b;
  border: 0;
  box-sizing: border-box;
  box-shadow: inset 0 0 0 2px #ffff;
  color: #fff;
  font-size: 14px;
  padding: 6px 30px;
  text-align: center;
  vertical-align: middle;
  margin-right:15px;
}
.draw {
  overflow: hidden;
  position: relative;
}
.draw::before, .draw::after {
  content: '';
  box-sizing: border-box;
  position: absolute;
  border: 2px solid transparent;
  width: 0;
  height: 0;
}
.draw::before {
  top: 0;
  left: 0;
  border-top-color: #EA6B3F;
  border-right-color: #EA6B3F;
  animation: border 2s infinite;
}
.draw::after {
  bottom: 0;
  right: 0;
  animation: border 2s 1s infinite, borderColor 2s 1s infinite;
}

@keyframes border {
  0% {
    width: 0;
    height: 0;
  }
  25% {
    width: 100%;
    height: 0;
  }
  50% {
    width: 100%;
    height: 100%;
  }
  100% {
    width: 100%;
    height: 100%;
  }
}
@keyframes borderColor {
  0% {
    border-bottom-color: #EA6B3F;
    border-left-color: #EA6B3F;
  }
  50% {
    border-bottom-color: #EA6B3F;
    border-left-color: #EA6B3F;
  }
  51% {
    border-bottom-color: transparent;
    border-left-color: transparent;
  }
  100% {
    border-bottom-color: transparent;
    border-left-color: transparent;
  }
}
/*Navbar Section CSS End*/


/*Home New Section CSS Start*/
.home-new-sec .float-center .left-side .imgbox {height:400px; position:relative; border-radius:30px;}
.hauto {height:auto !important;}
.home-new-sec .float-center .left-side .imgbox img {width:100%; height:100%; object-fit:cover;}
.home-new-sec .float-center .left-side .imgbox.shadow img {border-radius:30px; border:8px solid #fff; box-shadow: -1px 2px 19px #dadada;}
.home-new-sec .float-center .left-side .bubble:before {position: absolute; content: ''; background:#9be9ff; width: 215px; height: 215px; border-radius: 50%; top:0; left:-80px; z-index:-1; animation: scaleIn 4s infinite cubic-bezier(.36, .11, .89, .32);}
.home-new-sec .float-center .flex-row-reverse .left-side .bubble:before {position: absolute; content: ''; background:#9be9ff; width: 215px; height: 215px; border-radius: 50%; top:0; left:auto; right:-90px; z-index:-1; animation: scaleIn 4s infinite cubic-bezier(.36, .11, .89, .32);}
/*Home New Section CSS End*/

/*Registration Page CSS Start*/
.registration-page {background:url(../images/login-bg.png) left top repeat;}
.registration-page .row.align-items-center {background:rgba(255,255,255,0.5);}
.registration-page .left {text-align:justify;}
.registration-page .left .innerbox {background:#2B3C6B; padding:50px; height:100%; color:#fff;}
.registration-page .left .features .media {margin-bottom:30px;}
.registration-page .left .features .media h3 {color:#fff;}
.registration-page .right .innerbox {padding:30px;}
.registration-page .right .innerbox .ttl h2 span {color:#EA6B3F;}
.registration-page .right .form-group {margin-bottom:30px;}
.iti {width:100%;}
.iti__flag-container {width:100%;}
.custom-control-input:checked~.custom-control-label::before {border-color: #EA6B3F; background-color:#EA6B3F;}
.terms a {color:#EA6B3F;}
.already-registered a {color:#EA6B3F;}
.registration-page .select2-container--bootstrap {width:100% !important;}

/*Multiple Select CSS Start*/
.chosen-container-multi .chosen-choices {border: 1px solid #ced4da !important; background-image:none !important;}
.chosen-container-active .chosen-choices {box-shadow:none !important;}
.chosen-container-multi .chosen-choices li.search-choice {background-image:none !important; background-color:#EA6B3F !important; color:#fff !important; border:none !important; margin:15px 5px 3px 0 !important;}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close { background:url(../images/chosen-sprite.png) -42px 1px no-repeat !important;}
.reg-areas {display:flex; flex-wrap:wrap;}
.reg-areas  .custom-control-inline {width:45%;}
.reg-box-new .card {cursor:pointer;}
.reg-box-new .card input {position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100% !important; opacity:0; cursor:pointer;}
.reg-box-new .card input:checked + .card-body {background-color: #F75A1B; color:#fff; border-radius: 10px;}
.reg-box-new .card input:checked + .card-body h3 {color:#fff;}
.pass-eye {position:absolute; top:0; right:10px; bottom:0; display:flex; align-items:center; height:100%; cursor:pointer;}
/*Registration Page CSS End*/


/*Login Page CSS Start*/
.password-field {position:relative;}
.password-field input {padding-right:50px;}
.password-field .icon {position:absolute; top:26%; right:10px; cursor:pointer;}
.login ul {display:flex; align-items:center; justify-content: space-between; margin-bottom:0px;}
.login ul li a {color:#EA6B3F;}
.forgot-link {color:#2B3C6B !important;}
.login-page .left .innerbox {background-color: none; background:url(../images/login-img.jpg) left top no-repeat; background-size:cover; position:relative; height:600px;}
/*Login Page CSS End*/

/*Forgot Password Page CSS Start*/
/*.forgot-page .row.align-items-center {height:100vh; background:none;}*/
.forgot-page .right .innerbox {background:#EDF2F6; border-radius:10px; padding:50px 30px;}
.forgot-page .login ul {justify-content:center;}
/*Forgot Password Page CSS End*/

/*Common Banner For All Inner Pages CSS Start*/
.commanbanner {position:relative;}
.commanbanner .overlay {position:absolute; top:0; left:0; right:0; width:100%; height:100%; background:rgb(0,0,0,0.5); display:none;}
.commanbanner .imgbox {/*height:450px;*/ display:flex; align-items:center; justify-content:center;}
.commanbanner .imgbox img {height:100%; width:100%; object-fit:cover;}
.common-banner-ttl {position: absolute; top: 0; left: 0; height: 100%; display: flex; align-items: center; justify-content: center; color:#fff; display:none;}
.common-banner-ttl h1 {color:#fff; margin-bottom:0px; font-weight:700; font-size:30px;}
.common-banner-ttl ol {background:none; font-weight:600; justify-content:center;}
.common-banner-ttl ol .breadcrumb-item a {color:#fff;}
.common-banner-ttl ol .breadcrumb-item.active {color:#EA6B3F;}
.common-banner-ttl ol .breadcrumb-item+.breadcrumb-item::before {color:#fff;}
.common-banner-ttl .breadcrumb {display:none;}
/*Common Banner For All Inner Pages CSS End*/

/*Profile Page CSS Start*/
.common-bg {background:#EDF2F6;}
.profile-boxes {border-radius:10px; margin-bottom:30px;}
.profile-boxes .card-body {padding:30px;}
.card-ttl {border-bottom: 1px solid #DEE2E6; padding:15px 30px;}
.profile-boxes img.rounded-circle {width:100px; height:100px; object-fit:cover; margin:0 auto;}
.text-info {color:#EA6B3F !important;}
.profile-info ul li {display:flex; align-items:center; justify-content:space-between; border-bottom: 1px solid #DEE2E6; padding:10px 0px;}
.profile-info ul li:last-child {border-bottom:none;}
.profile-info ul li label {margin-bottom:0px;}
.friends-box .media {align-items:center; margin-bottom:15px;}
.friends-box a:last-child {margin-bottom:0px;}
.friends-box .media img.rounded-circle {width:40px; height:40px;}
.friends-box .media .media-body {display:block; align-items:center; justify-content:space-between;}
.friends-box .media .media-body h4 {color:#000; font-weight:500;}
.friends-box .media .media-body textarea {background:#EBEBEB; border-radius:10px !important;}
.heading {display:flex; align-items:center; justify-content:space-between; margin-bottom:30px;}
.celebration-list-box {margin-bottom:30px;}
.celebration-list-box .card {height:100%;}
.card {border-radius:10px; box-shadow: 0 10px 20px rgb(0 0 0 / 8%);}
.celebration-list-box .card .card-body {padding: 1.25rem 1.25rem 0.1rem 1.25rem;}
.celebration-list-box .card .card-body .imgbox {border-radius:10px; height:200px; overflow:hidden; position:relative;}
.celebration-list-box .card .card-body .imgbox img {border-radius:10px; width:100%; height:100%; object-fit:cover; transition: transform ease 0.3s;}
.celebration-list-box .card:hover .card-body .imgbox img {/*transform: scale(1.07);*/}
.celebration-list-box .card .card-body .content ul {border-top:1px solid #edf2f6; padding:0px 0px 0px 0px;}
.celebration-list-box .card .card-body .content p {font-size: .9375rem;min-height: 50px;line-height: 1.3333;text-align: left;}
.celebration-list-box .card .footer-comment {background:#edf2f6; padding: 0.8rem 1.25rem; border-radius:0px 0px 10px 10px;font-size: 13px;}
.celebration-list-box .card .footer-comment ul li {cursor:pointer; position:relative;}


.heading-slider {margin-bottom:30px;}
.owl-stage-outer {padding:20px 0px;}
.common-box {background:none; border:none; height:100%;}
.common-box .imgbox {border-radius:10px 10px 0px 0px; height:200px; overflow:hidden;}
.common-box .imgbox img {border-radius:10px 10px 0px 0px; width:100%; height:100%; object-fit:cover; transition: transform ease 0.3s;}
.common-box:hover .imgbox img {transform: scale(1.07);}
.common-box .card-body {background:#fff; border-radius:10px;}
.common-box .card-body small {display:block;}
#addcelebration .upload div {position: relative; overflow: hidden;}
#addcelebration input {position: absolute; font-size: 50px; opacity: 0; right: 0; top: 0;}
#addcelebration .upload .btn {background:none; color:#2B3C6B; border:1px solid #E8E8E8;}
#selectSubCat .special-int-club-box .card .imgbox {height:130px;}
.payment-option {display:flex; justify-content:space-between;}
.payment-option img {width:50%;}
.profile-info .common-btn {padding:7px; font-size:13px;}
#credit_buy input {height:auto !important;}
.no-content-found-profile-box .imgbox {position:relative; height:315px;border-radius:10px;}
.no-content-found-profile-box .imgbox:before {content:""; position:absolute; top:0; left:0; right:0; height:100%; background: rgba(0, 0, 0, 0.5); border-radius:10px;}
.no-content-found-profile-box .imgbox img {width:100%; height:100%; object-fit:cover; border-radius:10px;}
.no-content-found-profile-box .imgbox .content {position:absolute; top:0; left:0; right:0; display:flex; align-items:center; justify-content:center; flex-direction:column; height:100%; color:#fff;}
.profile-page .emoji-wysiwyg-editor {height:50px !important;}
#chat_window_1 .common-btn {padding:0px 30px;}
#chat_window_1 .form-control:focus {box-shadow:none;}
.new-chat-box .profile-boxes .card-body {padding:15px;}
.new-chat-box .profile-boxes .card-body span.s-name {overflow: hidden; text-overflow: ellipsis;
   display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.chat-window .emoji-menu {top:-230px;}
.chat-window .emoji-picker-icon {display:flex; align-items:center; margin-right:10px; top:0;}
.chat-window .panel-footer {background:#fff;}
.profile-page .like-box {width:100%;}
.profile-page .footer-comment ul li span {display:flex; align-items:center;}
/*Profile Page CSS End*/

/*Edit Profile Page CSS Start*/
.ui-datepicker-header select {height:auto !important; appearance: auto !important;}
.avatar-upload {
  position: relative;
  max-width: 205px;
  margin:0 auto 15px auto;
}
.avatar-upload .avatar-edit {
  position: absolute;
  right:32px;
  z-index: 1;
  top: 10px;
}
.avatar-upload .avatar-edit input {
  display: none;
}
.avatar-upload .avatar-edit input + label {
  display: inline-block;
  width: 34px;
  height: 34px;
  margin-bottom: 0;
  border-radius: 100%;
  background: #e6e6e6;
  border: 1px solid transparent;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  font-weight: normal;
  transition: all 0.2s ease-in-out;
}
.avatar-upload .avatar-edit input + label:hover {
  background: #f1f1f1;
  border-color: #d6d6d6;
}
.avatar-upload .avatar-edit input + label:after {
  content: "\f040";
  font-family: 'FontAwesome';
  color: #757575;
  position: absolute;
  top: 5px;
  left: 0;
  right: 0;
  text-align: center;
  margin: auto;
}
.avatar-upload .avatar-preview {
  width: 192px;
  height: 192px;
  position: relative;
  border-radius: 100%;
  border: 6px solid #F8F8F8;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
.avatar-upload .avatar-preview > div {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
#image-form .file {
  visibility: hidden;
  position: absolute;
}
.browse {background:#EA6B3F;}
/*Edit Profile Page CSS Edit*/

/*Workshop Listing Page CSS Start*/
.filter {display:flex; align-items:center; justify-content:space-between;}
.workshop-listing {margin-bottom:30px;}
.workshop-listing .common-box {height:100%;}
.workshop-listing .common-box .imgbox {height:300px; position:relative; margin-bottom:10px; border-radius:10px;}
.workshop-listing .common-box ul li {margin-right:30px; padding:5px 0px;}
.workshop-listing .common-box ul li small {text-transform:uppercase;}
.workshop-listing .common-box ul label {margin-bottom:0px; font-weight:500; font-size:14px;}
.img-text {position:absolute; bottom:0;}
.workshop-listing .common-box  .class {background:#2B3C6B; padding:10px 20px; display:inline-block; position:absolute; bottom:0; right:0; color:#fff; font-weight:600;}
.workshop-listing .common-box .attend {display:inline-block; color:#fff; font-weight:600; background:#EA6B3F;}
/*Workshop Listing Page CSS End*/

/*Contest Listing Page CSS Start*/
.contest-list-page .workshop-listing ul li {display:flex; margin-right:0px;}
.contest-list-page .workshop-listing ul li small {flex:40%;}
.contest-list-page .workshop-listing ul li label {flex:60%; cursor:pointer;}
.requirement-right .imgbox {height:450px;}
.requirement-right .imgbox img {width:100%; height:100%; border-radius:10px; object-fit:cover;}
.contest-list-page .workshop-listing .common-box {background:#fff;}
/*Contest Listing Page CSS End*/

/*Contest Detail Page CSS Start*/
.requirement ul li {display:flex; align-items:baseline; padding:5px 0px;}
.requirement ul li img {position:relative; top:3px; margin-right:10px;}
.participate-box .material-box i {font-size:50px; color:#EA6B3F;}
.participate-box .material-box p {margin-bottom:0px;}

.contest-detail-page #main .card {
  margin-bottom: 30px;
  border: 0;
}

.contest-detail-page #main .card .card-header {
  border: 0;
  -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
          box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
  border-radius: 2px;
  padding: 0;
}

.contest-detail-page #main .card .card-header .btn-header-link {
  color: #fff !important;
  display: block;
  text-align: left;
  background:#EA6B3F;
  color: #222;
  padding: 20px;
}

.contest-detail-page #main .card .card-header .btn-header-link:after {
  content: "\f107";
  font-family: FontAwesome;
  font-weight: 900;
  float: right;
}

.contest-detail-page #main .card .card-header .btn-header-link.collapsed {
  background: #E8E8E8;
  color: #000 !important;
}

#main .card .card-header .btn-header-link.collapsed:after {
  content: "\f106";
}

#main .card .collapsing {
  background:#EDF2F6;
  line-height: 30px;
}

#main .card .collapse {
  border: 0;
}

#main .card .collapse.show {
  background: #EDF2F6;
  line-height: 30px;
  color: #222;
}
/*Contest Detail Page CSS End*/

/*Workshop Detail Page CSS Start*/
.workshop-detail-sec .story-detail .left .imgbox {height:500px;}
.workshop-detail-sec .story-detail .left .imgbox img {width:100%; height:100%; object-fit:cover; border-radius:10px;}
.workshop-detail-sec .right .ttl span {color:#EA6B3F;}
.workshop-detail-sec .right ul li small {display:block; text-transform:uppercase;}
.workshop-detail-sec .right .one ul li {border-left:1px solid #E3E2E2; margin:0px; padding:0px 20px;}
.workshop-detail-sec .right .one ul li:first-child {border-left:none; padding-left:0px;}
#material .owl-stage {display:flex;}
#material .owl-stage .item {height:100%;}
.material-box {height:100%; border:none;}
.material-box .card-body {background:#FAF4EA; padding:50px 30px; height:100%;}
.material-box .card-body img {width:60px !important; margin:0 auto; margin-bottom:20px;}
.mentor-sec .left .imgbox {height:350px;}
.mentor-sec .left .imgbox img {width:100%; height:100%; object-fit:cover; border-radius:10px;}
.mentor-sec .right .innerbox .mentorname a:hover {text-decoration:underline !important;}
.mentor-sec .right .innerbox .mentorname span {color:#EA6B3F;}
.terms-sec ul li {display:flex; align-items:baseline; padding:5px 0px;}
/*Workshop Detail Page CSS End*/

/*Celebration Gallery Page CSS Start*/
.celebration-gallery-page .commanbanner .imgbox {height:450px;}
.celebration-gallery-page .celebration-list-box .card .card-body .imgbox iframe {width:100% !important; height:100% !important;}
.celebration-gallery-page .celebration-list-box .card .card-body .imgbox {height:300px; position:relative;}
.celebration-gallery-page .celebration-list-box img {width:40px; height:40px; object-fit:cover; border-radius:100%;}
.celebration-gallery-page .main-image img {width:100%;}
.banner-filter {position:absolute; bottom:0; left:0; right:0;}
.banner-filter .innerbox {background: rgb(0,0,0,0.5); padding:20px 30px 20px 20px; border-radius:10px 10px 0px 0px;}
.banner-filter .innerbox h2 {color:#fff;}
.banner-filter .box .form-group {margin-bottom:0px;}
.banner-filter .box .browse {background:#EA6B3F;font-size: 13px;padding: 7px 10px;}
.banner-filter .box .register-btn {background:none; border:1px solid #EA6B3F; padding: 12px 30px; color:#fff;}
.viewscomment-div {max-height:450px; overflow-y:scroll;}
.view-comment-box {margin-bottom:20px;}
.view-comment-box .media .media-body {padding-bottom:10px; background:#fff2ee; padding:10px; border-radius:5px;}
.view-comment-box .media .media-body h4 {font-size: .8125rem; font-weight:500;}
.view-comment-box .media .media-body span {line-height:20px; display:block; font-size:14px;}
.view-comment-box:last-child .media .media-body {border-bottom:none;}
.view-comment-box .media img {width:50px; height:50px; object-fit:cover;}
.view-comment-box .media small {color:#EA6B3F; font-size:10px;}
.full-width {
  width: 100%;
  height: 100vh;
  display: flex;
}
.full-width .justify-content-center {
  display: flex;
  align-self: center;
  width: 100%;
}
.full-width .lead.emoji-picker-container {
  width: 300px;
  display: block;
}
.full-width .lead.emoji-picker-container input {
  width: 100%;
  height: 50px;
}
.emoji-picker-container {width:100%; border: 1px solid #d2dbe3; padding:10px;}
.emoji-wysiwyg-editor {height:auto !important; max-height:500px !important; min-height:15px !important; font-size:14px; line-height:20px; padding:6px !important; border:none !important;}
.emoji-picker-icon {position:inherit !important; float:right; right:0 !important;}
.main-emojis {border-bottom:1px solid #E8E8E8; padding:0px 0px 15px 0px;}
.main-emojis .common-btn {padding:2px 20px;}
.modal-img {height:500px;}
.modal-img img {width:100% !important; height:100% !important; object-fit:cover !important; border-radius:5px !important;}
.celebration-gallery-page .pagination {width:100% !important;}
.pagination li {display:block; border: 1px solid #2B3C6B; margin:0px 3px; padding:10px;}
.modal-title.more {font-weight:500;}
#addcomment .emoji-menu {bottom:30px !important; top:auto !important;}
.celebration-gallery-page .toolbox {top:-62px;}
.celebration-gallery-page [class*=reaction-] {top:-30px;}
.react-thumb img {width:15px !important; height:auto !important; object-fit:inherit !important;}
/*Celebration Gallery Page CSS End*/


/*Fun & Expolre Library Page CSS Start*/
.fun-box {margin-bottom:30px;}
.fun-box .card {height:100%;}
.fun-box .card .innerbox {display:flex; align-items:center; height:100%;}
.fun-box .imgbox {width:300px; height:100%; flex-shrink:0; border-radius:10px 0px 0px 10px; overflow:hidden;}
.fun-box .imgbox img {width:100%; height:100%; object-fit:cover; border-radius:10px 0px 0px 10px; transition: transform ease 0.3s;}
.fun-box .card:hover .imgbox img {transform: scale(1.07);}
.fun-box .card-body {padding:30px;}
.fun-explore-page .fun-box .card-body p {margin-bottom:0px;  text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;/* -webkit-line-clamp:5;overflow: hidden;*/}
.fun-box .card-body a {color:#EA6B3F;}
.fun-box .card-body a img {margin-left:6px;}
.fun-box .card .innerbox h2 {display:flex; align-items:center;}
.fun-box .card .innerbox h2 span {color:#EA6B3F; font-size:16px; cursor:pointer;}
/*Fun & Expolre Library Page CSS End*/

/*Fun & Explore Detail Page CSS Start*/
.fun-detail-box {margin-bottom:30px;}
.fun-detail-box .common-box .card-body a {color:#EA6B3F; height:200px;}
.fun-detail-box .common-box .card-body a img {width:100%; height:100%; object-fit:cover; border: 1px solid #2B3C6B;}
.ekko-lightbox-nav-overlay a {opacity:1 !important;}
.ekko-lightbox-nav-overlay a span {background:#EA6B3F; padding:10px; padding: 13px 20px !important; flex-grow:inherit; position:absolute;}
.ekko-lightbox-nav-overlay a:first-child span {left:0;}
.ekko-lightbox-nav-overlay a:last-child span {right:0;}
.ekko-lightbox-container>div.ekko-lightbox-item img {width:100%; height:100%; object-fit:contain;}
.ekko-lightbox-container {height:500px !important;}
/*Fun & Explore Detail Page CSS End*/

/*Writers Club Page CSS Start*/
.writers-club-page .commanbanner .imgbox {height:450px;}
.writers-club-page .banner-upload {margin-top:-190px;}
.writers-club-page .banner-upload .card {border:none;}
.writers-club-page .banner-upload .card-body {padding:0px;}
.writers-upload {background: url(../images/upload-bg.jpg) left top no-repeat; background-attachment:fixed; background-size:cover; border-radius:10px; padding:20px 0px;}
.writers-upload .media {align-items:center;}
.writers-upload .media .media-body h2 {color:#fff;}
.writers-upload img {width:100px;}
.writers-upload .right .register-btn {border-color:#fff; color:#fff;}
.morecontent span {display: none;}
.morelink {display: inherit;color:#c84b09 ;font-size: 13px;}
.morelink:hover {text-decoration: underline !important;color:#c84b09 ;font-size: 13px;}
.writers-club-page .fun-box .card .innerbox {align-items:inherit;}
.writers-club-page .fun-box .imgbox {padding: 30px 0px 30px 30px; overflow:hidden; border-radius:10px; display:none;}
.writers-club-page .fun-box .imgbox img {border-radius:10px;}
.writers-club-page .fun-box .card:hover .imgbox img {transform:inherit;}
.writers-club-page .fun-box .card .innerbox .card-body small {font-size:14px; opacity:0.8}
.writers-club-page .fun-box .card .innerbox .card-body small span {display:block; color:#EA6B3F;}
.popular-wrting-box {border-bottom: 1px solid rgba(0,0,0,.125); border-radius:0px; padding-bottom:30px;}
.popular-wrting-box:last-child {border-bottom:none; margin-bottom:0px; padding-bottom:0px;}
.popular-wrting-box .heading-img {display:flex;}
.popular-wrting-box .heading-img img {width:80px; height:80px; object-fit:cover; display:none;}
.popular-wrting-box .main-ttl {margin-left:0px !important;}
.popular-wrting-box .main-ttl p {line-height:20px; font-size:14px; margin-bottom:0px; text-align:left; word-break: break-all;}
.popular-wrting-box  .content p {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical;}
.popular-wrting-box  .content a {color:#EA6B3F;}
.writing-cards-row .right .ttl h2 {color:#EA6B3F; font-weight:500;}
#popularwriting .main-emojis {display:none;}
.writers-club-page p {text-align:left;}
/*Upload Modal CSS Start*/
.uploader {display: block; clear: both; margin: 0 auto; width: 100%;}
.uploader label {float: left; clear: both; width: 100%; padding:1.2rem 1.5rem; text-align: center; background: #fff;
  border-radius:3px; border:1px solid #d2d2d2; transition: all 0.2s ease; -webkit-user-select: none; -moz-user-select: none;
      -ms-user-select: none; user-select: none;}
.uploader label:hover {border-color: #2B3C6B;}
.uploader label.hover {border: 3px solid #454cad; box-shadow: inset 0 0 0 6px #eee;}
.uploader label.hover #start i.fa {transform: scale(0.8); opacity: 0.3;}
.uploader #start {float: left; clear: both; width: 100%;}
.uploader #start.hidden {display: none;}
.uploader #start i.fa {font-size: 50px; margin-bottom: 1rem; transition: all 0.2s ease-in-out;}
.uploader #response {float: left; clear: both; width: 100%;}
.uploader #response.hidden {display: none;}
.uploader #response #messages {margin-bottom: 0.5rem;}
.uploader #file-image {display: inline; margin: 0 auto 0.5rem auto; width: auto; height: auto; max-width: 180px;}
.uploader #file-image.hidden {display: none;}
.uploader #notimage {display: block; float: left; clear: both; width: 100%;}
.uploader #notimage.hidden {display: none;}
.uploader progress,
.uploader .progress {display: inline; clear: both; margin: 0 auto; width: 100%; max-width: 180px; height: 8px; border: 0;
  border-radius: 4px; background-color: #eee; overflow: hidden;}
.uploader .progress[value]::-webkit-progress-bar {border-radius: 4px; background-color: #eee;}
.uploader .progress[value]::-webkit-progress-value {background: linear-gradient(to right, #393f90 0%, #454cad 50%); border-radius: 4px;}
.uploader .progress[value]::-moz-progress-bar {background: linear-gradient(to right, #393f90 0%, #454cad 50%);
  border-radius: 4px;}
.uploader input[type=file] {display: none;}
.uploader div {margin: 0 0 0.5rem 0; color: #5f6982;}
/*Upload Modal CSS End*/
#writersaddcomment .main-emojis {border:none;}
.popular-writing-modal-box .media img {height:140px; object-fit:cover;}
.popular-wrting-box .morecontent a {display:block;}
/*Writers Club Page CSS End*/

/*After Login Home Page CSS Start*/
.homr-page-login .orange {background-color:#EA6B3F; color:#fff; border-radius: 10px 10px 0px 0px;}
.homr-page-login .profile-boxes .imgbox {height:200px;}
.homr-page-login .profile-boxes .imgbox img {width:100%; height:100%; object-fit:cover; border-radius:10px;}
.community {text-align:center;}
.community h1 {font-size:45px; color:#EA6B3F;}
/*After Login Home Page CSS End*/

/*Pay Now Page CSS Start*/
.pay-now-page .row
.pay-features ul li {display:flex; align-items:baseline; padding:10px 0px; color:#fff;}
.pay-features h2 {color:#fff;}
.pay-features ul li i {margin-right:10px;}
.plan-box .inner-plan-box {border:2px solid #dbe1e7; padding:50px; border-radius:3px; height:100%; position:relative;}
.plan-box .inner-plan-box h1 {font-size:30px;}
.plan-box .inner-plan-box:hover, .plan-box .inner-plan-box.active {border-color:#EA6B3F; box-shadow: 0 10px 20px rgb(0 0 0 / 8%);}
.plan-box span.badge {background-color:#00b04e; color:#fff; padding:7px; position:absolute; top:-14px; left:40%; right:auto;}
.payment-option-innerbox {background:#EDF2F6; border-radius:3px; padding:30px;}
.payment-option .btn {border:1px solid #dbe1e7;}
.payment-option .btn:hover, .payment-option .btn:focus, .payment-option .btn.active {border-color:#EA6B3F; box-shadow:none; background-color:#fff;}
.payment-option button img {width:120px;}
.plan-detail-page .payment-option-innerbox {background:none;}
.plan-detail-page .payment-option a.close-btn, .plan-detail-page .payment-option a.close-btn:hover, .plan-detail-page .payment-option a.close-btn:focus {border:none;} 
.plan-detail-page .plan-box .inner-plan-box {padding:20px;}
/*Pay Now Page CSS End*/

/*Footer Section CSS Start*/
footer {padding:50px 0px 350px 0px; background-color:#E3F7FC; position:relative;}
footer .row {position:relative; z-index:9;}
.footer-bg {position: absolute; left: 0; bottom: 0; right: 0;}
.footer-links ul li {padding:5px 0px;}
.footer-links ul li a:hover {color:#EA6B3F;}
.footer-links .form-group {position:inherit;}
.footer-links .form-group .input-box {position:relative;}
.footer-links .form-group .input-box input {padding-right:50px;}
.footer-links .form-group .btn {position:absolute; top:0; right:0; height:100%; box-shadow:none !important;}
.copyright {position:absolute; bottom:25px; left:0; right:0; text-align:center;}
.copyright p {margin-bottom:0px; text-align:center;}
.footer-box p {text-align:justify;}
/*Footer Section CSS End*/

/*.btn-group-sm>.btn, .btn-sm{padding: .375rem .75rem !important;}*/

.filter-link{
  background: transparent !important;
}
.filter-link{
  color: #2B3C6B !important;
}




/*Home Page CSS Start*/
/*Banner Section CSS Start*/
/*.homebanner .carousel-item {height:700px;}*/
.homebanner {position:relative;}
.homebanner .carousel-item img {width:100%; height:100%; object-fit:cover;}
.homebanner .text-box {position: absolute; top:50%; left:21%; transform: translateY(-50%); width:30%; margin:0 auto; z-index:2; display:none;}
.homebanner .text-box small {color:#2B3C6B;font-size:20px;}
.homebanner .text-box h2 {font-size:50px; font-weight:700;}
.homebanner .text-box h2 span {color:#EA6B3F;}
.homebanner .carousel-indicators {display:none;}
.carousel-control-next, .carousel-control-prev {z-index:111;}
/*Banner Section CSS End*/

/*About Section CSS Start*/
.abt-sec .left .imgbox {height:620px; position:relative; z-index:1;}
.abt-sec .left .imgbox img {width:100%; height:100%; object-fit:contain;}
.abt-sec .left .imgbox:before {position: absolute; content: ''; background:#9be9ff; width: 215px; height: 215px; border-radius: 50%; top:60px; left:50px; z-index:-1; animation: scaleIn 4s infinite cubic-bezier(.36, .11, .89, .32);}
@keyframes scaleIn {
  from {
    transform: scale(.5, .5);
    opacity: .5;
  }
  to {
    transform: scale(2.5, 2.5);
    opacity: 0;
  }
}
.abt-sec .right p {text-align:justify;}
/*About Section CSS End*/

/*Interest Club Section CSS Start*/
.interest-club-sec {background:#9AB1F3 url(../images/main_bg.png) left top no-repeat; background-size:cover; padding:100px 0px 100px 0px;}
.interest-club-sec .section-ttl h3 {color:#fff;}
.interest-club-sec .section-ttl h1 {color:#fff !important ;}
.intrest-club-box .card {border-radius:5px; border:none; background:none; box-shadow:none;}
.intrest-club-box .card .imgbox {height:100%; text-align:center;}
.intrest-club-box .card .imgbox img {width:auto; height:100%; object-fit:contain; border-radius:5px;}
.intrest-club-box .card .card-body {/*position:absolute; bottom:-50px;*/ background:#fff  ; /*margin:0px 25px;*/ border-radius:5px; width:90%; margin:10px auto auto auto; border:1px dashed #EA6B3F;}
.intrest-club-box .card .card-body h3 {font-size:20px; color:#EA6B3F;}
.intrest-club-box .card .card-body p {margin-bottom:0px;}
.early-year-sec .section-ttl h1 {font-size:28px;}
.life-sec .section-ttl h1 {color:#EA6B3F;}
/*Interest Club Section CSS End*/

/*Specialised Interest Club Section CSS Start*/
.special-int-club-box {margin-bottom:30px;}
.special-int-club-box .card {border-radius:10px;}
.special-int-club-box .card .imgbox {height:350px;}
.special-int-club-box .card .imgbox img {border-radius:10px 10px 0px 0px; width:100% ; height:100%; object-fit:cover;}
.special-int-club-box .card .card-body {background:#FDEEE9; color:#2B3C6B;}
.skills-club-box .imgbox {margin-bottom:10px;height:340px;}
.skills-club-box .imgbox img { height:100%; border-radius:50%; object-fit:cover; border: 1px dashed #2B3C6B;}
/*Specialised Interest Club Section CSS End*/

/*Future Skill CLub Section CSS Start*/
.bubble-effect .left .imgbox:before {background:#EA6B3F;}
/*Future Skill CLub Section CSS End*/

/*Explore Lynkube Section CSS Start*/
.explore-lynkube-sec {background:#F6EFEF; padding:100px 0px;}
.explore-box {position:relative; border:5px solid #fff; border-radius:20px;}
.explore-box:before {content: ""; background: -moz-linear-gradient(bottom, #000000 0%, rgba(0, 0, 0, 0) 50%); background: linear-gradient(bottom, #000000 0%, rgba(0, 0, 0, 0) 50%); background: -webkit-linear-gradient(bottom, #000000 0%, rgba(0, 0, 0, 0) 50%); width: 100%; height: 100%; position: absolute; top: 0; z-index: 0;
    border-radius: 5px; transition: all 500ms ease; z-index: 1; border-radius:10px;}
.explore-box img {width:100%; height:350px; object-fit:cover; border-radius:15px;}
.explore-box .content {position:absolute; bottom:0; left:0; right:0; z-index:11; padding:30px;}
.explore-box .content h3 {color:#fff; line-height:30px;}
/*Explore Lynkube Section CSS End*/

/*Feature Section CSS Start*/
.feature-box .circle {position:relative;}
.feature-box .icon {position:absolute; top:0; bottom:0; left:0; right:0; display:flex; align-items:center; justify-content:center; margin:0 auto;}
.feature-box p {text-align:justify;}
/*Feature Section CSS End*/

/*Parent Think Section CSS Start*/
.parent-think-sec {background:url(../images/weHear-bg.png) left top no-repeat; background-size:cover; padding:50px 0px;}
/*.paper_block {padding: 20px; border-radius: 20px; background: url(../images/testibg.png) repeat top center; border: 2px dashed #cecece;}*/
#parenthink .item .card {box-shadow:none; min-height:300px; height:100%;}
#parenthink .item .card .card-body {padding:30px;}
#parenthink .item .card .person {display:none;}
#parenthink .item .card .person img {width:100px; height:100px; border-radius:50%; object-fit:cover; margin:0 auto;}
#parenthink .item .card p img {width:16px;}
#parenthink .owl-carousel {margin-top:200px;}
.parent-think-sec .section-ttl {margin-bottom:100px;}
/*Home Page CSS End*/

/*About Us Page CSS Start*/
.abt-lynkube-ttl h2 {font-size:30px; line-height:44px; letter-spacing:1px;}
.abt-lynkube .left .imgbox {height:660px;}
.abt-lynkube .left .imgbox img {width:100%; height:100%; object-fit:contain;}
.why-lynkube-sec .left .imgbox {height:500px; position:relative; z-index:1;}
.why-lynkube-sec .left .imgbox img {width:100%; height:100%; object-fit:contain;}
.why-lynkube-sec .right ul li {display:flex; align-items:baseline; margin-bottom:10px;}
.why-lynkube-sec .right ul li img {margin-right:10px; position:relative; top:3px;}
.lynkube-promise .innerbox ul li {display:flex; margin-bottom:10px; align-items:baseline; color:#fff;}
.lynkube-promise .innerbox ul li i {margin-right:10px; position:relative; top:3px;}
.lynkube-promise .innerbox { background: url(../images/upload-bg.jpg) left top no-repeat;
background-attachment: fixed; background-size: cover; border-radius: 10px; padding:50px; color:#fff;}
.lynkube-promise .innerbox h2 {color:#fff;}
.why-lynkube-sec .left .imgbox:before {position: absolute; content: ''; background:#9be9ff; width: 215px; height: 215px; border-radius: 50%; top:60px; right:50px; z-index:-1; animation: scaleIn 4s infinite cubic-bezier(.36, .11, .89, .32);}
.about-page .commanbanner .imgbox {height:auto;}
.about-page .commanbanner {color:#fff; border-bottom:3px solid #ea6b3f; box-shadow: 10px 10px 10px 10px #efefef;}
@keyframes scaleIn {
  from {
    transform: scale(.5, .5);
    opacity: .5;
  }
  to {
    transform: scale(2.5, 2.5);
    opacity: 0;
  }
}
/*About Us Page CSS End*/

/*Subscrition Plan Page CSS Start*/
.plan-box .ttlbg {background:#EA6B3F; color:#fff; padding:15px; border-radius:10px 10px 0px 0px;}
.plan-box .ttlbg h3 {color:#fff;}
.plan-box .ttlbg span {display:block;}
.plan-box .card {height:100%;}
.plan-box .card .card-body ul li {display:flex; align-items:baseline; border-bottom:1px dashed #2B3C6B; padding-bottom:10px; margin-bottom:10px;}
.plan-box .card .card-body ul li:last-child {border-bottom:none;}
.plan-box .card .card-body ul li i {margin-right:10px;}
.plan-box:nth-child(2) .ttlbg {background:#2B3C6B;}
.plan-box:last-child .ttlbg {background:#1CA4B9;}
.sub-amt {display:flex; align-items:center; justify-content:space-between;}
/*Tab To Accordian CSS Start*/
.subscription-page .nav-tabs {
    display:none;
    border:none;
    justify-content:center;
    margin-bottom:40px;
}

@media(min-width:768px) {
    .subscription-page .nav-tabs {
        display: flex;
    }
    
    .subscription-page .card {
        border: none;
    }

    .subscription-page .card .tab-card-header {
        display:none;
    }  

    .subscription-page .card .collapse{
        display:block;
    }
}

@media(max-width:767px){
    .subscription-page .tab-content > .tab-pane {
        display: block !important;
        opacity: 1;
    }
}
.nav-tabs .nav-link {border:none; font-size:16px; border-radius:3px;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {background:#EA6B3F; color:#fff;}
.pricing-plan .card-header h5 {font-size:14px;}
.nav-tabs .nav-item {margin:0px;}
/*Tab to Accordian CSS End*/
.pricing-plan li {
  border-bottom: 1px dotted #ededed;
  font-size: 16px;
}

.pricing-plan li:last-child {border-bottom:none;}

.pricing-plan {
  margin-bottom:0px;
}

.pricing-plan .card-header {
  font-weight: 900;
  text-transform: uppercase;
  height:60px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.subscription-page .tab-pane .flex-column li {
  padding: 8px 0;
  color:#fff;
  height:90px;
  display:flex;
  align-items:center;
}

.set-price {
  background: #225b8b !important;
  color: #ffffff;
  min-width:60%;
}

.starter {
  background: #2da2bc !important;
  color: #ffffff;
}

.advanced {
  background: #f79125 !important;
  color: #ffffff;
}

.business {
  background: #C84B09 !important;
  color: #ffffff;
}
.starter li, .advanced li, .business li  {justify-content:center; font-weight:600;}
.subscription-page .tab-pane .card-body {padding:0px 30px;}
.subscription-page .tab-pane .card-body .common-btn {background:#fff; color:#EA6B3F; font-weight:500; margin: 0 auto; padding: 6px 15px;}
.my-flex {justify-content:space-between !important;}
.my-flex .common-btn {margin:0px !important; background: #C84B09 !important; color:#fff !important;}
.inline-height {height:140px !important;}
/*Subscrition Plan Page CSS End*/

/*Terms & Condition Page CSS Start*/
.terms-sec .ttl h1 {font-size:28px;}
/*Terms & Condittion Page CSS End*/

/*Cntact Us Page CSS Start*/
.contact .card {height:100%;}
.contact .right .card .card-body ul li {margin-bottom:12px;}
.contact .right .card .card-body ul li:last-child {margin-bottom:0px;}
.contact .right .card .card-body ul li h4 {color:#EA6B3F;}
/*Cntact Us Page CSS End*/

/*FAQ Page CSS Start*/
.faq-title h2 {
  position: relative;
  margin-bottom: 45px;
  display: inline-block;
  font-weight: 600;
  line-height: 1;
}
.faq-title h2::before {
    content: "";
    position: absolute;
    left: 50%;
    width: 60px;
    height: 2px;
    background: #E91E63;
    bottom: -25px;
    margin-left: -30px;
}
.faq-title p {
  padding: 0 190px;
  margin-bottom: 10px;
}
.faq .card {
  border: none;
  background: none;
  border-bottom: 1px dashed #CEE1F8;
  box-shadow:none;
}

.faq .card .card-header {
  padding: 0px;
  border: none;
  background: none;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.faq .card .card-header:hover {
    background: rgba(233, 30, 99, 0.1);
    padding-left: 10px;
}
.faq .card .card-header .faq-title {
  width: 100%;
  text-align: left;
  padding: 0px;
  padding-left: 30px;
  padding-right: 30px;
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 1px;
  color: #3B566E;
  text-decoration: none !important;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  cursor: pointer;
  padding-top: 20px;
  padding-bottom: 20px;
}

.faq .card .card-header .faq-title .badge {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 14px;
  float: left;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  text-align: center;
  background: #EA6B3F;
  color: #fff;
  font-size: 12px;
  margin-right: 20px;
}

.faq .card .card-body {
  padding: 30px;
  padding-left: 35px;
  padding-bottom: 16px;
  font-weight: 400;
  font-size: 16px;
  color: #6F8BA4;
  line-height: 28px;
  letter-spacing: 1px;
  border-top: 1px solid #F3F8FF;
}

.faq .card .card-body p {
  margin-bottom: 14px;
}

@media (max-width: 991px) {
  .faq {
    margin-bottom: 30px;
  }
  .faq .card .card-header .faq-title {
    line-height: 26px;
    margin-top: 10px;
  }
}
/*FAQ Page CSS End*/


/*Refer & Earn Page CSS Start*/
.referbanner {position:relative; opacity:0.9; padding:50px 0px 0px 0px; background:#EDF2F6;}
.referbanner .left h1 {font-size:50px;}
.referbanner .left h4 {font-size:30px;} 
/*How it Works Section CSS Start*/
.howwork .left .box {display:flex; align-items:center;} 
.howwork .left .box p {font-size:20px; line-height:30px; text-align:right;}
.howwork .left .dashed {padding:10px 0px; text-align:center;}
.howwork .left .box .icon {width: 50px; height: 50px; line-height: 50px; background:#EA6B3F; flex-shrink: 0; text-align: center; color: #fff; font-size: 24px; border-radius: 50%;}
.howwork .right img {width:100%;}
/*How it Works Section CSS End*/
.offer ul li {padding:5px 0px; display:flex; align-items:baseline;}
.offer ul li i {margin-right:10px; font-size:22px; position:relative; top:5px; color:#EA6B3F;}
/*Refer & Earn Page CSS End*/

/*Foundation Page CSS Start*/
.foudation-count {margin-top:-20px;}
.count-box .card {height:100%;}
.count-box.bg1 .card {background:#358fc5;}
.count-box.bg2 .card {background:#f9d319;}
.count-box.bg3 .card {background:#e1302d;}
.count-box.bg4 .card {background:#35c53c;}
.count-box .card .card-body {padding:20px; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.count-box .card .card-body h3, .count-box .card .card-body h2 {color:#fff;} 
.foundation-page .why-lynkube-sec .left .imgbox:before {right:120px;}
.foundation-page p {text-align:justify;}
.video-left .imgbox {height:300px; position:relative;}
.video-left .imgbox:before {content:""; position:absolute; top:0; left:0; right:0; height:100%; background: rgba(0, 0, 0,0.5); border-radius:10px; border:10px solid #fff}
.video-left .imgbox img {width:100%; height:100%; object-fit:cover; border-radius:10px;}
.play-icon {position:absolute; top:0; left:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; cursor:pointer;}
.play-icon img {width:50px !important; height:50px !important;}
.video-right p {font-size:16px;}
#foundvideo .modal-content {background:none; border: none;}
#foundvideo .modal-header {border: none; padding-bottom:0px;}
#foundvideo .close {color:#fff; opacity:1 !important;}
.early-box {height:100%; min-height: 220px;}
.early-box .icons {width: 100px; height: 100px; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center;
    margin: 0 auto;}
.early-box .icons img {width:auto !important; margin:0 auto;}
.early-box h2 {color:#fff;}
.color1 {background:#EA6B3F; color:#fff;}
.color2 {background:#5889c8; color:#fff;}
.color3 {background:#a5bd3a; color:#fff;}
.color4 {background:#f7ae36; color:#fff;}
.color5 {background:#b3ca2c; color:#fff;}
.color6 {background:#14b9c5; color:#fff;}
.color7 {background:#D6E681; color:#fff;}
.color8 {background:#E27396; color:#fff;}
.color9 {background:#a89b4b; color:#fff;}
.foundation-page .home-new-sec .float-center .left-side .imgbox {z-index:0; height:300px;}
.foundation-page .section-ttl span {font-size:30px; margin-top:10px; display:block; color:#EA6B3F;}
.foundation-early-sec .section-ttl h1 {font-size:26px;}
.foundation-page .home-new-sec {color:#fff; overflow:hidden;}
.foundation-page .home-new-sec h2 {color:#fff;}

.foundation-page .commanbanner .imgbox {height:auto;}
.after-school-club-list li {border-right:1px solid #fff; padding-right:15px; color:#fff; margin-bottom:10px;}
.after-school-club-list li:last-child {border-right:none;}
/*Foundation Page CSS End*/

/*Interest Club Page CSS Start*/
.interest-page .after-school-club-list li {color:#2B3C6B; border-right:1px solid #2B3C6B;}
.interest-page .after-school-club-list li:last-child {border-right:none;}
.interest-page .home-new-sec .float-center .left-side .imgbox {z-index:0;}
.interest-page .commanbanner .imgbox {height:auto;}
.interest-page p {text-align:justify;}
/*Interest Club Page CSS End*/

/*Star Club Page CSS Start*/
.star-page .commanbanner .imgbox {height:auto;}
.star-life-box .left-side .imgbox {z-index:0;}
.star-life-box {border-radius:50px 0px; margin-bottom:30px; color:#fff; overflow:hidden;}
.star-life-box .right h2 {color:#fff;}
.star-life-box.one {background:#fa6c47; padding:50px;}
.star-life-box .common-btn {background:#fff; color:#EA6B3F; font-weight:500;}
.star-life-box p {text-align:justify;}
.star-life-box.two {background:#5889c8; padding:50px;}
.star-life-box.three {background:#a5bd3a; padding:50px;}
.star-life-box.four {background:#f7ae36; padding:50px;}
.star-life-box.five {background:#516583; padding:50px;}
.star-life-box.six {background:#E27396; padding:50px;}
.star-life-box.seven {background:#004E89; padding:50px;}
.star-life-box.eight {background:#BA1B1D; padding:50px;}
.star-life-box.nine {background:#5B2333; padding:50px;}
/*Star Club Page CSS End*/

/*Message Section Start*/
.message-sec {background: #9AB1F3 url(../images/main_bg.png) left top no-repeat; padding:100px 0px; color:#fff;}
.message-sec a {font-size:16px;}
/*Message Section End*/

/*Demo Page CSS Start*/
.demo-page .h100 {height:100vh;}
.demo-page .left {background:url(../images/demobg.jpg) left top no-repeat; background-size:cover; position:relative;}
/*.demo-page .left:after {content:""; position:absolute; top:0; left:0; right:0; width:100%; height:100%; background:rgb(43, 60, 107, 0.9);}*/
.demo-page .left .innerbox {background:none; position:relative; z-index:1;}
.demo-page .left .d-flex {flex-direction:column; align-items:center; justify-content:center; height:100%;}
.demo-logo {position:absolute; top:50px; left:0;}

/*Festival Page CSS Start*/
.festival-page .commanbanner .imgbox {height:auto;}
/*Festival Page CSS End*/

/*International Learning Exchange Program Page CSS Start*/
.exchange-intro-bg {background:#fffae4; padding:80px 0px;}
.exchange-abt {background:#fdecec; padding:80px 0px;}
.exchange-intro-bg .right p {line-height:28px;}
/*International Learning Exchange Program Page CSS End*/

/*Showcase Page CSS Start*/
.kubit-page .banner-filter .innerbox {color:#fff;}
.kubit-page .banner-filter .innerbox .box .inner {background:#fff; color:#000; border-radius:3px; padding: 0.375rem 0.75rem;}
.showcase-post-box .info .media img {width:50px; height:50px; border-radius:50%; object-fit:cover;}
.showcase-post-box .info p {overflow: hidden; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;text-align: left;}
.showcase-post-box .imgbox {height:400px !important; position:relative;}
.showcase-post-box .imgbox img {object-fit:cover !important;}
.kubeit-img-count {position:absolute; bottom:20px; right:20px; color:#fff; cursor:pointer; background: rgba(234, 107, 63, 1); padding:5px 15px; border-radius:5px;}
.kubeit-img-count i {margin-right:1px;}
.showcase-post-box .card .footer-comment ul {position:relative;}
.showcase-post-box .card .footer-comment ul li {margin-right:0px;}
.news ul li {cursor:pointer;}
.news ul li:hover {text-decoration:underline;}
.news ul li p {overflow: hidden; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; margin-bottom:0px;}
.showcase-events .media {line-height:18px; padding-bottom:20px; cursor:pointer;}
.showcase-events .media img {width:60px; height:60px; object-fit:cover;}
.showcase-events .media {border-bottom: 1px solid #DEE2E6;}
.showcase-events .media:last-child {border-bottom:none; padding-bottom:0px;}
.showcase-events .media small {overflow: hidden; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; margin-bottom:0px; word-break:break-all;}
#NewsModal .modal-content {border-radius:15px;}
#NewsModal .modal-body .imgbox {height:350px;}
#NewsModal .modal-body .imgbox img {width:100%; height:100%; object-fit:cover; border-radius:10px;}
#EventsModal .modal-body .imgbox {height:350px;}
#EventsModal .modal-body .imgbox img {width:100%; height:100%; object-fit:cover; border-radius:10px;}
.showcase-post-box .favorite a {font-size:20px; color:#EA6B3F;}
#showcaseRegistration .modal-body {height:450px;overflow:scroll;}
.kubeit-report .modal-dialog {max-width: 400px;}
.kubeit-report .modal-content {border-radius:10px;}
.kubeit-report ul li {padding:5px 0px;}
.kubeit-report ul li label {font-weight:normal;}
#k-post-modal .custom-control-label {font-weight:500;}
/*Emoji Reaction CSS Start*/
.field-reactions:checked:focus ~ .text-desc, .field-reactions, [class*=reaction-], .text-desc {
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

.field-reactions:checked ~ [class*=reaction-], .like-box:hover [class*=reaction-], .field-reactions:focus ~ .text-desc {
  clip: auto;
  overflow: visible;
  opacity: 1;
}

.main-title {
  background: #3a5795;
  padding: 10px;
  color: #fff;
  text-align: center;
  font-size: 16px;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}

.text-desc {
  font-weight: normal;
  text-align: center;
  transform: translateY(-50px);
  white-space: nowrap;
  font-size: 13px;
  width: 100%;
}

[class*=reaction-] {
  border: none;
  background-image: url(../images/react.png);
  background-color: transparent;
  display: block;
  cursor: pointer;
  height: 48px;
  position: absolute;
  width: 48px;
  z-index: 11;
  top: -35px;
  transform-origin: 50% 100%;
  transform: scale(0.1);
  transition: all 0.3s;
  outline: none;
  will-change: transform;
  opacity: 0;
}

.like-box {
  position: absolute;
  left: calc(0px - 0px);
  top: calc(0px - 0px);
  width: 300px;
  display: flex;
  align-items: center;
  height: 100%;
  z-index: 9;
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
  visibility: hidden;
}

.field-reactions:focus ~ .label-reactions {
  border-color: rgba(88, 144, 255, 0.3);
}
.field-reactions:checked:focus ~ .label-reactions {
  border-color: transparent;
}
.label-reactions {
  background: url(https://cdn4.iconfinder.com/data/icons/facebook-likes/100/1.png) no-repeat 0 0;
  border: 2px dotted transparent;
  display: block;
  height: 100px;
  margin: 0 auto;
  width: 100px;
  color: transparent;
  cursor: pointer;
}

.toolbox {
  background: #fff;
  height: 52px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08), 0 2px 2px rgba(0, 0, 0, 0.15);
  width: 392px;
  border-radius: 40px;
  top: -64px;
  left: 0;
  position: absolute;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.15s;
}

.legend-reaction {
  background: rgba(0, 0, 0, 0.75);
  border-radius: 10px;
  box-sizing: border-box;
  color: #fff;
  display: inline-block;
  font-size: 11px;
  text-overflow: ellipsis;
  font-weight: bold;
  line-height: 20px;
  max-width:auto;
  opacity: 0;
  overflow: hidden;
  padding: 0 6px;
  transition: opacity 50ms ease;
  left: 50%;
  position: absolute;
  text-align: center;
  top: -28px;
  transform: translateX(-50%);
}

.like-box:hover [class*=reaction-] {
  transform: scale(0.8) translateY(-40px);
}
.like-box:hover [class*=reaction-]:hover, .like-box:hover [class*=reaction-]:focus {
  transition: all 0.2s ease-in;
  transform: scale(1) translateY(-35px);
}
.like-box:hover [class*=reaction-]:hover .legend-reaction, .like-box:hover [class*=reaction-]:focus .legend-reaction {
  opacity: 1;
}
.like-box:hover .toolbox {
  opacity: 1;
}
.like-box:hover .toolbox {
  visibility: visible;
}
.like-box:hover .reaction-love {
  transition-delay: 0.06s;
}
.like-box:hover .reaction-haha {
  transition-delay: 0.09s;
}
.like-box:hover .reaction-wow {
  transition-delay: 0.12s;
}
.like-box:hover .reaction-sad {
  transition-delay: 0.15s;
}
.like-box:hover .reaction-angry {
  transition-delay: 0.18s;
}

.field-reactions:checked ~ [class*=reaction-] {
  transform: scale(0.8) translateY(-40px);
}
.field-reactions:checked ~ [class*=reaction-]:hover, .field-reactions:checked ~ [class*=reaction-]:focus {
  transition: all 0.2s ease-in;
  transform: scale(1) translateY(-35px);
}
.field-reactions:checked ~ [class*=reaction-]:hover .legend-reaction, .field-reactions:checked ~ [class*=reaction-]:focus .legend-reaction {
  opacity: 1;
}
.field-reactions:checked ~ .toolbox {
  opacity: 1;
}
.field-reactions:checked ~ .toolbox,
.field-reactions:checked ~ .overlay {
  visibility: visible;
}
.field-reactions:checked ~ .reaction-love {
  transition-delay: 0.03s;
}
.field-reactions:checked ~ .reaction-haha {
  transition-delay: 0.09s;
}
.field-reactions:checked ~ .reaction-wow {
  transition-delay: 0.12s;
}
.field-reactions:checked ~ .reaction-sad {
  transition-delay: 0.15s;
}
.field-reactions:checked ~ .reaction-angry {
  transition-delay: 0.18s;
}

.reaction-like {
  left: 0;
  background-position: 0 -144px;
}

.reaction-love {
  background-position: -48px 0;
  left: 50px;
}

.reaction-haha {
  background-position: -96px 0;
  left: 100px;
}

.reaction-wow {
  background-position: -144px 0;
  left: 150px;
}

.reaction-sad {
  background-position: -192px 0;
  left: 200px;
}

.reaction-angry {
  background-position: -240px 0;
  left: 250px;
}

.reaction-insightful {
  background-position: -278px 0;
  left: 300px;
}

.reaction-curiuos {
  background-position: -320px 0;
  left: 350px;
}

#likeListModal .modal-content {border-radius:10px;}
#likeListModal .modal-header .close {background: #e4e6eb; width: 30px; height: 30px; line-height: 30px; text-align: center;
    border-radius: 50%; padding: 0; position: relative; top: 20px; right: 20px; opacity:1;}
#likeListModal .modal-dialog {max-width:650px;}
#likeListModal .modal-header {padding-bottom:0px;}
#likeListModal .modal-header .nav-tabs {border:none; overflow:auto; flex-wrap:nowrap;}
#likeListModal .modal-header .nav-tabs .nav-link {color:#000; display:flex; align-items:center; padding:10px 10px 15px 10px; border-radius:0px; border-bottom:2px solid #fff;}
#likeListModal .modal-header .nav-tabs .nav-link img {margin-right:5px; width:20px;}
#likeListModal .modal-header .nav-tabs .nav-link.active {background:none; border-bottom:2px solid #EA6B3F !important;}
#likeListModal .modal-body .rect-body {padding:0px;}
#likeListModal .modal-body ul li .media .react-list-photo {position:relative;}
#likeListModal .modal-body ul li .media .round-pic img {width:50px; height:50px; border-radius:50%; object-fit:cover;}
#likeListModal .modal-body ul li .media .thumb-i {position:absolute; bottom:-3px; right:5px; background:#fff; border: 1px solid #ddd; width:20px; height:20px; line-height:16px; border-radius:50%; text-align:center;}
#likeListModal .modal-body ul li {margin-bottom:15px;}
#likeListModal .modal-body ul li:last-child {margin-bottom:0px;}
#likeListModal .modal-body ul li .media .thumb-i img {width:10px;}


#k-post-modal .modal-body .profile-name .media img {width:40px; height:40px; border-radius:50%; object-fit:cover;}
#k-post-modal .emoji-picker-container {border:none;}
#k-post-modal .emoji-menu {top:auto; bottom:10px;}
.upload__inputfile {
  width: 0.1px;
  height: auto !important;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.upload__btn {
  display:block;
  font-weight: 600;
  color: #2B3C6B;
  text-align: center;
  padding:50px;
  transition: all 0.3s ease;
  cursor: pointer;
  font-size: 14px;
  position:relative;
  border:1px dashed #e4e4e4;
  background: #f6f6f6;
  border-radius:5px;
}
.upload__btn span {font-size:18px; background:#e3e3e3; width:50px; height:50px; line-height:50px; border-radius:50%; margin-bottom:10px; display:inline-block;}
.upload__box .fa-times-circle {position:absolute; top:10px; right:25px; font-size:24px; z-index:99; cursor:pointer;}
.upload__img-wrap {
  display: flex;
  flex-wrap:wrap;
  padding: 0px 10px;
}
.upload-img-scroll {height:300px; overflow-y:scroll;}
.upload__img-box {
  width:50%;
  margin-bottom: 12px;
  padding:0px 10px;
}
.upload__img-close {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 10px;
  right: 10px;
  text-align: center;
  line-height: 24px;
  z-index: 1;
  cursor: pointer;
}
.upload__img-close:after {
  content: "✖";
  font-size: 14px;
  color: white;
}

.img-bg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  padding-bottom: 100%;
}
.upload-links-footer ul li {font-size:20px; margin-right:15px !important; cursor:pointer;}
.upload-links-footer ul li:last-child {margin-right:0px;}
.tag-search .input-group-text {background:#f0f2f5; border-radius: 35px 0px 0px 35px !important; border:none;}
.tag-search .input-group input {border:none; border-radius: 0px 35px 35px 0px !important; background:#f0f2f5;}
.tag-list ul li {margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #e4e4e4;}
.tag-list ul li:last-child {margin-bottom:0px;}
.back-tag {width:35px; height:35px; line-height:35px;background:#e4e4e4; border-radius:50%; display:inline-block; text-align:center; cursor:pointer;}
.showcase-img-modal .main-image .card img {height:100%; object-fit:cover;}
/*Showcase Page CSS End*/

/*News Page CSS Start*/
.news-box .imgbox {height:200px;}
/*News Page CSS End*/


/*Mentor Profile Page CSS Start*/
.mentor-photo-sec {margin-top:-130px; position:relative; z-index:2;}
.mentor-profile-page .commanbanner .imgbox {position:relative;}
.mentor-profile-page .card-ttl {padding: 15px 20px;}
.video-holder {position:absolute; bottom:10px; right:10px; width:400px; height:350px;}
.video-holder .card {background:none; position:relative;}
.video-holder .card:before { content:""; position:absolute; top:0; left:0; right:0; width:100%; height:100%; background: rgba(0, 0, 0, 0.2); border-radius:10px;}
.video-holder .card > img {object-fit:cover; border-radius:10px;}
.video-holder .card .play {position:absolute; top:0; left:0; right:0; height:100%;}
.video-holder .card .play a {border-radius:10px; color:#fff; font-size:50px;}
/*.mentor-photo-box {margin-top:-130px;}*/
.mentor-photo-box img.rounded-circle {border:5px solid #fff; box-shadow: -2px 10px 10px -3px #ddd; background:#fff;}
.mentor-photo-box .card {box-shadow:none; background:none;}
.mentor-count .card {background:#fbece6;}
.mentor-count ul li {text-align:center;}
.mentor-profile-page .left .card {margin-bottom:30px;}
.mentor-workshop-box {margin-bottom:30px;}
.mentor-workshop-box .imgbox {height:200px;}
.mentor-workshop-box .imgbox img {width:100%; height:100%; object-fit:cover; border-radius:10px 10px 10px 10px;}
/*Mentor Profile Page CSS End*/

/*School Profile Page CSS Start*/
.school-profile-page .mentor-photo-box .img-box {width:150px; height:150px; border-radius:50%; background:#fff; margin:0 auto; box-shadow: -2px 10px 10px -3px #ddd; position:relative;}
.school-profile-page .mentor-photo-box .img-box img {object-fit:contain; width:100%; height:100%; border-radius:50%;}
.school-profile-page .mentor-photo-box .img-box a {position:absolute; bottom:9px; right:0; background:#e6e6e6; border: 1px solid transparent; box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 12%); width:35px; height:35px; line-height:35px; border-radius:50%; text-align:center;}
.mentor-count-left {margin-top:-37px;}
.mentor-count-right {margin-top:-37px;}
.school-count-box {color: #fff; cursor:pointer;}
.school-count-box h2 {color:#fff;}
.school-count-box .card {height:100%;}
.school-count-box .card .card-body {padding:15px;}
.school-count-box.bg1 .card {background:#358fc5;}
.school-count-box.bg2 .card {background:#f9d319;}
.school-count-box.bg3 .card {background:#e1302d;}
.school-count-box.bg4 .card {background:#35c53c;}
.awards-box ul li {padding-bottm:10px; border-bottom: 1px solid #DEE2E6; padding:10px 0px;}
.awards-box ul li:last-child {padding-bottom:0px; border-bottom:none;}
.awards-box ul li p {margin-bottom:0px;}
.followers-box {margin-bottom:30px;}
.followers-box .img-box {height:100px; border-radius:10px;}
.followers-box .img-box img {width:100%; height:100%; object-fit:cover; border-radius:10px 10px 0px 0px;}
.school-profile-page .right p {line-height:18px;font-size: 14px;}
.school-profile-page .left h4 {font-weight:500; line-height:1;}
.school-profile-page .right h4 {font-weight: 500;}
.common-border-school {border-bottom: 1px solid #DEE2E6; padding-bottom: 20px;}
.common-border-school:last-child {border-bottom:none;}
.school-profile-page .commanbanner:before {content:""; position:absolute; top:0; left:0; right:0; width:100%; height:100%; background: rgba(0, 0, 0, 0.5); z-index:1;}
.school-profile-page .commanbanner .imgbox a {position:absolute; bottom:9px; right:10px; background:#EA6B3F; border: 1px solid transparent; box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 12%); width:35px; height:35px; line-height:35px; border-radius:50%; text-align:center; z-index:99; color:#fff;}
/*School Profile Page CSS End*/

/*Edit Group Modal Css Start*/
.edit-group-img img{ width: 50px; height: 50px; object-fit:cover; border-radius: 50%;}
/*Edit Group Modal Css End*/

/*Kubit Page CSS Start*/
.sticky {position: -webkit-sticky; position: sticky; top:100px; height:100vh;}
.kubit-left h2 a.orange-ttl {font-size:13px;}
.kubit-left .card-ttl {padding:15px;}
.kubit-right .card-ttl {padding:15px;}
.showcase-post-box .dropdown span {padding:10px;}
.showcase-post-box .dropdown-toggle::after {content:inherit;}
.showcase-post-box .dropdown-menu {left:auto !important; right:0;}
.showcase-post-box .content ul li {display:flex; align-items:center;}
.showcase-post-box .content ul li img:first-child {width:12px;}
.showcase-post-box .content ul li img {width:15px; height:auto; margin-right:5px;}
/*Kubit Page CSS End*/

/*Chat Group Page CSS Start*/
.chat-group-page .chat.right .input-group-append {position:inherit;}
.chat-group-page .chat.right .msg-footer {border-top: 1px solid #ced4da!important;}
.chat-group-page .emoji-menu {right:65px;}
/*Chat Group Page CSS End*/

/*After School Clubs Page CSS Start*/
.after-school-club-box {margin-bottom:30px;}
.after-school-club-box .card {height:100%;}
.after-school-club-box .card h4 {color:#EA6B3F;}
.after-school-club-box .imgbox {height:250px; overflow:hidden; border-radius:10px; position:relative;}
.after-school-club-box .imgbox h4 {position:absolute; left:0; right:0; bottom:0; padding:15px; background: rgba(0, 0, 0, 0.5); color:#fff;}
.after-school-club-box .card:hover .imgbox img {transform: scale(1.07);}
.after-school-club-box .imgbox img {width:100%; height:100%; object-fit:cover; border-radius:10px; transition: transform ease 0.3s;}
/*After School Clubs Page CSS End*/

/*After School Clubs Detail Page CSS Start*/
.activities ul li {padding:5px 0px; display:flex; align-items:baseline;}
.activities ul li i {margin-right:10px;}
.key-highlight ul li {border-bottom:1px solid #e6e6e6; padding:5px 0px; cursor:pointer;}
.after-school-club-subscription .select-sub .custom-control {margin-bottom:10px; border-bottom:1px solid #e6e6e6; padding-bottom:10px;}
.after-school-club-detail .left h2 {font-weight:600;}
.after-school-club-detail .right h3 {font-weight:600;}
/*After School Clubs Detail Page CSS End*/



/*Early Learning Programs Page CSS Start*/
.early-detail .programs-detail .box .icon i {font-size:50px;}
.benefits ul li {display:flex; align-items:baseline; flex-wrap:wrap; padding:6px 0px;}
.benefits ul li i {margin-right:10px; color:#EA6B3F;}
.benefits ul li span {font-weight:500;}
.requirements .box .icon i {font-size:30px;}
.requirements .box .card {height:100%;}
.mentors-profile .home-new-sec .float-center .left-side .imgbox {height:250px;}
.early-detail .right .share-btn {border-color:#2B3C6B;}
.share-btn.hvr-sweep-to-right::before {background:#2B3C6B;}
.payment-right .card-body .d-flex {border-bottom:1px solid #ddd;}
.payment-right .right h1 {color:#EA6B3F; font-size:50px; font-weight:700; line-height:40px;}
.payment-right .pay-price h3 {}
/*Early Learning Programs Page CSS End*/
 
/*Student Profile Page CSS Start*/
.stud-prof-timeline {border: 1px solid #ebe9e6; border-radius:10px; background: url(../images/student_profile_page.jpg) left top no-repeat; background-size:cover;}
.stud-prof-timeline .imgbox img {border-radius:10px 10px 0px 0px;}
.stud-prof-content img {width:150px; height:150px; object-fit:cover; box-shadow: 0 2px 20px 0 rgb(0 0 0 / 30%);
    border: 5px solid #FFF;border-radius: 15px;}
.stud-profile-page .count-box .card {height:100%; min-height:150px;}
.menus .nav-tabs .nav-item {padding:0px 15px 0px 15px}
.menus .nav-tabs .nav-link {border-radius:0px; font-weight:500; text-align:center; padding:0px 0px 15px 0px; transition: inherit; color:#8c8d90;}
.menus .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {background:none; color:#EA6B3F; border-bottom:2px solid #EA6B3F;}
.menus {border-top:1px solid #dee7cf; padding-top:15px;}
.stud-frnd-box {margin-bottom:24px;}
.stud-frnd-box img {border-radius: 0.375rem; height:140px; object-fit:cover; width:100%;}
.stud-profile-page .celebration-list-box .card .card-body .content ul {padding: 10px 0px;}
/*Student Profile Page CSS End*/