/**/
html {
scroll-behavior: smooth;
}
.smooth-scroll {
cursor: pointer;
}
body {
font-size: 14px;
letter-spacing: 0.5px;
}
/* modal */
.modal-backdrop{
width: 100%;
height: 100%;
}
/* aos */
html, body {
overflow-x: hidden !important}
/* number without arrows */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;}
input[type=number] {
-moz-appearance:textfield;}
/* placeholder */
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #a9a8a8 !important;}
::-moz-placeholder { /* Firefox 19+ */
color: #a9a8a8 !important;}
:-ms-input-placeholder { /* IE 10+ */
color: #a9a8a8 !important;}
:-moz-placeholder { /* Firefox 18- */
color: #a9a8a8 !important;}
/* for container */
@media (min-width: 1200px) {
.container {
max-width: 1330px !important;}
}
/* btn */
.btn {
font-size: 14px;}
.btn:focus {
box-shadow: none;
outline: none;}
/* btn-group */
.btn-group img {
height: 12px;}
/* btn-m-blue */
.btn-m-blue,.btn-m-blue:hover {
color: #fff;
background-color: #0267FE !important;
border-color: #0267FE;}
/* close-btn */
.close-btn {
position: absolute;
width: 22px;
height: 22px;
opacity: 0.3;
cursor: pointer;}
.close-btn:hover {
opacity: 1;}
.close-btn:before,
.close-btn:after {
position: absolute;
left: 12px;
top: 5px;
content: ' ';
height: 100%;
width: 2px;
background-color: #333;}
.close-btn:before {
transform: rotate(45deg);}
.close-btn:after {
transform: rotate(-45deg);}
/* fixed-fa-icon */
.fixed-fa-icon {
position: absolute;
right: 50%;
bottom: 50%;
-webkit-transform: translate(50%,50%);
-ms-transform: translate(50%,50%);
transform: translate(50%,50%);
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
border-radius: 50%;
background-color: #ffffff7a;
color: #fff;
font-size: 22px;
padding: 1px 18px;}
/* rounded-btn */
.rounded-btn {
border-radius: 25px;
padding: 8px 25px;}
/* lg-btn */
.lg-btn {
font-size: 15px;
padding: 10px 55px;}
@media (max-width: 991px) {
.lg-btn {
font-size: 14px;
padding: 8px 50px;}
}
/* load-more__btn */
.load-more__btn-wrap {
text-align: center;
margin-top: 55px;}
.load-more__btn-wrap .load-more__btn {
text-decoration: none;
padding: 9px 35px;
font-size: 13px;
background-color: #c90000;
color: #fff;
display: inline-block;
border-radius: 25px;
font-weight: bold;
position: relative;
/* scale-hove */
overflow: hidden;
transition: transform .6s;}
.load-more__btn-wrap .load-more__btn:hover {
-ms-transform: scale(1.08);
-webkit-transform: scale(1.08);
transform: scale(1.08);}
/* load-more-btn-font-group */
.load-more-btn-font-group .load-more__btn-wrap .load-more__btn {
padding-right: 45px;}
.load-more-btn-font-group .load-more__btn-wrap .load-more__btn::after {
content: '\f107';
font-family: FontAwesome;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 25px;
display: block;}
/* load-more-btn-img-group */
.load-more-btn-img-group .load-more__btn-wrap .load-more__btn {
padding: 9px 60px 9px 30px;}
.load-more-btn-img-group .load-more__btn-wrap .load-more__btn::after {
content: '';
background-image: url(../images/icons/three-arrows.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 23px;
width: 20px;
height: 20px;
display: block;}
/* active */
a.active {
cursor: default;}
/* scale-hover */
.scale-hover {
/*overflow: hidden;*/
transition: transform .6s;}
.scale-hover:hover {
-ms-transform: scale(1.08);
-webkit-transform: scale(1.08);
transform: scale(1.08);}
/* scale-up-hover */
.scale-up-hover {
/*overflow: hidden;*/
transition: transform .6s;}
.scale-up-hover:hover {
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);}
/* truncate */
.truncate-1,
.truncate-2,
.truncate-3,
.truncate-4,
.truncate-5 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical}
.truncate-1 {
-webkit-line-clamp: 1;}
.truncate-2 {
-webkit-line-clamp: 2;}
.truncate-3 {
-webkit-line-clamp: 3;}
.truncate-4 {
-webkit-line-clamp: 4;}
.truncate-5 {
-webkit-line-clamp: 5;}
/* header */
.header {
position: absolute;
z-index: 100;
top: 0;
right: 0;
left: 0;
width: 100%;
height: auto;
background: #fff;
box-shadow: 6px 2px 7px #00000036;
padding-top: 10px;
padding-bottom: 10px;
margin-left: auto;
margin-right: auto;
/* max-width: 1200px; */
background: #fff;
box-shadow: 0px 0px 21px -5.25px rgba(0, 0, 0, 0.2);}
@media (min-width: 992px) {
.header {
margin-top: 20px;}
}
@media (min-width: 1199px) {
.header {
border-radius: 20px;}
}
/* a-logo */
.header .a-logo {
display: inline-block;}
.header .a-logo img {
max-width: 100%;
max-height: 40px;}
/* header-container */
.header .header-container{
padding-left: 20px;
padding-right: 20px;
}
/* menu-bar */
.header .menu-bar .menu {
padding-left: 0;
margin-bottom: 0;
list-style: none;}
.header .menu-bar .menu .link-item {
margin-left: 35px;
display: inline-block;}
.header .menu-bar .menu .link-item .link.active{
color: #000 !important;
font-family: HelveticaNowDisplay-Bold;}
.header .menu-bar .menu .link-item .link {
width: 100%;
display: inline-block;
text-decoration: none;
font-size: 14px;
color: #595959;}
.header .menu-bar .menu .link-item .link:hover {
color: #000;}
@media (max-width: 1199px) {
.header .menu-bar .menu .link-item {
margin-left: 15px;}
.header .menu-bar .menu .link-item .link {
font-size: 14px;}
}
@media (max-width: 1199px) {
.header .menu-bar {
position: fixed;
z-index: 101;
top: 0;
background-color: #fff;
width: 300px;
height: 100%;
overflow-y: auto;
overflow-x: hidden;
/**/
left: -300px;
-webkit-transition: left 0.4s ease-in-out;
-moz-transition: left 0.4s ease-in-out;
-ms-transition: left 0.4s ease-in-out;
-o-transition: left 0.4s ease-in-out;
transition: left 0.4s ease-in-out;}
.open-menu .header .menu-bar {
left: 0;}
.open-menu .header .menu-bar .menu {
padding-top: 60px;}
.header .menu-bar .menu .link-item {
margin-left: 0;
display: block;}
.header .menu-bar .menu .link-item .link {
margin: 15px 30px;}
}
.home_page .header{position: relative;}
/* course-drop */
.header .course-drop .dropdown-menu{
min-width: 230px;
padding: 0 !important;}
.header .course-drop .dropdown-submenu-res{
position: relative;
margin: 10px 20px 10px 20px !important;
background-color: rgba(33, 37, 41, 0.03);}
.header .course-drop li:hover .dropdown-submenu,
.header .course-drop li .dropdown-submenu:hover{
display: block;}
.header .course-drop .dropdown-menu li .dropdown-item{
padding: 15px 25px;
white-space: wrap !important;}
.header .course-drop .dropdown-menu li .sub-head,
.header .course-drop .dropdown-menu li .sub-head:hover{
color: #480F74;
font-family: 'helvetica_now_display_ExtraBold';}
/* */
.header .course-drop .dropdown-menu li .dropdown-item:hover{
background-color: #E9ECEF;
border-radius: 5px;
}
header .course-drop .dropdown-menu li .sub-head{
border-top: 1px solid #C4C1C1;}
.header .course-drop .dropdown-menu li .dropdown-item::after {
font-family: FontAwesome;
content: '\f105';
font-size: 14px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 20px;}
@media (min-width: 1200px) {
.header .course-drop .dropdown-submenu{
position: absolute;
left: 100%;
top: -20px;
width: 150px;
display: none;
max-height: 500px;
overflow-y: auto !important;}
}
@media (max-width: 1199px) {
.header .course-drop li.active .dropdown-submenu-res {
display: block !important;}
.header .course-drop li .dropdown-submenu {
display: none !important;}
.header .course-drop .dropdown-menu li.active .dropdown-item::after{
transform: rotate(180deg);
transition: all 0.3s;
top: 10px;}
.header .course-drop .dropdown-menu li .dropdown-item::after{
content: '\f107' !important; }
}
@media (max-width: 991px) {
.header .course-drop .dropdown-menu {
/* top: 100% !important; */
bottom: auto !important;
margin-top: 0 !important;}
}
/* search-form */
.header .search-form {
position: relative;
width: 100%;
max-width: 250px;}
.header .search-form .form-control {
background: transparent;
font-size: 13px;
padding: 8px 45px 8px 15px;
border-radius: 5px;
border: 1px solid #000000;
box-shadow: none;}
.header .search-form .btn {
position: absolute;
right: 0;
top: 0;
min-width: auto;}
.header .search-form .btn img {
height: 15px;}
.header .search-form .btn img:first-child{
display: inline-block;}
.header .search-form .btn img:last-child{
display: none;}
.header .search-form .dropdown-list {
position: absolute;
background-color: white;
border: 1px solid #ddd;
list-style: none;
margin-top: 5px;
padding: 0;
border-radius: 5px;
width: 100%;
max-height: 200px;
overflow-y: auto;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
z-index: 10;}
.header .search-form .dropdown-list li {
padding: 10px;
cursor: pointer;}
.header .search-form .dropdown-list li:hover {
background-color: #f0f0f0;}
@media (max-width: 991px) {
.header .search-form .btn img:first-child{
display: none !important;}
.header .search-form .btn img:last-child{
display: inline-block !important;}
.header .search-form .form-control{
display: none;}
.header .search-form .btn{
position: relative !important;}
}
@media (min-width: 992px) and (max-width: 1199px) {
.header .search-form {
max-width: 130px;}
}
/* search-dropdown */
.header .dropdown.search-dropdown{
display: none;}
@media (max-width: 1199px) {
.header .dropdown.search-dropdown{
display: inline-block !important;}
.header .dropdown.search-dropdown .dropdown-menu .expand-search{
display: flex;}
.header .dropdown.search-dropdown .dropdown-menu{
width: 90vw;
max-width: 300px !important;
padding: 5px 10px !important;
background: #fff;
box-shadow: 5px 5px 10px #11111129;}
.header .dropdown.search-dropdown .dropdown-toggle::after{
display: none !important;}
.header .dropdown.search-dropdown .form-control{
box-shadow: none !important;
border: 1px solid #d0d0d0 !important;}
}
@media(max-width:567px){
.header .dropdown.search-dropdown .btn{
padding: 0px !important;}
}
/* items-1 */
@media (max-width: 1199px) {
.header .dropdown-list.items-1{
position: absolute !important;
width: 200px !important;
padding: 10px;
background-color: #fff !important;
margin-left: -150px;
top: 116px;
border-radius: 10px;}
.header .dropdown-list.items-1 li{
list-style: none !important;
text-decoration: none !important;
padding: 10px 10px;}
}
/* filter-by */
.header .menu .filter-by .filter-item {
display: inline-block;
margin-bottom: 10px;
margin-right: 10px;}
.header .filter-by .filter-item .form-select {
width: 120px;
border: none;
font-size: 13px;
border-radius: 10px;
background-color:transparent !important;
color: #3D3D3D;
box-shadow: none;}
/* chosen-select */
.header .chosen-container .chosen-results{
color: #444;
position: relative;
overflow-x: hidden;
overflow-y: auto;
margin: 0 4px 4px 0;
padding: 0 0 0 4px;
max-height: 240px;
-webkit-overflow-scrolling: touch;}
.header .chosen-container-single .chosen-single {
background-color: transparent !important;}
/* menu-outside */
body:not(.open-menu) .header .menu-outside {
display: none;}
@media (max-width: 991px) {
.open-menu .header .menu-outside {
background: #00000096;
position: fixed;
z-index: 100;
top: 0;
right: 0;
bottom: 0;
left: 0;}
}
/* card-menu for mycourse notification chart profile */
.header .card-menu {
position: relative;
display: flex;
align-items: center;
list-style: none;
text-decoration: none;
margin-bottom: 0;
padding: 0;}
.header .card-menu li {
list-style: none;
text-decoration: none;}
.header .card-menu li:first-child{
margin-right: 10px;}
.header .card-menu .link-item .user-img {
position: relative;
height: 30px;
width: 30px;
border-radius: 50%;
border: 1px solid #C03180;}
@media (max-width: 1399px) {
header .card-menu::before {
left: 2px !important;}
}
@media (min-width: 1199px) {
.header .card-menu::before {
content: '';
position: absolute;
left: 12px;
background-color: #000;
width: 1.4px;
height: 35px;}
}
@media (max-width: 991px) {
.header .card-menu li:first-child {
margin-right: 0 !important;}
}
@media (min-width: 992px) {
.header .card-menu .link-item .user-img {
height: 45px;
width: 45px;}
}
/* custom-link */
.header .card-menu li .custom-link {
display: inline-block;
text-decoration: none;
white-space: nowrap;
font-size: 14px;
color: #7F7F7F;}
@media (max-width: 1199px) {
.header .card-menu li .custom-link {
font-size: 12px;}
}
/* .wishlist, .notification-list*/
.header .dropdown-menu.wishlist,
.header .dropdown-menu.notification-list{
margin-top: 35px !important;
width: 300px;
box-shadow: 3.36px 3.36px 18.14px 0px #0000001A;
border: none;
background: #FFFFFF;
color: #000 !important;}
.header .dropdown-menu.wishlist .dropdown-item,
.header .dropdown-menu.notification-list .dropdown-item{
white-space: wrap !important;}
@media (max-width: 991px) {
.header .dropdown-menu.wishlist,
.header .dropdown-menu.notification-list{
margin-left: auto !important;
margin-right: auto !important;
max-width: 280px !important;}
}
/* wishlist */
.header .dropdown-menu.wishlist .course-img{
width: 100%;
height: 200px;
object-fit: cover;
border-radius: 8px;}
.header .dropdown-menu.wishlist .buy-btn{
padding: 10px 25px;
color: #fff;
background: #0267FE !important;
border-radius: 8px;}
/* no list */
.header .dropdown-menu.wishlist .no-item-card{
padding: 10px 10px;}
.header .dropdown-menu.wishlist .no-item-card .no-chart{
width: 130px;
aspect-ratio: 7 / 6;
object-fit: cover;
margin-top: 25px;
margin-bottom: 30px;}
.header .dropdown-menu.wishlist .no-item-card .text-m{
color: #323232;
font-size: 24px;
margin-bottom: 20px;
line-height: 18.35px;}
.header .dropdown-menu.wishlist .no-item-card .text-s{
font-size: 16px;
color: #828282;
line-height: 28px;}
/* notification-list */
.header .dropdown-menu.notification-list .notifi-list {
max-height: 300px;
overflow-y: scroll;
scrollbar-width: none; }
.header .dropdown-menu.notification-list .notifi-list::-webkit-scrollbar {
display: none;}
.header .dropdown-menu.notification-list .read-more {
font-size: 10px;}
.header .dropdown-menu.notification-list .read-more a,
.header .dropdown-menu.notification-list .less-link{
color: #000 !important;
text-decoration: none;
font-weight: 600;}
/* notification-img */
.header .notification-img{
height: 23px;
}
/* dropdown */
/* dropdown-toggle */
.header .menu-bar .menu .dropdown-toggle {
margin-top: -4px;}
.header .menu-bar .menu .dropdown-toggle::after {
border: 0;
font-family: FontAwesome;
content: '\f107';
position: relative;
left: 5px;
top: 3px;}
/* dropdown-menu */
.header .menu-bar .menu .dropdown-menu {
border: none;
min-width: 190px;
border-radius: 0;
padding: 0;
border-radius: 14px;
box-shadow: 3px 2px 12px #0000002e;}
.header .menu-bar .menu .dropdown-menu .dropdown-item {
background-color: transparent;
position: relative;
font-size: 12px;
padding: 13px 25px;
border-radius: 10px;
color: #727272;}
.header .menu-bar .menu .dropdown-menu li:not(:last-of-type) .dropdown-item {
border-bottom: 1px solid #efefef;}
.header .course-drop li .dropdown-menu:last-child:not(.dropdown-submenu-res){
width: 290px;}
.header .course-drop .dropdown-submenu.offline{
position: fixed;
margin-top: 0px !important;
top: 0px;}
.header .course-drop li .dropdown-menu:last-child li .dropdown-item{
border-bottom: 0px !important;}
.header .menu-bar .menu .dropdown-menu .dropdown-item:hover {
color: #000 !important;
background-color: #dbdbdb;}
/**/
.header .menu-bar .menu .dropdown-menu .dropdown-item::after{
font-family: FontAwesome;
content: '\f105';
font-size: 14px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 15px;}
.header .dropdown-submenu .dropdown-item::after,
.header .dropdown-submenu-res .dropdown-item::after{
display: none;}
/* menu-toggle */
.header .menu-toggle {
position: absolute;
z-index: 10;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: 8px;
background-color: transparent;
border: none;
padding: 0;
width: 32px;
height: 22px;}
.header .menu-toggle span {
background-color: #000;
display: block;
position: relative;
width: 85%;
height: 3px;
float: right;
border-radius: 25px;}
.header .menu-toggle span:nth-of-type(1) {
width: 85%;
top: -6px;}
.header .menu-toggle span:nth-of-type(3) {
width: 85%;
top: 5px;}
@media (min-width: 1199px) {
.header .menu-toggle {
display: none;}
.student-header .menu-bar .menu .link-item:first-child,
.header .menu-bar .link-item:first-child{
margin-left: 0 !important;}
}
/* login */
.header .login-btn{
background: #000000;
border-radius: 30px;
padding: 10px 35px;
color: #fff !important;
text-decoration: none;
}
@media (max-width: 1199px) {
.header .login-btn {
padding: 8px 20px;}
}
.header .menu-bar .menu .login-btn {
margin-left: 30px;
margin-top: 20px;
padding: 10px 50px;}
/* student-header */
@media (min-width: 992px) {
.header.student-header .card-menu::before {
left: 0;}
}
/* header close-btn */
.header .menu-bar .close-btn {
top: 10px;
right: 15px}
@media (min-width: 1199px) {
.header .menu-bar .close-btn {
display: none;}
}
/* user-profile-dropdown */
.header .user-profile-dropdown .dropdown-toggle::after{
display: none !important;}
/* header dropdown-menu */
.header .dropdown-menu{
margin-top: 22px !important;
padding: 10px 20px;
font-size: 13px;
backdrop-filter: blur(26.399999618530273px);
border-radius: 10px;}
.header .dropdown-menu .dropdown-item:hover{
color: #090909;
cursor: pointer;}
.header .menu-bar .menu .dropdown-menu .sub-head,
.header .menu-bar .menu .dropdown-menu .sub-head:hover{
color: #480F74;
font-family: 'HelveticaNowDisplay-Bold';}
.header .menu-bar .menu .dropdown-menu li .sub-head{
border-top: 1px solid #C4C1C1;}
.header .dropdown-menu .dropdown-item{
color: #595959;
background-color: transparent;
font-size: 14px;
padding: 8px 0;}
.header .dropdown-toggle::after{
border: 0;
font-family: FontAwesome;
content: '\f107';
position: relative;
left: 0;
top: 6px;
transition: all 0.5s;}
.header .dropdown-toggle.show::after,
.header .dropdown-menu .show .dropdown-item::after{
transform: rotate(180deg);
transition: all 0.5s;}
/* store */
.header .store{
padding: 3px 10px;
opacity: 1 !important;}
.header .store::after{
display: none;}
.header .store-img{
height: 23px;}
.header .store .count{
position: absolute;
background: #1897FF;
border-radius: 50%;
font-size: 11px;
width: 18px;
height: 18px;
top: 0;
right: 0;
color: #000000;
align-content: center;
text-align: center;}
@media(max-width:567px){
.header .card-chart .store{
padding: 0px !important;}
.header .card-chart .store .count{
right: -10px;
top: -10px;}
}
/* course choose for kochi and kozhikode modal */
.modal_digitail_marketing{
max-width: 635px;
overflow: hidden;
left: 50%;
transform: translatex(-50%);}
.modal_digitail_marketing img{
height: auto;
width: 100%;}
.modal_digitail_marketing .modal-cont{
padding:30px 30px 30px 30px;}
.modal_digitail_marketing .modal-cont .sub-head{
font-size: 36px;
line-height: 46px;
letter-spacing: 0px;}
.modal_digitail_marketing .modal-cont .text-s{
font-size: 13.68px;
line-height:157%;
letter-spacing: 0px;}
.modal_digitail_marketing .modal-cont .btn-clt{
background: #480F74;
color: #fff;
border-radius: 30px;
width: 100%;
padding: 10px 20px;}
.modal_digitail_marketing .modal-cont .btn-kochi{
background: #fff;
color:#480F74;
border-radius: 30px;
border: 1.5px solid #480F74;
width: 100%;
padding: 10px 20px;}
@media (max-width:1200px){
.modal_digitail_marketing .modal-cont .sub-head{
font-size: 32px;
line-height: 40px;}
.modal_digitail_marketing .modal-cont{
padding:30px 25px 30px 25px;}
}
@media(max-width:767px){
.modal_digitail_marketing .modal-cont{
padding:40px 40px 40px 40px;}
}
.modal_digitail_marketing .modal-header{
position: absolute;
top: 5px;
right: 0px;
z-index: 99 !important;
}
.modal_digitail_marketing .btn-close:focus {
outline: 0;
box-shadow:none;
opacity: 1;
}
/* container-fluid *//* container-fluid-lg */
.container-fluid.container-fluid-lg {
padding-left: 60px;
padding-right: 60px;}
@media (max-width: 991px) {
.container-fluid.container-fluid-lg {
padding-left: 35px;
padding-right: 35px;}
}
/* bg */
.bg-purple{
background-color: #412877 !important;}
.bg-l-violet{
background-color: #F2F5FFC2 !important;}
.bg-l-yellow{
background: #E2C620 !important;}
.bg-m-blue{
background: #2D2C73 !important;}
.bg-l-white{
background-color: #F5F5F5 !important;}
.bg-lg-red{
background: linear-gradient(90deg, #D1743B 0%, #C03180 99.89%) !important;}
.bg-l-purple{
background-color: #FAF1FF !important;}
/* text color */
.text-d-blue{
color: #2D2C73 !important;}
.text-color-black{
color: #090909 !important;}
.text-color-dm-black{
color: #222222 !important;}
.text-clr-d-black{
color: #121212 !important;}
.text-dr-black{
color: #363636 !important;}
.text-color-red{
color: #FA5D29 !important;}
.text-color-lm-black{
color: #353535 !important;}
.text-color-m-black{
color: #3b3b3b !important;}
.text-color-r-black{
color: #3D3D3D !important;}
.text-color-r-blue{
color: #1F1F1F !important;}
.text-le-black{
color: #3A3A3A !important;}
.text-color-m-yellow{
color: #f5dc06 !important;}
.text-color-yellow{
color:#E2C620 !important;}
.text-color-mute{
color: #595959 !important;}
.text-l-mute{
color:#818181;}
.text-lm-mute{
color: #585858 !important;}
.text-color-l-blue{
color: #0A72B4 !important;}
.text-clr-b-blue{
color: #2C99FF !important;}
.text-clr-bm-black{
color: #080808 !important;}
.text-color-ml-black{
color: #282828 !important;}
.text-clor-mr-black{
color: #0A0A0A !important;}
.text-color-lr-blue{
color: #344054 !important;}
.text-color-rl-blue{
color: #475467 !important;}
.text-clr-lm-muted{
color: #494949 !important;}
.text-color-ml-blue{
color: #576BAA !important;}
.text-color-dl-blue{
color: #30154E !important;}
.text-color-dl-mute{
color: #555555 !important;}
.text-lr-muted{
color: #474747 !important;}
.text-clr-d-blue{
color: #293462 !important;}
.text-clr-r-muted{
color: #D4D4D4 !important;}
.text-lr-white{
color: #E1E1E1 !important;}
.text-clr-l-mute{
color: #929292 !important;}
.text-l-clr-green{
color: #2ABC38 !important;}
.text-colro-l-green{
color: #44D45B !important;}
.text-clr-r-black{
color: #313248 !important;}
.text-clr-l-gray{
color: #F7F7F7 !important;}
.text-d-violet{
color: #6667C9 !important;}
.text-clr-d-gray{
color: #525252 !important;}
.text-l-light-blue{
color: #4356E5 !important;}
.text-clr-l-green{
color: #1FCB3E !important;}
.text-clr-l-red{
color: #E54A4A !important;}
.text-clr-g-gray{
color: #737373 !important;}
.text-clr-light-gray{
color: #565656 !important;}
.text-l-clr-gray{
color: #4E4E4E !important;}
.text-clr-black {
color: #303030 !important;}
.text-l-gray-clr{
color: #3C3C3C !important}
.text-g-light-gray{
color: #606060 !important;}
.text-clr-l-b-black{
color: #4D4D4D !important;}
.text-clr-red-dark{
color: #FF2626 !important;}
.text-l-clr-d-gray{
color: #B2B2B2 !important}
.text-clr-li-yellow{
color: #e4c719 !important;}
.text-clr-b-orange{
color: #e15245db !important;}
.text-clr-lb-gray{
color: #d9d9d9 !important;}
.text-clr-b-red{
color: #e15245 !important;}
.text-clr-b-brown{
color: #3e3233 !important;}
.text-clr-b-light-gray{
color: #7d7878 !important;}
.text-linear-white-orange{
background: linear-gradient( 90deg, #E2C620 60%, #fff 20%);
-webkit-background-clip: text;
display: inline-block;
-webkit-text-fill-color: transparent;}
.text-linear-gradient{
background: linear-gradient(90deg, #294789 0%, #32266F 100%);
-webkit-background-clip: text;
display: inline-block;
-webkit-text-fill-color: transparent;}
.text-lg-red{
background: linear-gradient(90deg, #D1743B 0%, #C03180 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}
/* border */
.border-bottom-gray{
border-bottom: 1px solid #D8D8D8 !important;}
.border-bottom-gray-dashed{
border: none;
border-bottom: 1px dashed #D8D8D8;}
.border-bottom-dash-gray {
border-bottom: 1px dashed #D8D8D8 !important;}
/**/
.zoom-90 {
zoom: 90%;
}
/* badge-comming-soon */
.badge-comming-soon {
background-color: #E5D8FF;
color: #4B239D;
padding:13px 10px;
border-radius: 12px;
letter-spacing: 3px;
font-size: 20px;
width: 100%;
font-family: 'inter_semibold';
text-align: center;}
/* line-through */
.line-through{
text-decoration: line-through;}
/* section */
section {
position: relative;
padding-top: 70px;
padding-bottom: 70px;}
@media(max-width:567px){
section {
position: relative;
padding-top: 30px;
padding-bottom: 30px;}
}
/* section-sub */
.section-sub {
position: relative;
padding-top: 60px;
padding-bottom: 60px;}
/* slick-equal-height */
.slick-equal-height .slick-track {
display: flex;}
.slick-equal-height .slick-slide {
display: flex;
height: auto;}
.slick-equal-height .item {
height: 100%;
width: 100%;}
/* slick-overflow-initial */
.slick-overflow-initial .slick-list {
overflow: initial;}
/* slick-disabled */
button.slick-disabled {
cursor: default !important;}
/* slick-grid */
.slick-grid {
margin-left: -10px;
margin-right: -10px;}
.slick-grid .slick-slide {
padding-left: 10px;
padding-right: 10px;}
/**/
.slick-grid-15 {
margin-left: -15px;
margin-right: -15px;}
.slick-grid-15 .slick-slide {
padding-left: 15px;
padding-right: 15px;}
/* slick-item */
.slick-item {
width: 100%;}
/* slick-arrows */
.slick-arrows .slick-next,
.slick-arrows .slick-prev {
z-index: 5;
font-size: 22px;
line-height: 40px;
text-align: center;
width: 30px;
height: 30px;
top: initial;
bottom: 0;
transform: translate(-50%, 0);
border-radius: 50%;
background-color: #ffffff;
border: 1px solid #000;}
.slick-arrows .slick-next:hover:before,
.slick-arrows .slick-prev:hover:before {
color: #000;}
.slick-arrows .slick-next {
right: 0;}
.slick-arrows .slick-prev {
left: 0;}
.slick-arrows .slick-next.slick-disabled,
.slick-arrows .slick-prev.slick-disabled {
opacity: 0.25;}
.slick-arrows .slick-next:before,
.slick-arrows .slick-prev:before {
font-family: FontAwesome;
color: #000;
position: absolute;
right: 50%;
bottom: 50%;
-webkit-transform: translate(50%,50%);
-ms-transform: translate(50%,50%);
transform: translate(50%,50%);}
.slick-arrows .slick-next:before {
content: '\f105';}
.slick-arrows .slick-prev:before {
content: '\f104';}
/* slick-dot-blue */
.slick-dot-blue .slick-dots li {
margin: 0 2px;
width: auto;
height: auto;}
.slick-dot-blue .slick-dots li button {
background-color: #c7c7c7;
padding: 0;
border-radius: 5px;
width: 8px;
height: 3px;}
.slick-dot-red .slick-dots li button:before {
content: '';}
.slick-dot-blue .slick-dots li.slick-active button {
background-color: #0559D3;
width: 17px;}
/* slick-dot-hide */
.slick-dot-hide .slick-dots {
display: none;}
/* slick-dots-hide */
.slick-dots-hide .slick-dots li button:before {
display: none;}
/* slick-single */
.slick-single .slick-list {
padding-right: 150px !important;
padding-left: 150px !important;}
@media (max-width: 991px) {
.slick-single .slick-list {
padding-right: 85px !important;
padding-left: 85px !important;}
}
/* contact-table */
.contact-table td {
vertical-align: top;
padding-top: 20px;
color: #8b8c8d;}
.contact-table td img {
height: 20px;
padding-right: 15px;}
.contact-table td img[src="/static/public/images/icons/mail.png"] {
height: 16px;}
.contact-table td a {
color: #212529;
display: block;
font-size: 14px;
text-decoration: none;}
/* list-data */
.list-data .list-item {
margin-bottom: 10px;
position: relative;}
.list-data .list-item .img-primary {
border-radius: 15px;}
.list-data .list-item .rybbon {
height: 80px;
position: absolute;
left: 0;}
.list-data .list-item .label-large {
font-size: 14px;
color: #8C8C8C;}
.list-data .list-item label {
font-size: 12px;
color: #8C8C8C;}
.list-data .list-item .data {
font-size: 13.3px;
color: #3D3D3D;}
.list-data .list-item .data.text-large {
font-size: 30px;}
/* accordion */
.accordion .accordion-item .accordion-button {
position: relative;}
.accordion .accordion-item .accordion-button::after {
font-family: FontAwesome;
content: '\f107';
background-image: none;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 24px;
right:0px;
display: block;}
.accordion .accordion-item .accordion-button:not(.collapsed):after {
content: '\f106';}
/* form-default */
.form-default .form-body .form-control:invalid,
.form-default .form-body .form-select:invalid {
background-color: #f2f2f2;}
/* banner-cover */
.banner-cover {
position: relative;
overflow: hidden;}
.banner-cover.cover-bg-initial::before {
content: initial}
.banner-cover .img-primary {
height:100vh;
width: 100%;
object-fit: cover;}
.banner-cover .caption {
color: #fff;
width: 100%;
position: absolute;
left: 0;
top: 55%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);}
@media(max-width:567px){
.banner-cover .img-primary{
height: auto !important;
min-height: 350px !important;}
}
/**/
@media (min-width: 576px) {
.indro .resposive-img,
.indro .res-video {
display: none !important;}
.web-video{
width:100%;
opacity: 1;
display: block !important;
border: none !important;
outline: none !important;
border-radius: 25px;
position: relative;
overflow: hidden;}
}
@media (max-width: 575px) {
.indro .web-img,
.indro .web-video {
display: none !important;}
.res-video{
width:100%;
opacity: 1;
display: block !important;
border: none !important;
outline: none !important;
border-radius: 25px;
position: relative;
overflow: hidden;}
}
/* img */
.indro .carousel-item img {
border-radius: 25px;}
/* slider content*/
#indro .slide__content h3 {
font-size: 60px;}
#indro .slide__content .main-head.text-color-m-yellow{
font-size: 69px;
line-height: 48px;}
#indro .slide__content .main-head.c{
font-size: 54px;
line-height: 40px;}
@media (min-width:568px) and (max-width:992px){
#indro .slide__content .main-head.text-color-m-yellow{
font-size: 58px;
line-height: 28px;}
#indro .slide__content .main-head.c{
font-size: 45px;
line-height: 40px;}
}
@media(max-width:567px){
#indro .slide__content .main-head.text-color-m-yellow{
font-size: 40px;
line-height: 18px;}
#indro .slide__content .main-head.c{
font-size: 32px;
line-height: 30px;}
}
/* banner */
.home_banner_sec .container-opp-slick{
min-height: 400px;
padding-top: 72px;}
/* video-player video */
@media(max-width:767px){
.video-player video{
display: block;
margin: 0;
padding: 0;
object-fit: cover;}
}
/* courses-btn-list */
.courses-btn-list .course-link {
font-size: 17px;}
/* slick */
.courses-btn-list .slick-list .slick-item .btn {
padding-left: 0;
padding-right: 0;
font-size: 18px;
color: #2D2C73;}
.courses-btn-list .slick-list .slick-item .btn.active {
cursor: default;
font-family: helvetica_now_display_Medium;
color: #000;}
.courses-btn-list .slick-slider {
margin-bottom: 15px;}
@media(min-width:992px){
.courses-btn-list .slick-list .slick-item {
padding-left: 40px;}
}
@media(max-width:991px){
.courses-btn-list .slick-list {
padding-bottom: 30px;}
.courses-btn-list .slick-list .slick-item {
padding-right: 30px;}
.courses-btn-list .slick-list .slick-item .btn {
font-size: 15px;}
}
/* slick-arrows */
.courses-btn-list.slick-arrows .slick-next,
.courses-btn-list.slick-arrows .slick-prev {
top: 45px;}
.courses-btn-list.slick-arrows .slick-next {
right: -15px;}
.courses-btn-list.slick-arrows .slick-prev {
right: 25px;
left: inherit;}
/* About */
.custom-container {
max-width: 1425px;
margin: auto;
padding: 0 25px;
}
/* xs <575 */
@media (max-width: 575px) {
.custom-container {
max-width: 100%;
padding: 0 30px;
}
}
/* sm 576 to 767 */
@media (min-width: 576px) and (max-width: 767px) {
.custom-container {
max-width: 540px;
padding: 0 8px;
}
}
/* md 768 to 991 */
@media (min-width: 768px) and (max-width: 991px) {
.custom-container {
max-width: 720px;
padding: 0 10px;
}
}
/* lg 992 to 1199 */
@media (min-width: 992px) and (max-width: 1199px) {
.custom-container {
max-width: 1425px;
padding: 0 28px;
}
}
/**/
.about_page .banner-title {
padding-bottom: 18% !important;
}
/* providers */
.providers .about-banner {
margin-top: -24%;
width: 100%;
border-radius: 35px;
max-height: 575px;
object-fit: cover;
object-position: bottom;}
.providers .banner-subtitle {
padding-top: 40px;}
@media (min-width:1200px) and (max-width:1400px){
.providers .about-banner {
margin-top: -21%;}
}
@media (min-width:992px) and (max-width:1199px){
.providers .about-banner {
margin-top: -25%;}
}
@media (min-width:767px) and (max-width:991px){
.providers .about-banner {
margin-top: -30%;}
}
@media (min-width:567px) and (max-width:766px){
.providers .about-banner {
margin-top: -33%;}
}
@media (max-width:566px){
.providers .about-banner {
margin-top: -21%;}
}
/**/
.about_page .banner-title{
padding-top: 80px;
padding-bottom: 80px;
color: #fff;
}
.about_page .banner-title h1{
font-size: 50px;
line-height: 65px;
margin-top: 20px;
margin-bottom: 15px;
}
.about_page .banner-title h3{
font-size: 32px;
line-height: 57px;
}
.about_page .banner-title h3{
font-size: 32px;
line-height: 57px;
}
.about_page .banner-title h5{
font-size: 18px;
line-height: 30px;
}
.bg-blue-pattern{
background-image: url(../images/bg/footer.webp);
}
.banner-subtitle{
position: relative;
}
.banner-subtitle h3{
font-size: 40px;
line-height: 53px;
}
.banner-subtitle h5{
font-size: 22px;
line-height: 30px;
}
@media (max-width: 767px) {
.about_page .banner-title h1{
font-size: 32px;
line-height: 40px;
}
}
.banner-title-img{
position: relative;
}
.banner-container{
width: 100%;
position: absolute;
left: 0;
transform: translateY(-50%);
}
.banner-img {
position: absolute;
top: -50%;
left: 50%;
transform: translateX(-50%);
height: 600px;
width: 100%;
text-align: center;
line-height: 100px;
border-radius: 35px;
}
@media (max-width: 767px) {
.about_page .banner-title {
padding-top: 80px;
padding-bottom: 150px;
color: #fff;
}
.banner-img {
height: 190px;
position: absolute;
top: -25%;
}
.banner-subtitle {
padding-top: 50px;
position: relative;
}
}
/* sm 576 to 767 */
@media (min-width: 576px) and (max-width: 767px) {
.banner-img {
height: 250px;
position: absolute;
top: -42%;
}
}
@media (min-width: 768px) and (max-width: 1279px) {
.banner-img {
height: 190px;
position: absolute;
top: -31%;}
.about_page .banner-title {
padding-top: -20px;
padding-bottom: 150px;
color: #fff;
}
.banner-subtitle {
padding-top: 50px;
position: relative;
}
}
/* about provider h1 */
.about_page .providers .banner-subtitle h1{
line-height: 55px;}
.prg-section .prg-img {
max-width:100%;
width: 100%;
/* height: 114px; */
max-height: 100%;
border-radius: 10px;
}
.prg-section .overflow-container {
overflow-x: hidden;
}
.prg-section .slick_prg {
overflow-x: visible;
}
.prg-section .slick_prg .item{
overflow: hidden;
}
.prg-section .container-prg-slick .item{
position: relative;
border-radius: 10px;
}
.prg-section .container-prg-slick .item:hover{
border: none;
}
.mission-section{
color: #fff;
}
.mission-section h2 {
font-size: 40px;
}
.mission-section h3 {
font-size: 42px;
}
.mission-section h5{
font-size: 18px;
line-height: 30px;
}
/* mission card */
.mission-section .mission-img{
/* width: 432px;
height: 479px; */
height: auto;
max-width: 100%;}
.mission-img img{
border-radius: 18px;}
@media (max-width: 991px) {
.mission-section {
padding-bottom: 40px;
}
.prg-section .prg-img {
height: 80px;
}
.mission-section h2 {
font-size: 30px;
}
.mission-section h5{
font-size: 15px;
line-height: 25px;
margin-bottom: 25px;}
/* mission card */
.mission-section .mission-img{
margin:auto}
}
.instructors-section h2 {
font-size: 44px;
line-height: 60px;
}
.instructors-section h3 {
font-size: 44px;
line-height: 55px;
}
.instructors-section h5 {
font-size: 18px;
line-height: 25px;
}
.instru-btn{
background: linear-gradient(90deg, #294789 0%, #32266F 100%);
color: #fff;
font-size: 16px;
padding: 7px 17px;
}
.instru-btn:hover{
color: #fff;
}
.instructors-section .slick-equal-height .slick-track{
margin-left: 15px;
margin-top: 10px;
}
.instructors-section .instru-btn {
font-size: 18px;
padding: 10px 20px;
}
@media (max-width: 991px) {
.instructors-section h2 {
font-size: 30px;
line-height: 30px;
}
.instructors-section h5 {
font-size: 15px;
line-height: 20px;
}
.instructors-section .instru-btn {
font-size: 14px;
}
}
.instructors-slider .instructors-img {
max-width:100%;
width: 100%;
height: 400px;
object-fit: cover;
padding: 20px;
border-radius: 30px;
}
.instructors-slider .overflow-container {
overflow-x: hidden;
padding-right: 400px;
margin-right: -400px;
padding-left: 400px;
margin-left: -400px;
}
.instructors-slider .slick_instructors {
overflow-x: visible;
}
.instructors-slider .slick_instructors .item{
overflow: hidden;
box-shadow: 2px 2px 25px 0px #0101014D;
border-radius: 11px;
}
.instructors-slider .slick_instructors .item .cont {
padding: 0 20px 30px 20px;
}
.instructors-slider .container-instructors-slick.item{
position: relative;
border-radius: 10px;
border-radius: 11px;
}
.slick-equal-height .slick-track {
display: flex;
width: 380px;
}
.instructors-slider .container-instructors-slick.item:hover{
border: none;
box-shadow: 2px 2px 25px 0px #0101014D;
}
.instructors-slider h6{
font-size: 22px;
line-height: 33px;
}
.instructors-slider p{
font-size: 14px;
line-height: 10px;
margin-bottom: 0;
}
@media (max-width: 575px) {
.instructors-slider .slick-list {
padding-right: 80px;
}
}
.about_page .placement-about-sec h2{
line-height: 50px;}
.placement-about-sec h3 {
font-size: 36px;
line-height: 48px;
margin-bottom: 50px;
}
.placement-about-sec h5{
font-size: 18px;
line-height: 25px;
}
.about_page .placement-img img{
border-radius: 18px;
}
@media (max-width: 991px) {
.about_page .placement-img img{
object-fit: cover;
border-radius: 18px;
padding-top: 10px;
}
}
@media (max-width: 991px) {
.about_page .banner-title h3,
.banner-subtitle h3,
.mission-section h3,
.instructors-section h3,
.placement-about-sec h3{
font-size: 34px;
line-height: 38px;
}
.about_page .banner-title h5,
.banner-subtitle h5,
.mission-section h5,
.placement-about-sec h5{
font-size: 14px;
line-height: 20px;
}
}
.about_page .read-more {
font-size: 14px;
}
/**/
.banner-subtitle h2 {
font-size: 45px;
}
.banner-subtitle h5 {
font-size: 18px;
}
@media (max-width: 991px) {
.banner-subtitle h2 {
font-size: 32px;
}
.banner-subtitle h5 {
font-size: 15px;
}
}
/* /About */
/* Blog */
.blog-page{
background-image: url(../images/img/white-bg.svg);
background-repeat: no-repeat;
}
.blog-page .banner-title h6 {
padding-top: 100px;
color: #293462;
font-size: 12px !important;
}
.blog-page .banner-title .title{
padding-top: 100px;
font-size: 12px !important;
background: linear-gradient(90deg, #D1743B 0%, #C03180 99.89%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 18px !important;
}
.blog-page .banner-title h5{
font-size: 20px;
line-height: 32px;
}
@media (max-width: 991px) {
.blog-page{
padding-bottom: 0px;
}
.blog-page .banner-title h5{
font-size: 15px;
line-height: 24px;
}
.blog-page .banner-title h6 {
padding-top: 80px;
}
}
.blog-description h3{
font-size: 31px;
line-height: 43px;
}
.banner-title .blog-description p{
font-size: 14px;
line-height: 25px;
}
.banner-title .blog-description .category{
font-size: 18px !important;
}
.banner-sub-blog .title-dis{
font-size: 16px !important;
}
.blog-description .dis-container .read-more{
display: inline-block;
white-space: nowrap;
text-decoration: none;
font-weight: 500;
font-size: 14px;
color: #1A91FF;
}
.main-blog-img{
width: 100%;
/* max-width: 600px; */
/* height: 340px; */
object-fit: cover;
border-radius: 16px;
}
.banner-upcoming h3{
font-size: 31px;
line-height: 43px;
}
.banner-upcoming p{
font-size: 14px;
line-height: 27px;
}
.banner-upcoming a{
text-decoration: none;
font-weight: 500;
font-size: 14px;
color: #256AE0;
}
.sub-blog-img{
width: 100%;
height: 240px;
border-radius: 10px;
object-fit: cover;
}
.blog-sub-img{
width: 100%;
/* height: 170px; */
border-radius: 8px;
object-fit: cover;
}
@media (max-width: 991px) {
.main-blog-img,
.sub-blog-img{
/* max-width: 350px; */
/* height: 300px; */
padding-top: 0px;
object-fit: fill !important;
}
}
.banner-sub-blog h6{
font-size: 12px;
line-height: 13px;
}
.banner-sub-blog h3{
font-size: 16px;
line-height: 20px;
}
.banner-sub-blog p{
font-size: 12px;
line-height: 20px;
}
.banner-sub-blog a{
font-size: 12px;
}
@media (max-width: 991px) {
.banner-upcoming .banner-date,
.banner-sub-blog h6{
font-size: 11px;
}
.banner-upcoming h3,
.banner-sub-blog h3{
font-size: 21px;
line-height: 25px;
}
.banner-upcoming p,
.banner-sub-blog p{
font-size: 14px;
line-height: 22px;
}
.banner-upcoming a,
.banner-sub-blog a{
font-size: 14px;
}
}
.load-more-btn{
background: linear-gradient(90deg, #294789 0%, #32266F 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
border: 1px solid #294789;
border-radius: 7px;
padding: 12px 40px;
}
.blog-slider-section h3{
font-size: 45px;
line-height: 57px;
}
.blog-slider .blog-slider-img{
width: 100%;
/* height: 220px; */
border-radius: 12px;
object-fit: cover;
}
.blog-slider h6{
font-size: 12px;
line-height: 18px;
}
.blog-slider h3{
font-size: 18px;
line-height: 28px;
}
.blog-slider p{
font-size: 12px;
line-height: 20px;
}
.read-more-btn{
font-size: 14px;
text-decoration: none;
font-weight: 500;
color: #256AE0;
}
.read-more-btn:hover{
color: #256AE0;
}
.blog-slider .slick_blog {
overflow-x: visible;
}
.blog-slider .slick_blog .item{
overflow: hidden;
}
.blog-slider .overflow-container {
overflow-x: hidden;
}
.blog-slider .container-blog-slick .item{
position: relative;
border-radius: 10px;
}
.blog-slider .container-blog-slick .item:hover{
border: none;
}
/* Blog view */
.blog-view-page{
padding-top: 160px;
}
@media (max-width: 991px) {
.blog-view-page{
padding-top: 85px;
}
}
.view-btn{
color: #353333;
border: 1.16px solid #C03180;
border-radius: 9.3px;
padding: 15px 18px;
text-decoration: none;
}
.view-btn:hover{
color: #353333;
border: 1.16px solid #C03180;
}
.next-btn{
color: #fff;
border-radius: 9.3px;
padding: 15px 18px;
text-decoration: none;
background: linear-gradient(90deg, #D1743B 0%, #C03180 100%);
}
.next-btn:hover{
color: #fff;
}
.blog-des-view h6{
font-size: 13px;
line-height: 19px;
}
.blog-des-view h3{
font-size: 32px;
line-height: 42px;
}
.blog-des-view p,
.blog-des-view .p{
font-size: 15px;
line-height: 28px;
color: #353535;
}
.blog-view-img{
width: 100%;
/* max-width: 528px; */
height: 459px;
object-fit: cover;
border: none;
border-radius: 19px;
}
@media (max-width: 991px) {
.blog-view-img{
width: 100%;
height: 300px;
object-fit: fill !important;
border: none;
margin-top: 5px;
}
.blog-des-view h3{
font-size: 29px;
line-height: 38px;
}
.blog-des-view p,
.blog-des-view .p{
font-size: 14px;
line-height: 24px;
}
.dis-view-container .read-more{
color: #256AE0;
font-size: 14px;
}
}
@media (min-width: 991px) {
.blog-des-view{
padding-right: 20px;
}
}
.dis-view-container ul li{
margin-bottom: 23px;
line-height: 28px;
font-size: 15px;
}
@media (max-width: 339px){
.view-btn span, .next-btn span{display: none;}
.view-btn .fa{padding-right:0 !important;}
.next-btn .fa{padding-left:0 !important;}
}
.dis-view-detail h3{
font-size: 26px;
line-height: 41px;
color: #000;
}
.blog-slider-section .title-post{
font-size: 48px;
}
.blog-view-page .related-blog{
font-size: 32px;
}
@media (max-width: 991px) {
.blog-slider-section .title-post,
.blog-view-page .related-blog{
font-size: 30px;
}
}
/* /Blog */
/* Profile */
.profile-banner{
box-shadow: 0px 4px 4px 0px #3A3989;
border-radius: 34px;
width: 100%;
height: 300px;
margin-top: 50px;
position: relative;
}
.profile-banner h3{
padding: 50px 46px;
color: #fff;
font-size: 34px;
}
.profile-sum{
background: linear-gradient(90deg, #D1743B 0%, #C03180 100%);
box-shadow: 4.85px 4.85px 26.21px 0px #0000001A;
border-radius: 24.26px;
position: absolute;
left: 5%;
z-index: 2;
}
.profile-dtl{
position: relative;
overflow: hidden;
}
.profile-web-img{
width: 100%;
max-width: 105px;
height: 105px;
object-fit: cover;
border-radius: 20px;
border: 3px solid #CECECE
}
.profile-sum .profile-card{
width: fit-content;
}
.profile-sum .profile-change{
position: absolute;
bottom: 0;
right: -11px;
height: auto;
cursor: pointer;
background-color: #F5F5F5;
border-radius: 50%;
padding: 5px;
}
.profile-sum h6{
font-size: 20px;
line-height: 30px;
}
.profile-sum h3{
font-size: 24px;
line-height: 36px;
}
.profile-dtl{
box-shadow: 4.85px 4.85px 26.21px 0px #0000001A;
background: #FFFFFF;
border-radius: 24px;
}
.edit-btn {
color: #fff;
font-size: 12px;
padding: 10px 0px;
border-radius: 10px;
text-decoration: none;
}
.edit-text {
display: inline-block;
}
.edit-icon {
display: none;
width: 24px;
height: auto;
}
@media (max-width: 768px) {
.edit-text {
display: none;
}
.edit-icon {
display: inline-block;
}
.profile-sum {
top: 85px !important;
}
.profile-dtl {
right: 0%;
top: 240px !important;
}
}
.edit-btn:hover{
color: #fff;
}
.btm-border{
border-bottom: 2px solid #E3E3E3;
width: 100%;
}
@media (min-width:992px){
.profile-sum{
position: relative;
left: 0;}
}
@media (max-width: 991px) {
.profile-banner{
border-radius: 0px;
height: 150px;
}
.profile-sum{
border: 2.31px solid #CECECE;
width: 100%;
top: -70px;
right: 5%;
}
.profile-banner h3{
padding: 20px;
font-size: 25px;
}
.profile-web-img{
width: 100%;
max-width: 80px;
height: 80px;
}
.profile-sum h6{
font-size: 15px;
line-height: 22px;
margin-bottom: 0px;
}
.profile-sum h3{
font-size: 18px;
line-height: 27px;
}
.profile-dtl{
top: -70px;
margin-bottom: 90px;
}
.profile-dtl{
right: 0%;
top: 80px;
}
}
@media (max-width: 1199px) {
.profile-sum{
left: 0%;
}
}
@media(min-width:767px) and (max-width:992px){
.profile-sum{
top: 54px !important;
}
.profile-dtl{
top: 270px !important;
}
}
/* /Profile */
/* Assessmnet */
.assessment-banner{
padding: 3% 8%;
border-radius: 30px;
color: #fff;
}
.assessment-banner h3{
font-size: 33px;
line-height: 47px;
}
.assessment-banner h6{
font-size: 12px;
line-height: 20px;
}
.assessment-card{
box-shadow: 4.85px 4.85px 26.21px 0px #0000001A;
background: #FFFFFF;
border-radius: 25px;
border: none;
}
/* Assesment History */
.chat-container {
display: flex;
width: 100%;
}
.content {
flex: 1;
padding: 20px;
display: flex;
flex-direction: column;
position: relative;
}
.banner-assessment .content {
flex: 1;
padding: 20px;
display: flex;
flex-direction: column;
position: relative;
min-width: 350px;
}
.content-header {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
}
.assesment-history .toggle-btn {
width: 30px;
cursor: pointer;
min-width: auto;
border: none;
box-shadow: none;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
}
.assesment-history .toggle-btn i {
display: flex;
align-items: center;
justify-content: center;
}
.chatbox {
flex-grow: 1;
background: #E9F2FF;
padding: 20px;
border-radius: 10px;
overflow-y: auto;
height: 75vh;
border-radius: 23px;
}
.scrollable-content {
overflow-y: auto;
overflow-x: hidden;
max-height: calc(100% - 60px);
padding-bottom: 10px;
}
.scrollable-content::-webkit-scrollbar {
width: 0;
}
.message-in {
background: #C5E8FF;
border-radius: 8.23px;
padding: 10px;
max-width: 100%;
margin-bottom: 10px;
font-size: 12px;
}
.scrollable-content .incoming-message {
position: relative;
background: #C5E8FF;
padding: 10px;
max-width: 60%;
border-radius: 8.23px;
box-shadow: 2.69px 2.69px 5.98px 0px #0000001A;
margin: 10px;
width: fit-content;
}
.scrollable-content .incoming-message::after {
content: "";
position: absolute;
bottom: 0px;
left: -10px;
width: 0;
height: 0;
border-bottom: 20px solid #C5E8FF;
border-right: 20px solid transparent;
transform: rotate(270deg);
}
.outgoing-message {
position: relative;
background-color: #ffff;
padding: 10px;
max-width: 60%;
width: auto;
border-radius: 8.23px;
float: right;
clear: both;
box-shadow: 4px 4px 8.9px 0px #0000001A;
margin: 10px;
}
.outgoing-message::after {
content: "";
position: absolute;
bottom: -10px;
right: 0px;
width: 0;
height: 0;
border-bottom: 20px solid #fff;
border-right: 20px solid transparent;
transform: rotate(180deg);
}
.message-out {
background-color: #fff;
border-radius: 8.23px;
padding: 10px;
max-width: 100%;
font-size: 12px;
}
.message-box {
border-radius: 10px;
display: flex;
align-items: center;
position: absolute;
bottom: 20px;
left: 35px;
right: 35px;
margin-bottom: 20px;
}
.message-input {
flex: 1;
border-radius: 10px;
border: none;
padding: 12px 15px;
outline: none;
box-shadow: none;
font-size: 10px;
background-size: 50px 50px;
background-repeat: no-repeat;
}
@media (max-width: 991px) {
.message-input {
padding: 18px 15px;
}
.message-res{
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: auto;
white-space: nowrap;
}
}
.message-img{
width: 90px;
height: 90px;
object-fit: cover;
border-radius: 10px;
position: relative;
}
.pdf-icon, .doc-icon{
width: 60px;
height:60px;
}
.remove-file-btn {
margin-left: 10px;
font-size: 20px;
vertical-align: middle;
}
.send-button {
background-color: #2C99FF;
color: #fff;
border-radius: 10px;
border: none;
padding: 8px 20px;
margin-left: 10px;
}
.send-button:hover {
background-color: #2C99FF;
color: #fff;
}
.form-group {
text-align: left;
}
.send-img img{
width: 40px;
height: 39px;
object-fit: cover;
}
/* Sidebar styling */
.banner-assessment .chat-sidebar {
background-color: #fff;
width: 90%;
min-width: 250px;
padding: 20px;
display: flex;
flex-direction: column;
transition: right 0.3s ease;
position: fixed;
right: -300px;
top: 50px;
height: 50vh;
/* border-top-right-radius: 20px;
border-bottom-right-radius: 20px; */
}
.banner-assessment .chat-sidebar.active {
right: 0;
height: 100%;
}
.sidebar-header {
display: flex;
justify-content: flex-end;
padding: 10px;
margin-right: 10px;
}
.close-icon {
font-size: 20px;
color: black;
cursor: pointer;
display: none;
}
@media (max-width: 768px) {
.chat-sidebar.active .close-icon {
display: inline;
}
}
.user-img, .assesment-history .user-img {
height: 55px;
width: 55px;
object-fit: cover;
border-radius: 10px;
}
.chat-list ul{
list-style: none;
padding-left: 0px;
overflow-y: auto;
}
.chat-list ul li a{
text-decoration: none;
}
.chat-list ul li{
padding: 10px;
margin-bottom: 13px;
margin-right: 15px;
}
.chat-list ul li:hover,
.chat-list ul li:active {
background-color: #DDE8FF;
border-radius: 19px;
color: #5A5858;
}
.chat-list ul li p{
color: #11977C
}
/* Sidebar toggle button */
.toggle-btn {
background-color: #2C99FF;
color: white;
border: none;
padding: 10px 15px;
cursor: pointer;
border-radius: 5px;
}
@media (max-width: 768px) {
.chat-sidebar {
transform: translateX(100%);
}
.chat-sidebar.active {
transform: translateX(0);}
.banner-assessment{
background: #f6f6f7;
}
}
/* Hide toggle button on larger screens */
@media (min-width: 769px) {
.content-header .toggle-btn {
display: none;
}
.chat-sidebar {
position: relative;
transform: translateX(0);
width: 90%;
right: 0;
height: auto;
background: #f6f6f7;
padding: 10px;
}
.banner-assessment .chat-sidebar {
position: relative;
transform: translateX(0);
width: 90%;
right: 0;
height: auto;
background: #fff;
padding: 10px;
}
}
@media (max-width: 768px) {
.banner-assessment{
background: #f6f6f7;
}
.content {
padding: 10px;
padding-top: 30px;
}
.outgoing-message,
.scrollable-content .incoming-message {
max-width: 80%;
box-shadow: 2.69px 2.69px 5.98px 0px #0000001A;
}
.content-header h5{
font-size: 17px;
}
.assessment-card{
border: none;
box-shadow: none;
background: #f6f6f7;
}
.outgoing-message{
box-shadow: 2.69px 2.69px 5.98px 0px #0000001A;
}
.chatbox{
background: #f6f6f7;
padding: 0px;
}
.banner-assessment .content {
padding: 7px;
}
.message-box {
bottom: -20px;
}
.message-box {
left: 10px;
right: 0px;
}
}
@media(min-width:769px){
/* scrollbar-y */
.chat-scrollbar-y {
overflow-y: auto;
}
.chat-scrollbar-y::-webkit-scrollbar {
background-color: transparent;
width: 5px;
}
.chat-scrollbar-y:hover::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0.2);
}
}
/* @media (max-width: 768px) {
.chat-sidebar.active .close-icon {
display: inline;
}
.chat-scrollbar-y{
display: none;
}
} */
.chat-scrollbar-y .user-img {
height: 55px;
width: 55px;
object-fit: cover;
border-radius: 10px;
}
.chat-list ul {
list-style: none;
padding-left: 0px;
overflow-y: auto;
}
.chat-list ul li a {
text-decoration: none;
}
.chat-list ul li {
padding: 10px;
margin-bottom: 13px;
margin-right: 15px;
}
.chat-list ul li:hover,
.chat-list ul li:active,
.chat-list ul li.active {
background-color: #DDE8FF;
border-radius: 19px;
color: #5A5858;
}
.chat-list ul li p {
color: #11977C
}
.chat-list .file-sec-name h6{
overflow-wrap: break-word;
white-space: normal;
max-width: 75%;
}
/* /Assessment */
/* online exam */
.online-exam-page{
font-family: helvetica_now_display_Medium;
}
.exam-container {
display: flex;
width: 100%;
}
.exam-content {
flex: 1;
padding: 10px 14px 20px;
display: flex;
flex-direction: column;
position: relative;
}
.exam-content .btn-icon img{height:35px;}
.exam-content .title{font-size: 21px;}
.card-exam,
.card-exam-qtn{
background: #FFFFFF;
box-shadow: 4.85px 4.85px 26.21px 0px #0000001A;
border-radius: 24.26px;
padding: 30px;
}
.question-title{
border-radius: 8.09px;
background: #FAF1FF;
padding: 13px 20px;
}
.question-title h3{
font-size: 18px;
}
.question-title h4{
font-size: 14.5px;
}
.exam-question h3{
font-size: 16px;
line-height: 23px;
font-family: helvetica_now_display_Medium;
color: #3E3E3E;
}
.qtn-options {
display: flex;
flex-direction: column;
align-items: flex-start;
width: 100%;
max-width: 100%;
box-sizing: border-box;
}
.qtn-options .option-choose {
margin: 10px 0;
border: 0.9px solid #C4C4C4;
color: #777777;
padding: 15px;
border-radius: 8px;
box-sizing: border-box;
display: inline-block;
max-width: 100%;
word-wrap: break-word;
overflow-wrap: break-word;
width: 100%;
font-family: helvetica_now_display_Regular;
}
.option-choose span {
word-break: break-word;
overflow-wrap: break-word;
display: inline-block;
width: 100%;
}
.option-choose input[type="radio"]:checked {
background: #33B6FF;
position: relative;
box-sizing: border-box;
width: 22px;
height: 22px;
}
.option-choose:has(input[type="radio"]:checked) {
border: 0.9px solid #33B6FF;
color:#3D3D3D;
font-family: helvetica_now_display_Medium !important;
}
.option-choose input[type="radio"] {
appearance: none;
position: relative;
height: 22px;
width: 22px;
flex-shrink: 0;
transition: all 0.15s ease-out 0s;
background: #cbd1d8;
border: none;
cursor: pointer;
display: inline-block;
border-radius: 50%;
outline: none !important;
margin-right: 6px;
}
.option-choose input[type="radio"]:checked::before {
content: '';
position: absolute;
top: 3px;
left: 3px;
width: 16px;
height: 16px;
border: 2.5px solid white;
border-radius: 50%;
background: transparent;
display: inline-block;
box-sizing: border-box;
}
.question-section .pveqtn-btn{
color: #0267FE;
border: 2px solid #0267FE;
padding: 15px 20px;
border-radius: 13.5px;
}
.question-section .nextqtn-btn,
.finish-btn{
background: #0267FE;
color: #ffff;
padding: 15px 20px;
border-radius: 13.5px;
}
.question-section .nextqtn-btn:hover,
.finish-btn:hover,
.resume-btn:hover{
background: #0267FE;
color: #ffff;
}
.exam-user-img{
width: 63px;
height: 63px;
object-fit: cover;
}
.exam-progress {
width: 100%;
height: 10px;
background-color: #EFEFEF;
border-radius: 5px;
overflow: hidden;
margin-top: 8px;
}
.exam-progress .progress-bar {
height: 100%;
background: #FFA424;
width: 50%;
}
.circle-col-small {
gap: 10px;
}
.unattented-qtn,
.active-qtn,
.attented-qtn,
.compleated-qtn,
.correct-ans,
.wrogn-ans,
.incorrect-qtn,
.check-ans,
.checked-ans {
width: 45px;
height: 45px;
border-radius: 50%;
padding: 5px;
border: none;
background: #F3F3F3;
border: 2px solid #F5EBFF;
display: flex;
justify-content: center;
align-items: center;
color: #505050;
font-size: 22px;
}
.active-qtn {
background:#703CC6;
color: #fff;
}
.attented-qtn{
background: #F5EBFF;
border: 1px solid #703CC6;
color: #505050;
}
.incorrect-qtn{
background-color: #FFECEC;
border-color:#DB3E3E;
}
.compleated-qtn{
background: #F5EBFF;
border: 1px solid #703CC6;
color: #747272;
}
.data {
font-size: 16px;
font-weight: bold;
}
.w-100{
width: 100%;
}
.exam-sidebar {
background-color: #fff;
width: 100%;
min-width: 250px;
padding: 20px;
display: flex;
flex-direction: column;
transition: right 0.3s ease;
position: fixed;
right: -300px;
top: -50px;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
}
.exam-report{
background-color: #fff;
width: 100%;
min-width: 250px;
padding: 20px;
display: flex;
flex-direction: column;
transition: right 0.3s ease;
position: fixed;
right: -300px;
top: -20px;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
}
.exam-sidebar.active,
.exam-report.active{
right: 0;
height: 100%;
}
.sidebar-header {
display: flex;
justify-content: flex-end;
padding: 10px;
margin-right: 10px;
}
.close-icon {
font-size: 20px;
color: black;
cursor: pointer;
display: none;
}
@media (max-width: 768px) {
.scrollable-section {
max-height: 100vh;
overflow-y: auto;
padding-right: 1rem;
}
.scrollable-section::-webkit-scrollbar {
display: none;
}
.scrollable-section {
scrollbar-width: none;
}
.card-exam-qtn {
background: none !important;
box-shadow: none !important;
border-radius: 0 !important;
padding: 0 !important;
}
.exam-content{
padding: 0px;
}
.exam-question h3{
font-family: helvetica_now_display_Medium;
}
.question-section {
position: fixed;
bottom: 0px;
left: 0;
background-color: #ffff;
width: 100%;
padding: 20px;
}
.circle-col-small {
gap: 10px;
}
.unattented-qtn,
.active-qtn,
.attented-qtn {
width: 40px;
height: 40px;
}
.exam-sidebar.active .close-icon {
display: inline;
}
.exam-sidebar {
transform: translateX(100%);
}
.exam-sidebar.active {
transform: translateX(0);
top:50px;
}
}
@media (min-width: 769px) {
.exam-sidebar {
position: relative;
transform: translateX(0);
width: 100%;
right: 0;
height: auto;
}
}
.online-exam-page .bottom-border{
border: 0.75px solid #F0F0F0;
width: 100%;
}
.resume-btn{
background: #0267FE;
color: #ffff;
padding: 10px 20px;
border-radius: 14px;
}
.resume-btn:hover{
background: #0267FE;
color: #ffff;
}
.complete-btn{
background: #2BD144;
color: #fff;
padding: 10px 20px;
border-radius: 14px;
}
.complete-btn:hover{
background: #2BD144;
color: #fff;
}
.view-result-btn{
background: #2C99FF;
color: #fff;
border-radius: 14px;
padding: 10px 20px;
}
.view-result-btn:hover{
background: #2C99FF;
color: #fff;
}
.scrollable-section-qtn {
max-height: 600px;
overflow-y: scroll;
scrollbar-width: none;
padding-bottom: 50px;
}
.scrollable-section-qtn::-webkit-scrollbar {
display: none;
}
@media(max-width:567px){
.scrollable-section-qtn {
padding-bottom: 90px !important;
}
}
/* /online exam */
/* online-exam-view-result */
.correct-ans{
border: 2px solid #158938;
background: #B5FFCD;
color: #585858;
}
.wrogn-ans{
border: 2px solid #E43A3D;
background: #FFDFE0;
color: #585858;
}
.check-ans{
border: 1px solid #BBBBBB;
background: #FAF9F9;
color: #585858;
}
.checked-ans{
border: 1px solid #BBBBBB !important;
background: #FAF9F9;
color: #585858;
}
.online-exam-page .card-exam .check-ans, .online-exam-page .card-exam .unattented-qtn,
.online-exam-page .card-exam .unattented-qtn, .online-exam-page .card-exam .active-qtn,
.online-exam-page .card-exam .attented-qtn, .online-exam-page .card-exam .compleated-qtn,
.online-exam-page .card-exam .correct-ans, .online-exam-page .card-exam .wrogn-ans,
.card-exam .checked-ans{
margin-left: 0px !important;
}
.card-exam .ms-4.CURRENT{
background-color: #703cc6 !important;
color: #fff;
border: 1px solid #703cc6 !important;
}
.question-image{
font-family: helvetica_now_display_Medium;
}
.qtn-content{
font-size: 14px;
line-height: 28px;
color: #454545;
}
.question-image img{
width: 150px;
height: 100px;
object-fit: cover;
}
.option-td{
vertical-align: top;
}
.correct-option, .wrong-option, .disable-option{
width: 100%;
}
.online-exam-page .option-img{
width: 70px;
height: 70px;
object-fit: cover;
border-radius: 10px;
}
.correct-option,
.wrong-option,
.disable-option {
box-sizing: border-box;
width: 100%;
display: inline-block;
flex-direction: column;
align-items: center;
justify-content: center;
border-radius: 10px;
padding: 10px 10px;
margin-bottom: 25px;
}
.correct-option {
border: 1.68px solid #17B75F;
color: #090909;
font-size: 15px;
line-height: 19px;
font-family: helvetica_now_display_Medium;
}
.wrong-option{
border: 1.68px solid #ED4649;
color: #090909;
font-size: 15px;
line-height: 19px;
font-family: helvetica_now_display_Medium;
}
.disable-option{
border: 0.76px solid #9F9F9F;
color: #676363;
font-size: 15px;
line-height: 19px;
}
.option-text .option-bg{
margin-top: 5px;
margin-right: 13px;
}
.ans-option-bg, .correct-option .option-bg {
display: flex;
align-items: center;
justify-content: center;
border: 1.15px solid #17B75F;
background: #17B75F;
color: #FFFFFF;
border-radius: 50%;
width: 29px;
height: 29px;
font-size: 14px;
text-align: center;
flex-shrink: 0;
overflow: hidden;
}
.wrg-option-bg, .wrong-option .option-bg{
display: flex;
align-items: center;
justify-content: center;
border: 1.15px solid #ED4649;
background: #ED4649;
color: #FFFFFF;
border-radius: 50%;
width: 33px;
height: 33px;
font-size: 14px;
text-align: center;
flex-shrink: 0;
overflow: hidden;
}
.other-option-bg{
display: flex;
align-items: center;
justify-content: center;
border: none;
background: transparent;
color: #9F9F9F;
border-radius: 50%;
width: 33px;
height: 33px;
font-size: 14px;
text-align: center;
flex-shrink: 0;
overflow: hidden;
}
.disable-btn{
padding: 15px 20px;
border-radius: 13.5px;
border: 1px solid #212121;
color: #9F9F9F;
}
.option-btn{
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
width: 33px;
height: 33px;
font-size: 14px;
text-align: center;
flex-shrink: 0;
overflow: hidden;
}
.disable-option .option-btn{
border: none;
background: transparent;
color: #9F9F9F;
}
.wrong-option .option-btn{
border: 1.15px solid #ED4649;
background: #ED4649;
color: #FFFFFF;
}
.correct-option .option-btn{
border: 1.15px solid #17B75F;
background: #17B75F;
color: #FFFFFF;
}
/* online-exam-view-result */
/* Privacy policy */
.privacy-policy h3{
color: #000;
font-weight: 600;
font-size: 28px;
font-family: 'helvetica_now_display_bold';
}
.privacy-policy h6,
.privacy-policy ul li {
color: #666;
font-size: 20px;
line-height: 32px;
font-family:helvetica_now_display_extLt;
}
.btm-border-line{
border-bottom: 2px solid #cacaca;
width: 100%;
}
.privacy-policy ul li{
line-height: 37px;
}
@media (max-width: 768px) {
.privacy-policy h3{
font-size: 25px;
}
.privacy-policy h6,
.privacy-policy ul li {
font-size: 18px;
}
}
/* /Privacy policy */
/* Terms-condition */
.terms-condition h2{
font-size: 30px;
}
.terms-condition h6{
font-size: 18px;
line-height: 32px;
}
.terms-condition h3{
font-size: 25px;
}
@media (max-width: 768px) {
.terms-condition h2{
font-size: 28px;
}
}
/* /Terms-condition */
/* Refund Policy */
.refund-policy h2{
font-size: 30px;
}
.refund-policy h6{
font-size: 18px;
line-height: 32px;
}
.refund-policy h6,
.refund-policy ul li {
font-size: 20px;
line-height: 32px;
font-family:helvetica_now_display_extLt;
}
@media (max-width: 768px) {
.refund-policy h2{
font-size: 28px;
}
.refund-policy h6,
.refund-policy ul li {
font-size: 18px;
}
}
/* /Refund Policy */
/* course-sec */
#course-sec .sm-card{
font-size: 18px;
padding: 10px 15px;
background: linear-gradient(90deg, #294789 0%, #32266F 100%);
color: #fff;
width: fit-content;
border-radius: 4px;}
#course-sec .sec-sub-head{
font-size: 16px;
margin: 0;}
#course-sec .main-head{
color: #202020;
margin-top: 20px;
margin-bottom: 40px;}
#course-sec .nav-list{
display: flex;
text-decoration: none;
list-style: none;
overflow: scroll hidden;
scroll-snap-type: x mandatory;
scroll-padding: 0px 1.25rem;
scrollbar-width: none;}
#course-sec .nav-list::-webkit-scrollbar {
display: none;}
#course-sec .nav-list li .btn{
min-width: 120px !important;
white-space: nowrap;}
#course-sec .nav-list li .btn.active{
color: #2D2C73 !important;}
#course-sec .d-flex.course-a{
flex-wrap: wrap !important;}
@media(max-width:567px){
#course-sec .nav-list li .btn.active{
background: #2D2C73 !important;
color: #fff !important;
border: 0 !important;
border-radius: 20px !important;
font-weight: 800;}
#course-sec .nav-list li .btn,
.student-purchase-course .purchase-nav-sec li a{
color: #373737 !important;
background-color: #fff !important;
border-radius: 20px;
padding: 10px 15px;
border: 0.95px solid #080808;
margin-right: 10px;}
.student-purchase-course .purchase-nav-sec li a.active .btn{
color: #fff !important;}
.instructors_page .banner-blue-pattern,
.home_page .banner-blue-pattern {
border-radius: 0px !important;}
.count-section{
padding-top: 182px !important;}
.student-purchase-course .purchase-card .purchase-img{
height: 300px !important;}
}
/* home-course-section */
.home_page .course-section,
.course-section.related-course{
background-color: #fff !important;
background-image: none !important;}
.home_page .course-section .tab-nav-contents{
z-index: 1;}
/* */
.course-section{
background-image:linear-gradient(180deg,#ffffff 65% ,#380473 35% ) ;}
/* course-related-section */
.course-section.related-course .bg-blue-pattern{
position: absolute;
height: 290px;
width: 100%;
bottom: 0px;}
/* course-card */
.course-section .course-card{
box-shadow: 2px 2px 25px 0px #00000026;
border-radius: 15px;
height: 100%;
width: 100%;
background-color: #fff;}
/* hover */
/* .course-section .course-card:hover{
background: linear-gradient(124.01deg, #294789 27.01%, #32266F 88.46%) !important;
color:#fff !important;
} */
/* .course-section .course-card:hover .border-card .new-price {
color: #F6F6F6 !important;} */
/* border-card */
/* .course-section .course-card:hover .border-card {
border-top: 0.63px solid #383838;
border-bottom: 0.63px solid #383838;} */
/* .course-section .course-card:hover .card-bottom div{
color: #fff !important;} */
.course-section .course-card .course-img, .course-list .course-card .course-img{
width: 100%;
height: 220px;
object-fit: cover;
border-radius: 13px 13px 0px 0px;}
/* course-card-top */
.course-section .course-card .card-top,
.course-list .course-card .card-top{
position: absolute;
top: 10px;
left: 10px;
border-radius: 15px;
padding: 3px 8px;
font-size: 10px;}
/* course cont */
.course-section .course-card .cont-sub,
.course-section .course-card .card-bottom,
.course-section .course-card .border-card{
padding: 14px 25px;}
/* bottom-card */
.course-section .course-card .border-card{
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
padding-top: 25px;
padding-bottom: 25px;}
/* .course-section .course-card:hover .card-bottom div{
color: #fff !important;} */
/* course view page course bottom card */
/* Initial state */
/* Default state */
.course-list .course-card .btn-outline-black .right-arrow:nth-of-type(1) {
display: inline-block;}
.course-list .course-card .btn-outline-black .right-arrow:nth-of-type(2) {
display: none;}
/* Hover state */
.course-list .course-card .btn-outline-black:hover .right-arrow:nth-of-type(1) {
display: none !important;}
.course-list .course-card .btn-outline-black:hover .right-arrow:nth-of-type(2) {
display: inline-block !important;}
/* cont-sub */
.course-section .course-card .cont-sub .name {
font-size: 21px;
margin-bottom: 3px;}
/* cont */
/* center card */
.course-section .course-card .get-course-btn-container {
position: relative;
width: 100%;
}
.course-section .course-card .get-course-btn-container .get-course-btn {
width: 100%;
display: inline-block;
padding: 15px 20px;
font-size: 18px;
font-weight: bold;
color: #fff;
border: none;
text-align: center;
border-radius: 12px;
cursor: pointer;
background: linear-gradient(90deg, #402876 0%, #4971CB 100%);
position: relative;
overflow: hidden;
z-index: 2;
transition: all 0.5s linear;}
.course-section .course-card .get-course-btn-container .get-course-btn::before {
content: "";
position: absolute;
inset: 0;
border-radius: 12px;
padding: 2px; /* border thickness */
background: linear-gradient(90deg, #402876, #4971CB);
-webkit-mask:
linear-gradient(#fff 0 0) content-box,
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
opacity: 0;
transition: opacity 0.5s ease-in-out;
pointer-events: none;
z-index: 1;}
.course-section .course-card .get-course-btn-container .get-course-btn.intermediate {
background: linear-gradient(90deg, rgba(64, 40, 118, 0) 0%, #4971CB 100%);
color: #402A78;}
.course-section .course-card .get-course-btn-container .get-course-btn.final::before {
opacity: 1;}
.course-section .course-card .get-course-btn-container .get-course-btn.final {
background: #fff;
color: #402A78;}
.course-section .course-card .get-course-btn-container .btn-container:hover .get-course-btn {
transition-delay: 0.0s;}
.course-section .course-card .get-course-btn-container .btn-container:hover .get-course-btn.intermediate {
transition-delay: 0.1s;}
.course-section .course-card .get-course-btn-container .btn-container:hover .get-course-btn.final {
transition-delay: 0.2s;}
.course-section .course-card .get-course-btn-container .get-course-btn,
.course-section .course-card .get-course-btn-container .get-course-btn::before {
transform-origin: end end;
}
/* card-bottom */
.course-section .course-card .card-bottom {
position: relative;
padding-bottom: 15px;}
/*hover */
/* .course-section .course-card:hover .card-bottom div{
color: #fff !important;} */
/* item-row */
.course-section .course-card .card-bottom .item-row {
flex-wrap: wrap;
display: flex;
align-items: stretch;
justify-content: space-between;
padding-right: 25px;}
.course-section .course-card .card-bottom .item-row .item {
flex: 0 0 auto;
width: 33.33333333%;
position: relative;
word-break: break-word;
color: #1F1F1F;
font-size: 10px;}
.course-section .course-card .card-bottom .item-row .item:not(:last-of-type) {
padding-right: 10px;}
.course-section .course-card .card-bottom .item-row .item:not(:first-of-type) {
padding-left: 10px;}
.course-section .course-card .card-bottom .item-row .item:not(:last-of-type)::after {
content: '';
width: 1px;
height: 100%;
position: absolute;
right: 0;
top: 0;
bottom: 0;
background-color: #1F1F1F;}
/* .course-section .course-card:hover .card-bottom .item-row .item:not(:last-of-type)::after {
background-color: #DBFF00;} */
/* item-arrow */
.course-section .course-card .card-bottom .item-arrow .right-arrow {
position: absolute;
right: 20px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
height: 18px;}
/* .course-section .course-card:not(:hover) .card-bottom .item-arrow .right-arrow:last-of-type,
.course-section .course-card:hover .card-bottom .item-arrow .right-arrow:first-of-type {
display: none;} */
/* count-section */
.count-section {
background:url(../images/bg/footer.webp) ;
margin-top: -1px;
padding-top: 270px;
padding-bottom: 60px;
margin-top:-172px;}
/* item */
.count-section .item {
background-color: #281451;
height: 100%;
color: #fff;
text-align: center;
padding: 15px;
border-radius: 25px;}
.count-section .item .text-l {
font-size: 36px;}
.count-section .item .text-m {
font-size: 18px;}
.count-section .item .rating .fa {
font-size: 22px;}
@media(max-width: 1199px) {
.count-section .item .text-l {
font-size: 30px;}
.count-section .item .text-m {
font-size: 14px;}
.count-section .item .rating .fa {
font-size: 16px;}
}
@media(max-width: 767px) {
.count-section .item .text-l {
font-size: 25px;}
.count-section .item .text-m {
font-size: 13px;}
.count-section .item .rating .fa {
font-size: 15px;}
}
/* career-section */
.career-section {
padding-top: 110px;
padding-bottom: 110px;}
.career-section .carrer-img {
margin-right: 15px;}
.career-section .career-info h2 {
font-size: 44px;
letter-spacing: -1px;
margin-bottom: 15px;}
.career-section .career-info p,
.career-section .career-info .p {
font-size: 20px;}
@media(max-width: 1199px) {
.career-section .carrer-img {
margin-right: 30px;}
.career-section .career-info h2 {
font-size: 27px;
line-height: 37px;}
.career-section .career-info p,
.career-section .career-info .p {
font-size: 16px;}
}
@media(max-width: 767px) {
.career-section {
padding-top: 60px;
padding-bottom: 60px;}
.career-section .carrer-img {
margin-top: 30px;}
}
/* slick */
.career-section .slick-slider {
margin-bottom: 0;
margin-top: 30px;}
.career-section .slick-slide {
align-items: center;
margin-right: 20px;}
/* catagory-section*/
.catagory-section {
background-image: url(../../../static/public/images/bg/bg-pattern-blue.webp);}
.catagory-section .catagory_main_card{
padding: 25px 30px 25px 30px;
border-radius: 50px;
background-color: #fff;}
.catagory-section .slick_catagory .slick-item{
justify-content: center;
align-content: center;}
.catagory-section .slick_catagory .catagory-card img{
width: 75%;
height: auto;
max-height: 100%;}
.catagory-section .slick_catagory .catagory-card .cont{
position: absolute;
top: 20px;
left: 12px;
z-index: 99;
opacity: 1;}
@media (max-width:567px){
.catagory-section .catagory_main_card{
padding: 15px 25px 15px 25px;}
}
/* sub-course */
/* slick-sub-course */
/* slick */
.slick-sub-course .slick-list .slick-item .btn {
padding-left: 0;
padding-right: 0;
font-size: 30px;
border-radius: 0;
color: #000;}
.slick-sub-course .slick-list .slick-item .btn.active {
cursor: default;}
.slick-sub-course .slick-slider {
margin-bottom: 15px;}
@media(min-width:768px){
.slick-sub-course .slick-list .slick-item .btn.active {
border-bottom: 2px solid #000;
font-family: 'helvetica_now_display_extraBold';
color: #501F9F;}
}
@media(min-width:992px){
.slick-sub-course .slick-list .slick-item {
padding-right: 80px;}
}
@media(max-width:991px){
.slick-sub-course .slick-list .slick-item {
padding-right: 50px;}
.slick-sub-course .slick-list .slick-item .btn {
font-size: 22px;}
}
@media(max-width:767px){
.slick-sub-course .slick-list {
overflow: initial;}
.slick-sub-course .slick-list .slick-item {
padding-right: 20px;}
.slick-sub-course .slick-list .slick-item .btn {
font-size: 13px;
border-radius: 25px;
padding: 8px 25px;
color: #373737;
border: 1px solid #080808;}
.slick-sub-course .slick-list .slick-item .btn.active {
font-family: 'helvetica_now_display_medium';
color: #fff;
background-color: #2D2C73;
border-color: #2D2C73;}
}
/* slick-arrows */
.slick-sub-course.slick-arrows .slick-next,
.slick-sub-course.slick-arrows .slick-prev {
top: 75px;}
.slick-sub-course.slick-arrows .slick-next {
right: -15px;}
.slick-sub-course.slick-arrows .slick-prev {
right: 25px;
left: inherit;}
/* offline_courses_sec */
.offline_courses_sec .sub-course-card{
background: url("../images/bg/footer.webp") center / cover no-repeat;
background-color: #410182;
background-size: cover;
background-repeat: no-repeat;
padding: 20px 30px 30px 30px;
color: #d9d9d9;
border-radius: 0px 0px 40px 40px;}
/* */
.offline_courses_sec .sub-course-card.radius-first {
border-radius: 0px 40px 40px 40px;}
.offline_courses_sec .sub-course-card.radius-second {
border-radius: 40px 40px 40px 40px;}
.offline_courses_sec .sub-course-card.radius-third {
border-radius: 40px 0px 40px 40px;}
.offline_courses_sec .nav-tabs{
width: 100%;
justify-content: space-between;
background-color: #fff;}
.offline_courses_sec .nav-tabs .nav-item .nav-link{
padding: 20px 10px;
border: 0px !important;
border-radius: 30px 30px 0px 0px;}
.offline_courses_sec .nav.nav-tabs .nav-item .nav-link.active:focus,
.offline_courses_sec .nav.nav-tabs .nav-item .nav-link:focus{
border: 0px !important;
}
.offline_courses_sec .nav.nav-tabs .nav-item .nav-link.active{
background-color: #410182;}
.offline_courses_sec .nav-tabs .nav-item .nav-link span{
background: #0000000D;
padding: 10px 20px;
font-size: 16px;
border-radius: 30px;
color: #5E5E5E;}
.offline_courses_sec .nav.nav-tabs .nav-item .nav-link.active span{
background-color: #E2C620;
font-weight: 600;
color: #402A78;}
/* curve */
.offline_courses_sec .nav-item:nth-of-type(2) .nav-link.active::before,
.offline_courses_sec .nav-item:nth-of-type(3) .nav-link.active::before {
position: absolute;
content: '';
bottom: 0px;
left: -40px;
width: 40px;
height: 41px;
background-color: transparent;
border-radius: 50%;
box-shadow: 19px 22px 7px #410182;}
.offline_courses_sec .nav-item:nth-child(1) .nav-link.active::after,
.offline_courses_sec .nav-item:nth-child(2) .nav-link.active::after {
position: absolute;
content: '';
bottom: 0px;
right: -39px;
width: 40px;
height: 41px;
background-color: transparent;
border-radius: 50%;
box-shadow: -18px 15px 0px #410182;}
.offline_courses_sec .swiper-wrapper {
width: 100%;
height: 100%;
display: flex;
align-items: center;
z-index: 1;
position: relative;}
.offline_courses_sec .swiper-container {
width: 100%;
position: relative;
height: 100%;
border-radius: 10px;}
.offline_courses_sec .slider-item {
width: 100%;
height: 100%;
border-radius: 10px;
display: flex;
flex-direction: column;
flex-shrink: 0;
opacity: 0;}
.offline_courses_sec .sub-course-card .cont {
position: relative;
overflow: hidden;
transition: 0.1s;}
.sub-course-card .cont > * {
opacity: 0;}
.offline_courses_sec .sub-course-card .swiper-slide {
transition: opacity 0.1s ease;}
.offline_courses_sec .sub-course-card .swiper-slide:not(.swiper-slide-active) {
opacity: 0 !important;
pointer-events: none;}
.offline_courses_sec .sub-course-card .swiper-slide-active .cont > * {
opacity: 1;
transition: opacity 0.3s ease 0.1s;}
/* cont */
.offline_courses_sec .sub-course-card .cont h2 {
font-size: 31px;}
.offline_courses_sec .sub-course-card .cont .text-desc,
.offline_courses_sec .sub-course-card .cont ul li{
font-size: 16px;}
.offline_courses_sec .sub-course-card .cont .read-more{
font-size: 14px;
font-weight: 700;
position: relative;
z-index: 2;
color: #fff;}
.offline_courses_sec .sub-course-card .cont .btn-know-more{
border-radius: 30px;
border: 1px solid #fff;
color: #fff;
font-size: 16px;
margin-bottom: 5px;
padding: 7px 25px;}
.offline_courses_sec .sub-course-card .sub-course-img{
max-width: 100%;
width: 100%;
border-radius: 40px;
object-fit: cover;
aspect-ratio: 509 / 550;}
/* pagination */
.offline_courses_sec .sub-course-card .swiper-pagination {
position: absolute;
left: 50% !important;
bottom: -27px !important;
transform: translatex(-50%);
z-index: 1;
width: auto !important;}
.offline_courses_sec .sub-course-card .swiper-pagination-bullet {
width: 8px;
height: 8px;
border-radius: 50%;
line-height: 30px;
font-size: 12px;
opacity: 1;
background: rgba(255, 255, 255, 0.815);
display: inline-block;
margin-right: 8px;
cursor: pointer;
transition: all 0.2s;}
.offline_courses_sec .sub-course-card .swiper-pagination-bullet-active {
background: #E2C620;
width: 20px;
border-radius: 10px;}
@media (min-width:1200px){
.offline_courses_sec .nav-tabs .nav-item .nav-link span{
padding: 12px 37px !important;}
.offline_courses_sec .nav.nav-tabs{
padding-right: 75px !important;}
}
@media (min-width: 992px) {
.offline_courses_sec .nav-tabs{
width:max-content ;
padding: 0px 45px 0px 40px;
border-radius: 30px 30px 0px 0px;
background-color: #410182;}
.offline_courses_sec .nav-tabs .nav-item{
padding: 20px 10px 8px 10px;}
.offline_courses_sec .nav-tabs .nav-item .nav-link{
padding: 0px;
background-color: transparent;}
.offline_courses_sec .nav-tabs .nav-item .nav-link span{
padding: 8px 20px;
border-radius: 30px;
background: #fff;
color: #000; }
/* curve lg */
.offline_courses_sec .nav-tabs .right-curve-lg {
position: absolute;
top: 0px;
width: 35px;
height: 100%;
z-index: 0;
background-color: #410184;
right: -35px;}
.offline_courses_sec .nav-tabs .right-curve-lg::after {
content: '';
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background-color: #ffffff;
border-bottom-left-radius: 26px;}
.offline_courses_sec .nav-item:nth-child(2) .nav-link.active::before,
.offline_courses_sec .nav-item:nth-child(3) .nav-link.active::before,
.offline_courses_sec .nav-item:nth-child(-n+2) .nav-link.active::after{display:none}
.offline_courses_sec .nav.nav-tabs {
padding-right: 45px;
padding-left: 35px;}
.offline_courses_sec .sub-course-card{
padding-left: 50px;
border-radius: 0px 40px 40px 40px;}
.offline_courses_sec .sub-course-card .cont h2{
font-size: 42px;}
.offline_courses_sec .sub-course-card .cont .text-desc,
.offline_courses_sec .sub-course-card .cont ul li{
font-size: 18px;}
.offline_courses_sec .sub-course-card .cont .btn-know-more{
font-size: 18px;
padding: 10px 35px;}
.offline_courses_sec .sub-course-card .sub-course-img{
min-height: 540px;
aspect-ratio: 509 / 550;
margin-top: -140px;}
/* pagination */
.offline_courses_sec .sub-course-card .swiper-pagination {
bottom: 8px !important; }
}
@media (min-width:568px) and (max-width:991px){
.offline_courses_sec .nav.nav-tabs .nav-item:first-child .nav-link.active{
padding: 20px 10px 20px 30px;}
.offline_courses_sec .nav.nav-tabs .nav-item:last-child .nav-link.active{
padding: 20px 30px 20px 10px;}
}
@media (max-width:567px){
.offline_courses_sec .sub-course-card{
padding-left: 20px;}
.offline_courses_sec .nav-tabs .nav-item .nav-link{
padding: 20px 10px;}
.offline_courses_sec .nav-tabs .nav-item .nav-link:not(.active){
padding: 15px 8px;}
.offline_courses_sec .nav-tabs .nav-item .nav-link span{
font-size: 14px;}
.offline_courses_sec .nav.nav-tabs .nav-item .nav-link.active span {
padding: 10px 18px;}
.offline_courses_sec .sub-course-card .sub-course-img{
aspect-ratio: 318/ 340;}
}
/* / offline course sec */
/* student purchase sec */
@media (max-width:567px) {
.student-purchase-course .purchase-nav-sec li a.active::after{
display: none;}
.student-purchase-course .purchase-nav-sec .nav-list::after{
content:none !important;}
.student-purchase-course .purchase-nav-sec li a.active{
padding: 12px 20px !important;}
.student-purchase-course .purchase-nav-sec li a,
#course-sec .nav-list li .btn {
min-width: 150px !important;}
}
.slider-frozen .slick-track {
transition: none !important;
transform: translate3d(0, 0, 0) !important;}
/* slick_offline_course NAV */
.slick_offline_course nav{
padding: 22px 0px ;
}
/* sub-course-card */
/* slick margin */
.team-section .slick_team,
.placement-section .slick_placement,
.advancement-section .slick_adv,
#updates-sec .slick_updates,
#course-sec .slick_home_course{
margin-left: -15px;
margin-right: -15px;}
/* slick padding */
.team-section .slick_team .slick-item,
.placement-section .slick_placement .slick-item,
.advancement-section .slick_adv .slick-item,
#updates-sec .slick_updates .slick-item,
#course-sec .slick_home_course .slick-slide{
margin-left: 15px;
margin-right: 15px;}
/* team-section*/
.team-section .team-card{
box-shadow: 2px 2px 25px 0px #7627BB1A;
padding: 20px;
border-radius: 12px;
background-color: #fff;
height: 100%;}
.team-section .team-card .team-img{
width: 100%;
height: 400px;
object-fit: cover;}
.team-section .team-card .cont {
padding: 25px 15px 10px; }
.team-section .team-card .cont .name {
font-size: 18px; }
.team-section .team-card .cont .designations {
color: #595959;
font-size: 13px;}
@media (max-width:567px) {
.team-section .team-card .team-img{
height: auto;}
}
@media (min-width:1200px){
.team-section .instru-btn{
margin-top: 12px;}
}
@media (min-width:992px) and (max-width:1199px) {
.team-section .instru-btn{
margin-top: 9px;}
}
@media (min-width:767px) and (max-width:991px){
.team-section .instru-btn{
margin-top: 10px;}
}
/* join_card_sec join card */
.join_card_sec .join-card{
background: #0A72B4;
padding: 30px 25px;
color: #fff;
border-radius: 8px;}
.join_card_sec .join-card p {
font-size: 14px;}
@media (max-width:767px){
.join-card .btn {
width: 100%;
margin-top: 15px;}
.join_card_sec .join-card p {
font-size: 13px;
margin-top: 10px;}
.join_card_sec .btn-instrunctor{
width: 100%;
align-content:center;}
}
/* placeemnt */
.home_page .placement-section{
margin-top: -140px;}
@media(min-width:1200px){
.home_page .placement-section{
margin-top: -180px;}}
.placement-section .placement-card .placement-img{
width: 100%;
height: auto;
object-fit: contain;
}
.placement-section .placement-card .placement-logo{
height: 35px;
width: 100%;
object-fit: contain;
}
.advancement-section .adv-card{
box-shadow: 1.96px 1.96px 24.51px 0px #0000001A;
padding: 18px 20px;
border-radius: 16px;
height: 100%;
min-height: 240px;}
.advancement-section .adv-card .cont{
min-height: 150px;
overflow-y: auto;}
.advancement-section .adv-card .card-bottom{
position: relative;
width: auto;}
.advancement-section .adv-card .card-bottom .adv-img{
height: 39px;
width: 39px;
object-fit: cover;}
.advancement-section .adv-card .read-more{
font-size: 12px;
}
/* updates blog sec */
#updates-sec .updates-card{
box-shadow: 1.94px 1.94px 24.3px 0px #00000026;
margin-top: 15px;
border-radius: 19px;}
#updates-sec .updates-card .div-content {
padding: 20px;}
#updates-sec .updates-card .updates-img{
width: 100%;
height: 220px;
object-fit: cover;
border-radius: 18px 18px 0px 0px;}
#updates-sec .updates-card .btn-more{
background-color: transparent;
border: none;
border-radius: 5px;
background-color: white;
padding: 8px 20px;
border: 1px solid #323087 !important;}
#updates-sec .updates-card .cont .ctgy{
padding: 5px 18px 5px;
border-radius: 15px;
font-size: 11px;
width: fit-content;}
#updates-sec .updates-card .cont .title {
font-size: 20px;
height: 62px;
margin-top: 15px;}
/* foot */
#updates-sec .updates-card .card-foot{
margin-top: 25px;}
#updates-sec .updates-card .card-foot .date {
padding-left: 10px;}
#updates-sec .updates-card .card-foot .more-btn{
z-index:2 !important;}
#updates-sec .updates-card .card-foot .more-btn:hover .btn-more{
background: linear-gradient(90deg, #294789 0%, #32266F 100%) !important;
color:#fff !important;
z-index: 111;}
/* faq section */
.frq-question .frq-question-img{
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 20px;}
/* faq accordian */
.frq-question .accordion .accordion-item{
border: 0;
padding: 0 !important;}
.frq-question .accordion .accordion-item h2{
padding-top: 20px;
padding-bottom: 20px;}
.frq-question .accordion .accordion-item .accordion-body {
padding: 15px 10px;}
.frq-question .accordion .accordion-button span{
font-size: 16px;}
.frq-question .accordion .accordion-button[aria-expanded="true"] span {
font-family: 'HelveticaNowDisplay-Bold';
}
@media(max-width:567px){
#get-touch-sec .btn-submit{
border-radius: 5px !important;}
.checkout_page .banner-blue-pattern{
border-radius: 0px;}
.frq-question .accordion .accordion-button{
padding-right: 16px !important;}
}
.frq-question .accordion .accordion-item:not(:last-child) .accordion-header{
border-bottom: 1.03px solid #BFBFBF !important;}
.frq-question .accordion .accordion-button{
padding: 0;
box-shadow: none !important;
outline: none !important;}
.frq-question .accordion .accordion-button span{
line-height: 24px;}
/* collapsed */
.frq-question .accordion .accordion-button:not(.collapsed){
padding-left: 10px;
background-color: transparent !important;
color: #000;}
.frq-question .accordion .accordion-item .accordion-button::after{
background:url(../images/icons/plus.svg) ;
content: "" !important;
height: 15px;
width: 15px;
background-size: cover;
background-repeat:no-repeat ;
transition: all 0.4s ease;}
.frq-question .accordion .accordion-item .accordion-button:not(.collapsed):after{
background:url(../images/icons/negative.svg) ;
height: 3px;
width: 15px;
content: "" !important;
background-size: cover;
background-repeat:no-repeat ;
transform: rotate(180deg);
transition: all 0.4s ease;}
.frq-question .accordion .accordion-item .summernote-view,
.frq-question .accordion .accordion-item .summernote-view *{
font-size: 16px !important;}
@media(max-width:767px){
.frq-question .accordion .accordion-button{
padding-right: 16px !important;}
}
/* get in touch */
/* card */
.get-in-touch .get-touch-card{
background-color: #fff !important;
box-shadow: 0px 0px 25px 0px #00000026;
border-radius: 20px;
padding: 40px;}
.get-in-touch .get-touch-card .btn-submit {
padding: 10px;
font-size: 15px;
height: 53px;}
@media(min-width:768px){
.get-in-touch .get-touch-card .right-img {
height: 430px;
object-fit: cover;
margin-right: 30px;}}
@media(max-width:767px){
.get-in-touch .get-touch-card .right-img {
margin-bottom: 50px;}}
.get-in-touch .contact-card .chosen-container-single .chosen-single{
min-height: 42px;
line-height:32px;
background-color: #DDE2F875 !important;
border-radius: 10px;
padding: 5px 13px;}
.get-in-touch .contact-card .chosen-container-single .chosen-single span{
font-size: 12px;}
.get-in-touch .contact-card .form-label{
color:#4A4A4A;
margin-bottom: 5px;
}
.get-in-touch .contact-card .form-control{
background: #DDE2F875 !important;
min-height: 42px;
box-shadow: none !important;
border: 0 !important;
font-size: 12px;}
.get-in-touch .contact-card .form-select {
background-color: #DDE2F875 !important;
font-size: 12px;
min-height:42px;
border: 0px;
box-shadow: none !important;
color: #000 !important;
-moz-appearance: auto;}
.get-in-touch .contact-card .form-control::placeholder{
color: #8F8F8F !important;
font-size: 14px !important;}
.get-in-touch .contact-card .text-area{
min-height:41px;}
.get-in-touch .contact-card .iti--separate-dial-code .iti__selected-flag{
background-color: transparent !important;
font-size: 12px !important;}
.get-in-touch .contact-card .iti__divider{
padding: 0;
margin: 0;
border: none;}
@media (max-width:567px){
.get-in-touch .contact-card .form-control,
.get-in-touch .contact-card .form-select{
border-radius: 5px !important;}
#get-touch-sec .btn-submit{
border-radius: 5px !important;}}
/* /About */
/* contact page */
.contact_page .banner-sec{
margin-top: 170px;}
@media(max-width:991px){
.contact_page .banner-sec{
margin-top: 90px;}
}
@media(max-width:565px){
.contact_page .banner-sec{
margin-top: 50px;}
}
.contact_page .banner-sec .contact-card{
background-color: #fff;
box-shadow: 2px 2px 25px 0px #0000004D;
padding: 30px 20px;
border-radius: 20px;
}
.contact_page .banner-sec .contact-card input,
.contact_page .banner-sec .contact-card select{
border-radius: 38px !important;
box-shadow: none !important;
font-size: 14px;
}
.contact_page .banner-sec .contact-card .chosen-container-single .chosen-single{
background-color: #fff ;
border: 1px solid #ced4da;
padding: .375rem 0.75rem !important;
font-size: 1rem;
height: 40px;
font-weight: 400;
border-radius: 38px !important;
}
.contact_page .banner-sec .contact-card .form-control::placeholder{
font-size: 12px;
color : #8F8F8F !important;
}
.contact_page .banner-sec .contact-card .sms-icon{
width: 15px;
height: 12px;
margin-left: 10px;
position: absolute;
margin-top: 0px;
}
.contact_page .banner-sec .contact-card .email{
padding: 0.375rem 0.75rem 0.375rem 2rem;
}
.contact_page .banner-sec .contact-card textarea{
min-height: 90px;
box-shadow: none !important;
}
.contact_page .banner-sec .contact-card .iti--separate-dial-code .iti__selected-flag{
background-color:transparent !important;
border-right: 1px solid #c1c1c1 !important;
}
.contact_page .banner-sec .contact-card .iti__divider{
padding: 0;
margin: 0;
border: none;
}
.contact_page .banner-sec .contact-card h4 {
font-size: 34px;
}
.contact_page .banner-sec .contact-card .btn-submit {
padding: 10px;
}
@media(min-width:992px){
.contact_page .banner-sec .contact-card{
padding: 30px 40px !important;
margin-bottom: -60%;
position: relative;
z-index: 2;
}
.contact_page .banner-sec{
margin-bottom: 50px;
}
}
/* banner-title */
.contact_page .banner-title h3 {
font-size: 48px;
line-height: 65px;}
.contact_page .banner-title h5 {
font-size: 20px;
line-height: 30px;
margin-top: 30px;}
@media(max-width:991px){
.contact_page .banner-title h3 {
font-size: 30px;
line-height: 40px;}
.contact_page .banner-title h5 {
font-size: 16px;}
}
/* conatct-info */
.contact_page .conatct-info h5 {
font-size: 19px;
line-height: 32px;
margin-bottom: 25px;
}
.contact_page .conatct-info h6 {
font-size: 18px;
margin-bottom: 25px;
}
@media(max-width:991px){
.contact_page .conatct-info h5 {
font-size: 16px;
line-height: 25px;
}
.contact_page .conatct-info h6 {
font-size: 16px;
}
}
/* map sec */
.contact_page .map_sec .logo-img{
height: 41px;}
.contact_page .map_sec .text-branch{
color: #1A1A1A;
font-size: 51px;
font-family: 'HelveticaNowDisplay-Bold';}
/* bottom */
.contact_page .map_sec .bottom-card{
/* background: #1D1D1DE5; */
background-color: #343434;
margin-top: -40px;
position: relative;
z-index: 1;
padding: 40px 30px;
border-radius: 17px;}
@media (max-width:567px){
.contact_page .map_sec .logo-img{
height: 34px;}
.contact_page .map_sec .text-branch{
color: #1A1A1A;
font-size: 39px;}
.contact_page .map_sec .bottom-card {
padding: 25px 20px;}
}
@media (min-width:1200px){
.home_page .course-section .course-card .card-bottom .border-right div{
font-size: 11px !important;}
.home_page .course-section .main-head,
.home_page .team-section .main-head,
.home_page .sub-course-section .main-head,
.home_page .placement-section h2,
.home_page .advancement-section h2{
font-size: 50px;}
.home_page .updates-section h2,
.home_page .frq-question h2 {
font-size: 3rem !important;}
.home_page .team-section p,
.home_page .join_card_sec p,
.home_page .updates-section p{
font-size: 20px !important;}
.home_page .team-section .team-card .cont div:not(:last-child){
font-size: 22px !important;}
.home_page .frq-question .accordion .accordion-button span{
font-size: 20px !important;}
#course-sec .nav-list li .btn,
.home_page .join_card_sec .join-card .btn,
.home_page .team-section .instru-btn,
.home_page .placement-section .btn{
font-size: 15px !important;
padding: 8px 20px;}
.home_page .team-section .team-card .cont div:not(:first-child){
font-size: 14px !important;}
.home_page .count-section .counter{
font-size: 2.5rem !important;}
.home_page .count-section p{
font-size: 18px !important;}
.home_page .course-section .h2{
font-size: 38px !important;}
.home_page .catagory-section .slick_catagory .catagory-card .cont div{
font-size: 18px !important;}
.home_page .sub-course-section .sub-course-card .cont .btn,
.home_page .advancement-section .para-cont{
font-size: 20px !important;}
.home_page .join_card_sec .join-card{
padding: 30px 35px;}
.home_page .join_card_sec .join-card h3{
font-size: 2.2rem !important;}
.home_page #updates-sec .updates-card .cont .ctgy{
font-size: 13px;}
.get-in-touch .contact-card .form-control,
.get-in-touch .contact-card .form-control::placeholder,
.get-in-touch .contact-card .chosen-container-single .chosen-single span,
.chosen-container .chosen-results li{
font-size: 14px !important;}
.home_page .get-touch-card h3{
font-size: 2rem !important;
margin-bottom: 10px;}
.student-course-view .cont h6{
font-size: 16px !important; }
.student-course-view .cont h6:first-child{
font-size: 30px !important;
margin-bottom: 11px;}
.student-course-view .cont h6:last-child{
font-size: 22px !important;}
}
.get-in-touch .contact-card .iti__selected-flag .iti__flag,
.get-in-touch .contact-card .iti__country .iti__country-name{
display: none;
}
.iti__country-name, .get-in-touch .iti-mobile .iti__country{
display: none;
}
.contact_page .contact-info-sec{
z-index: -5 !important;
}
.contact_page .contact-info-sec .contact-card .iti__selected-flag .iti__flag,
.contact_page .contact-info-sec .contact-card .iti__country-name{
display: none !important;
}
@media(min-width:567px){
.iti__country-name, .get-in-touch .iti-mobile .iti__country{
display: none;
}
#indro .slide__content {
padding-left: 35px;
}
}
/* whatsapp-btn */
.whatsapp-btn{
position: fixed;
right: 25px;
bottom: 40px;
align-items: center;
background-color: #25d366;
padding: 15px;
border-radius: 50%;
z-index: 3;
box-shadow: 1px 6px 24px 0 rgba(7, 94, 84, .24);}
.whatsapp-btn img{
width: 40px;
height: 40px;}
/* notificaton-cions */
#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher.onesignal-bell-launcher-bottom-right .onesignal-bell-launcher-button {
right: 10px;
bottom: 35px;}
/* rechapcha */
.grecaptcha-badge{
opacity: 0 !important;}
/* footer */
.home_page footer{
padding-top: 236px;
margin-top: -275px;
}
footer {
background: url(../images/bg/footer-new.webp);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
overflow-x: hidden !important;
color: #fff;}
/* footer-top */
footer .footer-top {
padding-top: 60px;
padding-bottom: 60px;}
footer .footer-top .foot-about .a-logo {
margin-bottom: 25px;
display: inline-block;}
footer .footer-top .foot-about .dec {
font-size: 16px;
line-height: 25px;}
footer .footer-top .text-l {
font-size: 22px;}
footer .footer-top .links a, footer .footer-top .links .btn-flink {
margin-top: 5px;
margin-bottom: 10px;
font-size: 16px;
display: block;
text-decoration: none;
color: #fbfbfb;
cursor: pointer;}
footer .footer-top .links a.active, footer .footer-top .links a:hover, footer .footer-top .links .btn-flink.active , footer .footer-top .links .btn-flink:hover {
color: #ffffff;
font-weight:700;
transition: all 0.6s !important;}
@media(min-width: 768px) {
footer .footer-top .foot-about .a-logo img {
height: 75px;}
}
@media(max-width: 767px) {
footer .footer-top .foot-about .dec {
font-size: 14px;}
footer .footer-top .text-l {
font-size: 18px;
margin-top: 15px;
margin-bottom: 15px;}
footer .footer-top .links a {
font-size: 13px;}
footer .footer-top{
padding-bottom: 10px;}
}
.scroll-margin-top {
scroll-margin-top: 80px;
}
footer .fw-400{
font-weight: 400 !important;
}
/* footer-bottom */
footer .footer-bottom {
padding-top: 25px;
padding-bottom: 45px;
}
footer .footer-bottom .border-top {
border-top: 1px solid #FFFFFF29 !important;
margin-top: 10px;
}
@media(max-width: 767px) {
footer .footer-bottom {
padding-top: 15px;
padding-bottom: 15px;
}
footer .footer-bottom .copyright {
font-size: 13px;}
}
footer .footer-bottom .copyright a{text-decoration: none; color: #fff;}
footer .footer-bottom .copyright a:hover{color: #192F59;}
footer .footer-bottom .social-media a {
display: inline-block;
text-decoration: none;
margin-right: 15px;
color: #fff;
}
/* course - flink */
footer .footer-top .course-flink a.active, footer .footer-top .course-flink a:hover {
margin-top: 5px;
margin-bottom: 10px;
font-size: 16px;
display: block;
text-decoration: none;
color: #ffffff;
cursor: pointer;}
/* */
/* social */
.social a {
display: inline-block;
text-decoration: none;
margin-top: 10px;
/* margin-left: 10px; */
margin-right: 10px;}
.social a img {
height: 30px;}
/* btn-zoom-hover */
.btn-zoom-hover {
overflow: hidden;
transition: transform .6s;}
.btn-zoom-hover:hover,
.btn-zoom-hover:focus {
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);}
.banner-blue-pattern{
background-image:url('../images/bg/footer.webp');
background-color: #2D2C73;
background-repeat: no-repeat;
background-size: cover;
border-radius: 34px;
}
.banner-blue-pattern h2 {
font-size: 45px;}
.banner-blue-pattern .see-btn {
font-size: 14px;
padding: 10px 25px;
}
@media (max-width:767px){
.banner-blue-pattern h2 {
font-size: 25px;}
}
/* student-course-banner */
.student-course, .student-course-view{
padding-right: var(--bs-gutter-x, .75rem);
padding-left: var(--bs-gutter-x, .75rem);
margin-right: auto;
margin-left: auto;
}
@media (min-width: 1200px) {
.student-course, .student-course-view {
max-width: 1240px;
}
}
.student-course .banner-blue-pattern {
padding: 50px 50px;
box-shadow: 0px 4px 4px 0px #3A3989;
height: 178px;}
/* */
.all_course_page .student-course .banner-blue-pattern {
height: 193px;}
.student-course .banner-blue-pattern h4{
font-size: 34px;}
/* nav heading */
.student-course .banner-blue-pattern .nav{
background: #FFFFFF33;
width: max-content;
justify-self: end;
justify-content: end !important;
float: right;
padding: 5px;
border-radius: 30px;}
.student-course .banner-blue-pattern .nav .nav-link{
background: transparent;
color: #fff;
font-family:'helvetica_now_display_medium' ;
padding: .6rem 1.8rem;
border-radius: 30px;}
/* active */
.student-course .banner-blue-pattern .nav .nav-link.active{
background: #222222;
color: #fff;
font-family: 'HelveticaNowDisplay-Bold';
border-radius: 30px;}
@media(max-width:767px){
.all_course_page .student-course .banner-blue-pattern{
padding-bottom: 210px;
}
.course-list .course-card{
padding-bottom: 117px !important;}}
.course-list .course-card {
box-shadow: 1.86px 1.86px 23.29px 0px #00000026;
height:100%;
padding-bottom: 70px;
max-width: 400px;
width: 100%;
position: relative;
background-color: #fff;
border-radius: 14.01px;
margin: auto;}
.course-list .course-card .img .course-card-img{
width: 100%;
height:211.88px;
border-top-left-radius: 14.01px;
border-top-right-radius: 14.01px;
object-fit: cover;
}
.course-list .course-card .img .play-icons{
position: absolute;
width: auto;
top: 50%;
left: 40%;
transform: translateY(-50%);
}
.course-list .course-card .content h6{
color: #1F1F1F;
font-size: 19.85px;
line-height: 29.77px;
}
.course-list .course-card .content p{
color: #1F1F1F;
font-size: 12px;
}
.course-list .btns{
position: absolute;
width: 100%;
bottom: 5px;
}
.justify-items-center{
justify-items: center;
}
/* */
/* purchase-course */
.student-purchase-course .banner-blue-pattern{
padding: 25px 50px 140px 50px;
}
.student-purchase-course .banner-blue-pattern .rating-stars, .purchase-card .img-card .rating-stars{
top: -9px;
}
.student-purchase-course .banner-blue-pattern .rating-container .caption, .purchase-card .img-card .rating-container .caption{
display: none !important;}
.student-purchase-course .banner-blue-pattern .rating-md, .purchase-card .img-card .rating-md {
font-size: 27px !important;}
.student-purchase-course .banner-blue-pattern .rating-input, .purchase-card .img-card .rating-input{
display: contents !important;
}
/* .student-purchase-course .banner-blue-pattern .crs-card.card-1{
min-width: 180px;} */
.student-purchase-course .crs-card.a{
width:max-content !important;
}
/* .student-purchase-course .crs-card {
flex: 1;
min-width: 150px;
text-align: center;
max-width: 250px;
} */
.student-purchase-course .banner-blue-pattern .d-flex {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
}
.student-purchase-course .banner-blue-pattern .crs-card > div {
width: 100%;
border-radius: 2.22px;
}
.student-purchase-course .rating-stars{
font-size: 16px;
}
.student-purchase-course .rating-container .caption{
font-size: 19px;
}
.student-purchase-course .purchase-card{
box-shadow: 5px 5px 27px 0px #0000001A;
padding: 15px 15px;
background-color: #fff;
position: absolute;
top: -60px;
}
.student-purchase-course .purchase-card.disabled{
opacity: 0.8;
}
.student-purchase-course .purchase-card .purchase-img{
width: 100%;
height: 250px;
object-fit: cover;
border-radius: 8px;
}
.student-purchase-course .purchase-nav-sec li a{
padding: 10px 13px;
color: #5C5C5C;
font-family: helvetica_now_display_Light;
}
/* .student-purchase-course .purchase-nav-sec .nav-list::after{
border-bottom: 1px solid #CBCBCB;
} */
.student-purchase-course .purchase-nav-sec .nav-list{
position: relative;
padding-bottom: 10px;}
.student-purchase-course .purchase-nav-sec .nav-list::after{
content: "";
position: absolute;
width: 100%;
height: 3px;
left: 0px;
bottom: 0;
border-radius: 5px;
background: #CBCBCB;
z-index: 1;
margin-bottom: 10px;
}
.student-purchase-course .purchase-nav-sec li a.active .btn{
color: #2D2C73;
font-family: 'HelveticaNowDisplay-Bold';
}
.student-purchase-course .purchase-nav-sec li a.active::after {
content: "";
position: absolute;
width: 100%;
height:6px;
left: 0px;
bottom: 9px;
border-radius: 5px;
background: linear-gradient(90deg, #D1743B 0%, #C03180 100%);
z-index: 2;
}
/* btn tab */
.student-purchase-course .purchase-nav-sec li .btn{
padding: 10px 13px;
color: #5C5C5C;
font-family: helvetica_now_display_Light;
}
.student-purchase-course .purchase-nav-sec li .btn{
padding: 10px 30px;
white-space: nowrap;}
.student-purchase-course .purchase-nav-sec li .btn.active{
color: #2D2C73;
font-family: 'HelveticaNowDisplay-Bold';
}
.student-purchase-course .purchase-nav-sec li .btn.active::after {
content: "";
position: absolute;
width: 100%;
height:6px;
left: 0px;
bottom: -1px;
border-radius: 5px;
background: linear-gradient(90deg, #D1743B 0%, #C03180 100%);
z-index: 2;
}
@media(max-width:567px){
.student-purchase-course .purchase-nav-sec li .btn{
color: #373737 !important;
background-color: #fff !important;
border-radius: 20px;
padding: 10px 15px;
border: 0.95px solid #080808;
margin-right: 10px;}
.student-purchase-course .purchase-nav-sec li .btn.active{
background: #2D2C73 !important;
color: #fff !important;
border: 0 !important;
border-radius: 20px !important;}
.student-purchase-course .purchase-nav-sec li .btn.active::after{
display: none;}
.student-purchase-course .purchase-nav-sec li .btn.active{
color: #fff !important;}
.student-purchase-course .purchase-nav-sec li .btn{
min-width: 150px !important;}
.student-purchase-course .purchase-nav-sec li .btn.active{
padding: 12px 20px !important;}
}
/* syllabus accordian */
.student-purchase-course .syllabus-accordian{
box-shadow: 5px 5px 27px 0px #0000001A;
border-radius: 16px;
padding: 15px 15px 25px;}
.syllabus-accordian-items{
border: 1px solid #939393;}
.student-purchase-course .syllabus-accordian .accordion-button.collapsed{
background: #F8F8F8;}
.student-purchase-course .syllabus-accordian .accordion-button:focus{
box-shadow: none;}
.student-purchase-course .syllabus-accordian .accordion-item:first-of-type,
.student-purchase-course .syllabus-accordian .accordion-item:first-of-type .accordion-button{
border-radius: 14px 14px 0px 0px;}
.student-purchase-course .syllabus-accordian .accordion-item.last-visible-item,
.student-purchase-course .syllabus-accordian .accordion-item.last-visible-item .accordion-button {
border-radius: 0px 0px 14px 14px !important;}
.student-purchase-course .syllabus-accordian .accordion-item .accordion-button::after{
right: 10px;}
.student-purchase-course .syllabus-accordian .accordion-button:not(.collapsed){
background-color: #fff;
box-shadow: none;
border: 0px;}
.student-purchase-course .syllabus-accordian .accordion-button .text-count{
color: #610FA1;
font-size: 28px;}
.student-purchase-course .syllabus-accordian .accordion-button .text-cont{
color: #262626;
font-size: 14px;}
/* body */
.student-purchase-course .syllabus-accordian .accordion-body .syllabus_main_list{
list-style: none;
color: #4A4A4A;
font-size: 12px;
line-height: 30px;
padding-left: 20px;}
.student-purchase-course .syllabus-accordian .btn_load_more{
border: 2px solid #610FA1;
padding: 10px 20px;
width: 100%;
border-radius: 14px;
color: #610FA1;}
.student-purchase-course .syllabus-accordian .syllabus-accordian-items {
display: none; }
.student-purchase-course .syllabus-accordian .syllabus-accordian-items.active {
display: block; }
/* */
.student-purchase-course .purchase-card .btn-chart{
border: 1.5px solid #757575;
color: #4A4A4A;
height: 46px;}
.student-purchase-course .purchase-card .buy-btn{
height: 52px;
}
.student-purchase-course .course-section{
background-image:none !important;
}
@media(max-width:767px){
.student-purchase-course .mobile-view, .checkout_page .mobile-view{
box-shadow: 0px 0px 21px -5.25px #00000033;
position: fixed;
bottom: 0px;
z-index: 99;
background-color: #fff;
width: 100%;
transition: opacity 0.3s ease;
}
#mobilePurchaseCard.hidden {
opacity: 0;
pointer-events: none;
}
.student-purchase-course .mobile-view .btn-chart, .checkout_page .mobile-view .btn-chart{
border: 1px solid #757575;
padding: 6px 15px;
}
.student-purchase-course .mobile-view-banner .purchase-card {
box-shadow: none !important;
padding: 0px !important;
}
.student-purchase-course .mobile-view-banner .top-cont{
bottom: 8px !important;
top: initial;
z-index: 2;
}
.student-purchase-course .mobile-view-banner .img-card::after{
content: "";
position: absolute;
width: 100%;
height: 100%;
inset: 0;
background: #00000040 !important;
z-index: 1;
border-radius: 5px;
}
.student-purchase-course .purchase-card{
box-shadow: 5px 5px 27px 0px #0000001A;
padding: 15px 15px;
background-color: #fff;
position: initial;
top: -60px;
}
}
@media(max-width:567px){
.student-purchase-course .mobile-view .btn-chart{
padding: 6px 13px !important;
margin: 0px 6px !important;
}
.student-purchase-course .mobile-view .sm-card .btn.btn-blue{
width: auto !important;
}
.iti-mobile .iti__country-list{
width: max-content !important;
overflow-x: hidden !important;
border-radius: 5px;
}
}
.videomodal .btn-close {
position: absolute;
box-shadow: none !important;
outline: none !important;
right: 0;
top: -20px;
}
.student-purchase-course .purchase-card .btn-play,
.checkout_page .checkout-card .btn-play,
.student-course-view .btn-play {
position: absolute;
right: 50%;
bottom: 50%;
-webkit-transform: translate(50%,50%);
-ms-transform: translate(50%,50%);
transform: translate(50%,50%);
z-index: 11;
}
.attachment-card .btn-play{
position: absolute;
top: 37%;
transform: translateY(-50%);
text-align: center;
left: 40%;
z-index: 0 !important;
}
.purchase-card .top-cont ,.checkout_page .checkout-card .top-cont{
position: absolute;
top: 10px;
left: 15px;
z-index: 1;
}
.student-purchase-course.review .review-card .review-user{
width: 52px;
height: 52px;
border-radius: 13px;
}
.student-purchase-course.review .border-not-last:not(:last-child){
border-bottom: 1px solid #EAEAEA;
}
@media(max-width:767px){
.student-purchase-course .purchase-card .btn-play{
left: 40% !important;}
.purchase-card .top-cont{
right: 15px;}
}
@media(min-width:992px){
.student-purchase-course .purchase-card{
position: absolute;
top: -50px;
z-index:99;
margin-right: 1.5rem;
}
/* .course-section.related-course {
margin-top: -130px !important;
} */
.purchase-card.sticky {
position: fixed;
top: 100px;
width: 340px;
z-index: 100;}
.purchase-card.stopped {
position: absolute;
width: 340px;
z-index: 100;}
.purcard1 {
position: relative;}
}
.student-purchase-course .review-write-card textarea{
box-shadow: none;
outline: none;
background: #F0F0F0 !important;
border: 0;
min-height: 100px;
}
.student-purchase-course .review-write-card textarea::placeholder{
font-size: 12px;
color: #5C5C5C !important;
}
/* /purchase-course */
/* checkout */
.instructors_page .banner-blue-pattern,
.home_page .banner-blue-pattern{
padding: 50px 50px 150px ;
}
.instructors_page .team-section,
.instructors_page .placement-section{
margin-top: -100px;
}
.instructors_page .team-section .team-card .team-img {
width: 100%;
height: 270px;
object-fit: cover;
}
/* checkout */
.checkout_page .banner-blue-pattern{
padding: 50px 50px 218px
}
.checkout_page .banner-blue-pattern img{
height: 40px;
margin-right: 30px;
}
.checkout_page .banner-blue-pattern h4{font-size: 52px;}
.checkout_page .checkout-details{
margin-top: -187px;
}
/* checkout-card */
.checkout_page .checkout-card{
background-color: #fff;
padding: 30px 30px;
box-shadow: 0px 0px 21px -5.25px #00000033;
border-radius: 16px;
}
.checkout_page .checkout-card .purchase-img{
width: 100%;
height: 250px;
object-fit: cover;
}
.checkout_page .checkout-card .img-card::after{
position: absolute;
content: "";
width: 100%;
height: 100%;
inset: 0;
border-radius: 8px;
background: #00000033;
}
/* details-card */
.checkout_page .checkout-card.details-card .title{
font-size: 24px;
margin-bottom: 19px;
}
.checkout_page .checkout-card.details-card .sub-title{
font-size: 24px;
}
/* payment-card */
.checkout_page .payment-card{
background:#fff ;
padding: 30px 30px;
border-radius: 16px;
box-shadow: 0px 0px 21px -5.25px #00000033;
}
.checkout_page .payment-card .title{font-size: 24px; margin-bottom: 19px;}
.checkout_page .payment-card .form-control {
min-height: 46px;
border-radius: 8px;
border: 0px;
}
.checkout_page .payment-card input::placeholder {
color: #939393 !important;
font-size: 12px !important;
font-family: helvetica_now_display_Regular !important;}
/* .choose-card */
.checkout_page .chose-item {
display: flex;
flex-wrap: wrap;
gap: 19px 25px;
}
.checkout_page .choose-card .title {
font-size: 24px;
margin-bottom: 30px;}
.checkout_page .time-slot {
position: relative;
display: inline-block;
cursor: pointer;
border-radius: 10px;
border: 1px solid transparent;
padding: 10px 15px;
text-align: center;
background: #E8E8E8;
color: #505050;
font-size: 16px;
width: 175px;
min-height: 46px;
line-height: 23px;
transition: all 0.3s ease;
}
.checkout_page .time-slot.active{
border: 1px solid #277EFF;
background: #DEEBFF;
}
.checkout_page .time-slot input {
position: absolute;
opacity: 0;
pointer-events: none;
}
.checkout_page .time-slot.active input:checked + span {
color: #007bff;
font-weight: 600;
}
.checkout_page .time-slot span {
pointer-events: none;
display: block;
font-size: 12px;
}
@media (max-width:767px){
.checkout_page .chose-item{
gap: 11px 10px;}
.checkout_page .time-slot {
padding: 10px 8px;
width: 140px;}
.checkout_page .new-addr .form-control, .checkout_page .new-addr .form-select{
border-radius: 5px;}
}
.checkout_page .payment-card .chose-items label{
display: flex;
align-items: center;
background: #F7F7F7;
padding: 10px 10px;
margin-bottom: 11px;
border-radius: 10px;
border: 1px solid #BFBFBF;
}
@media(max-width:567px){
.checkout_page .banner-blue-pattern{
border-radius: 0px;}
}
/* payment-card */
.checkout_page .payment-card .chose-items label.active{
background: #D1E2FB !important;
border: 1px solid #0267FE;
}
.checkout_page .chose-checkbox-radio .chose-items input{
background: transparent !important;
border: 1px solid #A6A4A4;
margin-right: 5px;
}
.checkout_page .chose-checkbox-radio .chose-items span{
color: #505050;
font-size: 12px;
}
.checkout_page .chose-items .payments:has(input[type="radio"]:checked){
background-color: #fff !important;
border: 1px solid #0267FE;
}
.checkout_page .chose-checkbox-radio .chose-items input:checked::before {
content: "";
background-color: #0267FE;
border-radius: 100%;
margin: 2px;
padding: 1px;
width: 9px;
height: 9px;
}
/* instalment card */
.checkout_page .installment-card{
background: #FCFCFC;
border: 1px solid #D6D8DB;
padding: 10px 0px;
border-radius: 10px;
}
/* promo card */
.checkout_page .promo-card{
background: #FCFCFC;
border: 1px solid #D6D8DB;
padding: 10px 0px;
border-radius: 10px;
margin-bottom: 10px;
}
.checkout_page .payment-card .form-control::placeholder{
font-size: 12px;
color: #939393 !important;
}
.checkout_page .payment-card .btn-apply{
min-width: 94px;
min-height: 46px;
border: 1px solid #0267FE;
color: #0267FE;
}
.checkout_page .payment-card .btn-pay{
height: 55px;
margin-top: 10px;
}
.checkout_page .payment-card .btn-remove{
color: #3F5944;
border: 1px solid #12657E;
}
.checkout_page .payment-card .promo-icon{
position: absolute;
width: 16px;
height: 16px;
left: 10px;
top: 10px;
}
.checkout_page .payment-card .added-prom .form-control{
padding-left : 2.2rem;
}
/* address card */
.address-card .title{
font-size: 24px;
margin-bottom: 25px;
}
.address-card .sub-title{
color: #3D3D3D;
font-size: 18px;
margin-bottom: 22px;
}
.checkout_page .checkout-card.address-card input[type="radio"]:checked::before{
content: "";
background:url(../images/icons/rigth.png);
background-position: center;
background-size:cover ;
background-repeat: no-repeat;
top: 6px;
left: 3px;
height: 9px;
width: 14px;
}
.checkout_page .checkout-card.address-card input[type="radio"]:checked{background: #007bff !important;}
.checkout_page .checkout-card.address-card input[type="radio"]{
height: 20px;
width: 20px;
border-radius: 50%;
}
.checkout_page .checkout-card.address-card .address.active input[type="radio"]{
background: #007bff !important;
}
.checkout_page .checkout-card.address-card .address{
background-color: #eeeeeed5;
border: 1px solid transparent;
padding: 15px;
}
.checkout_page .checkout-card.address-card .address .name{
margin-bottom: 5px;
}
.checkout_page .checkout-card.address-card .address .numb{
margin-top: 10px;
}
.checkout_page .checkout-card.address-card .address.active{
background: #EAEBFF;
border: 1.5px solid #616AC1;
}
/* new-addr */
.checkout_page .checkout-card.address-card .new-addr .title{
margin-bottom: 20px;
}
.checkout_page .checkout-card.address-card .new-addr .form-control, .checkout_page .checkout-card.address-card .new-addr .form-select{
min-height: 40px;
margin-bottom: 25px;
}
.checkout_page .checkout-card.address-card .new-addr label{
font-size: 15px;
}
.checkout_page .checkout-card.address-card .new-address{
min-width: 175px !important;}
.checkout_page .checkout-card.address-card .btn{
min-width: 122px;
height: 46px;
border-radius: 8px;
}
/* disable add-address btn */
.checkout_page .checkout-card.address-card .btn.fake-disabled {
pointer-events: auto; /* Allow clicks */
opacity: 0.6;
cursor: not-allowed;}
/* verify */
.checkout_page .verify-card .title{
font-size: 24px;
margin-bottom: 19px;
}
/* placeholder */
.checkout_page .verify-mob input::placeholder {
color: #000000 !important;
font-size: 12px !important;
font-family: helvetica_now_display_Light !important;
letter-spacing: 1px !important;}
.checkout_page .verify-mob ::-webkit-input-placeholder {
color: #000000 !important;
font-size: 12px !important;
font-family: helvetica_now_display_Light !important;
letter-spacing: 1px !important;}
.checkout_page .verify-mob input:-moz-placeholder {
color: #000000 !important;
font-size: 12px !important;
font-family: helvetica_now_display_Light !important;
letter-spacing: 1px !important;}
.checkout_page .verify-mob input::-moz-placeholder {
color: #000000 !important;
font-size: 12px !important;
font-family: helvetica_now_display_Light !important;
letter-spacing: 1px !important;}
.checkout_page .verify-mob input:-ms-input-placeholder {
color: #000000 !important;
font-size: 12px !important;
font-family: helvetica_now_display_Light !important;
letter-spacing: 1px !important;}
.checkout_page .verify-mob .form-control{
border-radius: 10px;
background-color: #EEEBEB;
font-size: 14px;
border: none;
padding: 15px;
}
.checkout_page .verify-mob .iti--separate-dial-code .iti__selected-flag {
background-color: transparent;
}
.checkout_page .verify-mob .iti__selected-flag {
padding: 0 6px 0 20px;
}
.checkout_page .verify-mob .form-foot .btn-red {
padding: 15px 25px;
border-radius: 10px;
background: linear-gradient(90deg, #D1743B 0%, #C03180 100%);
border: none;
box-shadow: none;
min-width: 156px;
min-height:48px;
color: #FFFFFF;
}
.checkout_page .otp-input input {
width: 40px;
height: 40px;
margin-right: 3px;
margin-bottom: 10px;
text-align: center;
font-size: 0.89rem;
border: none !important;
border-radius: 12px;
background: #F0F0F0 !important;
color: #282828;
transition: all 0.3s ease;
outline: none;
}
/* Add violet border only when input is clicked or focused */
.checkout_page .otp-input input:focus {
border: 2px solid #474684 !important; /* Your expected violet border */
box-shadow: none !important; /* Remove any unwanted shadow */
}
@media((max-width: 567px)){
.checkout_page .otp-input input {
width: 33px;
height: 33px;
}
.checkout_page .banner-blue-pattern h4{
font-size: 24px;
}
.checkout_page .banner-blue-pattern img {
height: 30px;
margin-right: 15px;
}
.checkout_page .checkout-card.details-card .title{
font-size: 18px;
margin-bottom: 10px;
}
.checkout_page .checkout-card.details-card .sub-title {
font-size: 20px;
}
.checkout_page .choose-card .title, .address-card .title{font-size: 18px;}
.address-card .sub-title{font-size: 14px;}
.checkout_page .payment-card .title{font-size: 20px;}
.student-course-view .left-side .video {
height: auto !important;
min-height: 200px !important;
}
.student-course-view .left-side .video .video-image {
height: auto !important;
object-fit: cover !important;
min-height: 200px !important;
}
}
/* / checkout */
.modal.modal-default.confirm-custom-modal .modal-body{
padding: 15px 70px;
}
.modal.modal-default.confirm-custom-modal .modal-body .icon {
text-align: center;
margin-top: 20px;
margin-bottom: 15px;}
.modal.modal-default.confirm-custom-modal .modal-body h1{
font-size: 30px;
color:#363636;
}
@media (max-width: 767px) {
.student-course{padding: 0;}
.student-course .course-list{
margin-top: -90px;
}
.student-course .banner-blue-pattern {
box-shadow:none;
border-radius: 0;
padding: 22px 21px;}
.modal.modal-default.confirm-custom-modal .modal-body{
padding: 15px 46px;
}
.modal.modal-default.confirm-custom-modal .modal-body h1{font-size:20px;}
.modal.modal-default.confirm-custom-modal .modal-body h5{font-size:13px;}
}
.modal.modal-default.confirm-custom-modal .modal-body h1
.modal.modal-default.confirm-custom-modal .modal-body h5 {
font-size: 13.68px;
line-height: 21.43px;
margin-top: 20px;
color: #3D3D3D;}
.modal.modal-default.confirm-custom-modal .modal-footer {
padding-bottom: 40px;
border-top: none;}
.modal.modal-default.confirm-custom-modal .modal-footer .btn {
font-size: 11px;}
.student-course-view .banner-blue-pattern {
padding: 30px;
border-radius: 0;
}
.student-course-view .banner-blue-pattern .title {
font-size: 34px;
margin-bottom: 19px;
}
.student-course-view .banner-blue-pattern .sub-text{margin-bottom: 31px;}
.student-course-view .banner-blue-pattern .title-topic {
font-size: 28px;
margin-bottom: 15px;
}
.student-course-view .banner-blue-pattern .read-more{
font-size: 13px;
color: #fff;
}
@media(min-width:767px){
.student-course-view .banner-blue-pattern {
padding: 50px 50px 150px 50px;
border-radius:34px;
margin: auto;
}
.student-course-view .course-exam-sec{
margin-top: -213px;
}
}
@media(max-width:767px){
.student-course-view .banner-blue-pattern{
margin: 0px -18px 0 -17px;}
.student-course-view .banner-blue-pattern .title {
font-size: 24px;
}
.student-course-view .banner-blue-pattern .title-topic{font-size: 18px;}
.student-course-view .left-side .cont,
.student-course-view .sm-card .cont{
bottom: 0 !important;
}
.student-course-view .card-sm{
box-shadow: 3.36px 3.36px 18.14px 0px #0000001A;
padding: 15px 60px 15px 20px !important;
}
.student-course-view .robot-card{
position: absolute;
right: 10px;
top: -4px;
}
.student-course-view .left-side .top-cont h5{
font-size: 17px !important;
}
.student-course-view .sm-card .top-cont .exam-data {
font-size: 13px !important;
}
.student-course-view .left-side .video{
height: 200px;
}
.student-course-view .left-side .video .video-image{
height: 200px;
}
.student-course-view .left-side .video .play-img {
height: 51px !important;
}
.student-course-view .left-side .cont h6:first-child{
font-size: 17px !important;
}
.student-course-view .left-side .cont h6:last-child{
font-size: 12px !important;
}
.student-course-view .left-side .video .btn-status{
font-size: 11px !important;
min-width: 111px !important;
height: 39px !important;
line-height: 27px !important;
}
.student-course-view .left-side .sm-card .btn-status{
font-size: 11px !important;
min-width: 106px !important;
height: 34px !important;
line-height: 19px !important;
}
.student-course-view .left-side .cont,
.student-course-view .sm-card .cont{
padding: 10px 22px!important;
}
.student-course-view .left-side .top-cont,
.student-course-view .top-cont{
padding: 10px 22px!important;
}
.student-course-view .btn-topic{
box-shadow: -1px 2px 4px 0px #0000001A !important;
border: 0 !important;
border-radius: 10px;
width: 212px;
display: flex !important;
justify-content: space-between;
}
.student-course-view .search-form .form-control{
max-width: 200px;
}
.student-course-view .form-control.search{
max-width: 250px !important;
}
#modal_topic .search-form .form-control{
background: transparent;
font-size: 13px;
padding: 6px 55px 6px 15px;
border-radius: 10px;
border: 1px solid #7C7C7C;
border-radius: 5px !important;
box-shadow: none;
}
#modal_topic .btn-ser{
position: absolute;
top: -1px;
right: 8px;
}
}
/* btn-blue */
.btn-blue{
color: #fff;
background-color: #0267FE;
border: 1px solid #0267FE;
}
.btn-blue:hover{
color: #fff;
background-color: #0267FE;
border: 1px solid #0267FE;
}
/* btn-outline-blue */
.btn-outline-blue{
color: #0267FE;
background-color: #F8FAFF;
border: 1px solid #0267FE;
}
.btn-outline-blue:hover{
color: #0267FE;
background-color: #F8FAFF;
border: 1px solid #0267FE;
}
.btn-l-green {
background-color: #80f0bf;
color: #287a56;
border-color: #80f0bf;
}
.btn-lm-green, .btn-lm-green:hover{
background-color: #21B045;
color: #fff;
border: 1px solid #21B045;
}
.btn-l-red, .btn-l-red:hover{
background-color: #C30505;
color: #fff;
border: 1px solid #C30505;
}
.btn-l-orange, .btn-l-orange:hover{
background: #FF8D3A;
color: #fff;
border: 1px solid #FF8D3A;
}
.btn-secondary, .btn-secondary:disabled {
color: #777b7e;
background-color: #e2e2e2;
border-color: #e2e2e2;
}
.btn-d-black , .btn-d-black:hover {
color: #fff;
background-color: #32373c;
border-color: #32373c;}
/* btn-outline-orange */
.btn-outline-orange{
color: #FF7707;
background-color: #FFE9D6;
border: 1px solid #FF7707
}
.btn-outline-orange:hover{
color: #FF7707;
background-color: #FFE9D6;
border: 1px solid #FF7707
}
/* btn-outline-orange */
.btn-outline-red{
color: #FF0000;
background-color: #FFCFCF;
border: 1px solid #FF0000
}
.btn-outline-red:hover{
color: #FF0000;
background-color: #FFCFCF;
border: 1px solid #FF0000
}
.btn-lr-blue, .btn-lr-blue:hover{
color: #F9F9F9;
background: #1596FF;
border: 1px solid #1596FF;
}
/* btn-outline-black */
.btn-outline-black{
color: #000000;
background-color: transparent;
border: 1px solid #000000
}
.btn-outline-black:hover{
color: #fff;
background-color: #2e2e2e;
border: 1px solid #2e2e2e;
}
/* btn-see */
.see-btn{
background: #E2C620 !important;
color: #412877 !important;
}
/* lh */
.lh-19{
line-height: 19px;
}
.lh-25{
line-height: 25px;
}
.lh-33{
line-height: 33px;
}
.lh-39{
line-height: 39px;
}
/* mt--50 */
.mt--45{
margin-top:-45px;
}
/* mt--60 */
.mt--60{
margin-top:-60px;
}
/* */
.student-course-view .left-side .video{
position: relative;
overflow: hidden;
height: 350px;
}
.student-course-view .left-side .video .video-image{
width: 100%;
height:350px;
object-fit: cover;}
.student-course-view .left-side .video .waiting-img{
width: 30px;
height: auto;
background: #FFFFFF85;
border-radius: 50%;
padding: 5px;
}
.student-course-view .left-side .top-cont, .student-course-view .top-cont{
position: absolute;
top: 10px;
padding: 10px 30px;
width: 100%;
z-index: 99;
}
.student-course-view .left-side .top-cont h5{
font-size: 33px;
}
.student-course-view .left-side .video .play-img{height: 96px;}
.student-course-view .left-side .video .btn-status, .student-course-view .left-side .sm-card .btn-status {
font-size: 15px;
min-width: 172px;
height: 55px;
line-height: 40px;
}
.student-course-view .left-side .cont, .student-course-view .sm-card .cont{
position: absolute;
width: 100%;
bottom: 10px;
padding: 10px 30px;
color: #fff !important;
z-index: 5;
}
.student-course-view .nolive-img{
width: 100%;
object-fit: cover;
min-height: 200px;
}
.student-course-view .sm-card img{
height: 100%;
width: 100%;
object-fit: cover;
}
.student-course-view .sm-card{
width: 100%;
height: 192px;
background: linear-gradient(94.95deg, #6E3997 6.07%, #480F74 90.25%);
margin-bottom: 42px;
}
.student-course-view .sm-card .top-cont .exam-data{
font-size: 25.29px;
}
.student-course-view .left-side .video::before,
.student-course-view .attachment-vd-card::after{
content: "";
position: absolute;
width: 100%;
height: 100%;
inset: 0;
background: linear-gradient(0deg, #2c2c2c79, #2c2c2c72),
linear-gradient(180deg, rgba(0, 0, 0, 0) 58.5%, #00000071 109.19%);
}
.student-course-view .attachment-video{
height: 50px;
width: 100%;
object-fit: cover;
}
.student-course-view .att-sm-card{
background: #F4F4F4;
padding: 10px 10px;
min-height: 50px;
border-radius: 6px;
}
.f-thumbs__slide__button{
display: none !important;
}
.student-course-view .card-sm{
padding: 18px 20px;
border-radius: 0px 15px 15px 15px;
background-color: #fff;
margin-top: 30px ;
margin-bottom: 16px;
}
@media (max-width:567px){
.student-course-view .sm-card{
height: auto;
min-height: 130px;
}
.student-course-view .sm-card img{
min-height: 130px;
}
}
/* card-topic-list */
.student-course-view .card-topic-list{
position: absolute;
z-index: 1;
}
.student-course-view .right-card{
/* margin-top: -80px; */
background-color: #fff;
padding: 10px 10px;
border-radius: 10px;
box-shadow: 3.36px 3.36px 18.14px 0px #0000001A;
}
.student-course-view .right-card .video-img{
width: 100%;
height: 200px;
border-radius: 10px;
object-fit: cover;
}
.student-course-view .search-form .form-control {
background: transparent;
font-size: 13px;
padding: 6px 45px 6px 15px;
border-radius: 10px;
border: 1px solid #7C7C7C;
border-radius: 5px !important;
box-shadow: none;
}
.student-course-view .search-form {
position: relative;
width: 100%;
}
.student-course-view .search-form .btn {
position: absolute;
right: 0;
top: 0;
min-width: auto;
}
.student-course-view .r-card, #modal_topic .r-card{
border: 1px solid #DCD9FF;
padding: 10px;
border-radius: 8px;
}
.student-course-view .active .r-card,
#modal_topic .selected .r-card{
border: 1px solid #2E98FA;
padding: 10px;
color: #fff !important;
border-radius: 8px;
background:#2E98FA;
}
.student-course-view .card{
box-shadow: 2px 4px 10px 0px #00000026;
border: 2px solid #0A88FF;
background: #FFFFFF;
border-radius: 15px;
padding: 10px 20px;
color: #0A88FF !important;
}
.student-course-view .course-list li, .student-course-view ul li,
#modal_topic ul li
{
list-style: none;
}
.student-course-view ul li button.btn,
#modal_topic .pagination-list li .btn{
padding: 2px 8px 0px !important
}
.student-course-view ul li:not(:first-child){
margin-left: 5px;
}
.student-course-view ul li button.btn.active,
#modal_topic .pagination-list li button.btn.active{
background: #412977 !important;
border-radius: 50%;
color: #fff;
}
.robot-img {
animation: upDownAnimation 3s linear infinite;
}
.student-course-view .meterial-card.disabled {
opacity: 0.5;
z-index: 0;
}
.student-course-view ul li a.btn {
color: #343232;
border: 0px !important;
}
/* instructor page */
.instructors_page .placement-section .placement-card h6{
letter-spacing: 1px;
font-weight: 500;
font-size: 18px;
}
@media (max-width:767px) {
.instructors_page .team-section .row .col-12,
.instructors_page .placement-section .row .col-sm-6{
justify-items: center !important;
}
.instructors_page .team-section .team-card ,.instructors_page .placement-section .placement-card{
max-width: 350px;
margin: auto;}
}
@keyframes upDownAnimation {
0% { transform: translateY(0); }
50% { transform: translateY(-30px); }
100% { transform: translateY(0); }
}
html.with-fancybox{
overflow: hidden !important;
}
.disabled-link {
pointer-events: none;
}
/* */
.modal.modal-default.custom-confirm .modal-body .icon{
width: 90px;
height: 90px;
line-height: 81px;
}
.modal.modal-default.custom-confirm .modal-body h1{color:#363636;}
.modal.modal-default.custom-confirm .modal-body h5{
font-size: 13px;
margin-top: 15px;
color: #5c5c5c;
line-height: 23px;
}
.modal.modal-default.custom-confirm .modal-body .text-grey{color: #5c5c5c;}
.modal.modal-default.custom-confirm .modal-body .text-d-dark{color: #3d3d3d;}
.profile-card-sec{
margin-top: -200px;
position: relative;
padding-top: 0;
min-height: 540px;
}
@media (max-width:567px){
.profile-card-sec{
height: 100vh !important;
}
}
.profile-dtl.sm-card{
width: fit-content;
margin-bottom: 10px;
}
.profile-dtl.sm-card .btn-group .btn.active{
background-color: #000;
color: #fff;
align-content: center;
}
.profile-dtl.sm-card .btn-group .btn.active img:first-child{
display: none;
}
.profile-dtl.sm-card .btn-group .btn.active img:last-child{
display: inline-block;
}
.profile-dtl.sm-card .btn-group .btn img:first-child{
display: inline-block;
}
.profile-dtl.sm-card .btn-group .btn img:last-child{
display: none;
}
.student_certifcate_page .form-body .not-gen{
border: 1px solid #5E5C5C !important;
background-color: transparent;
color: #5E5C5C;
}
.student_certifcate_page .form-body .btn-gen{
background: #007BFF;
border: 1px solid #007BFF !important;
color: #fff !important;
}
.student_certifcate_page .form-body .btn{
padding: 10px 10px;
font-size: 12px;
border-radius: 10px;
}
.student_certifcate_page .border-not-last-gray:not(:last-child){
border: 2px solid #E3E3E3;
}
/* for pushnotification icon */
#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher.onesignal-bell-launcher-bottom-right{
bottom: 75px !important;
}
/* digiatl marketing course */
/* bannersec */
.digital_banner_sec {
background-image: url(../images/bg/landing-banner.png);
padding-top: 150px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
color: #fff;}
.digital_banner_sec .main-ban-img{
width: 100%;
height:auto;}
@media (max-width:767px){
.digital_banner_sec .main-ban-img{
height: auto;
width: 100%;}}
.digital_marketing_bottom_sec{
background-color: #4F0197;
margin-top: -50px;}
/* sm-card */
.digital_marketing_bottom_sec .sub-card{
border-radius: 18px;
margin-top: -80px;
height: 140px;
padding:15px;
justify-items: center;
text-align: center;
background: #4817AC;}
.digital_marketing_bottom_sec .sub-card .main-text{
font-size: 37px;
line-height: 42px;
margin-bottom: 10px;
color: #E8C61F;}
.digital_marketing_bottom_sec .sub-card .text-sub{
font-size: 22px;
line-height: 24px;
color: #fff;}
.digital_banner_sec .sm-card h1{
line-height: 29px;
color: #fff;
letter-spacing: 0px;
font-size: 32px;}
.digital-banner-sec .sm-card h1{
line-height: 29px;
letter-spacing: 0px;
font-size: 32px;}
@media (min-width:992px){
.digital_marketing_bottom_sec .sub-card{
margin-top: -100px;}
}
@media (max-width:767px){
.digital_banner_sec .sm-card h1{
line-height: 114%;
font-size: 28px;}
.digital_banner_sec .sm-card .banner-section{
line-height: 119%;
font-size: 23px !important;}
.digital_marketing_bottom_sec .sub-card {
height: 85px;
align-content: center;
padding: 15px 12px;
border-radius: 10px;
margin-bottom: 20px;}
.digital_marketing_bottom_sec .sub-card .main-text{
font-size: 20px;
line-height: 22px;
margin-bottom: 4px;}
.digital_marketing_bottom_sec .sub-card .text-sub{
font-size: 12px;
line-height: 14px;
}
}
@media(min-width:768px) and (max-width:991px){
.digital_banner_sec .sm-card h1{
line-height: 29px;
font-size: 32px;}
}
.digital_banner_sec .sm-card h1 span{
color: #E4C407;}
.digital_banner_sec .sm-card .text-m{
color: #fff;
font-size: 17px;
line-height: 25px;}
@media (max-width:767px){
.digital_banner_sec .sm-card .text-m{
font-size: 15px;
line-height: 25px;}
}
/* form-card */
/* .digital_banner_sec .form-card{
padding: 30px 30px;
background: #00000052;
border-radius: 20px;}
.digital_banner_sec .form-card .btn{
background-color: #000;
padding: 15px;
color: #fff;
font-size: 20px;
border-radius: 14px;
line-height: 93%;}
@media (max-width:767px){
.digital_banner_sec .form-card .btn{
font-size: 15px;
}
} */
/* offer-card */
.digital_marketing_sec .main-head{
font-size: 36px;
line-height: 48px;}
.digital_marketing_sec .main-head span{
font-size: 40px;
line-height: 48px;}
@media (max-width:767px){
.digital_marketing_sec .main-head{
font-size: 27px;
line-height: 37px;}
.digital_marketing_sec .main-head span{
font-size: 28px;
line-height: 46px;}
}
@media(min-width:768px) and (max-width:991px){
.digital_marketing_sec .main-head{
font-size: 32px;
line-height: 37px;}
.digital_marketing_sec .main-head span{
font-size: 35px;
line-height: 51px;}
}
/* oofercard */
.digital_marketing_sec .offer-card{
padding: 50px 35px;
background: #F1EDFA;
color:#202020 ;
border-radius: 20px;}
.digital_marketing_sec .offer-card .text-head{
font-size: 36px;
line-height: 56px;}
.digital_marketing_sec .offer-card .item{
display: flex;
align-items: center;}
.digital_marketing_sec .offer-card .item .text-m{
color: #202020;
font-size: 16px;
line-height: 26px;}
.digital_marketing_sec .offer-card .item img {height: 70px;}
@media(max-width:767px){
.digital_marketing_sec .offer-card{
padding: 20px 25px;}
.digital_marketing_sec .offer-card .text-head{
font-size: 27px;
line-height: 38px;}
.digital_marketing_sec .offer-card .item .text-m{
font-size: 18px;
line-height: 29px;}
}
/* digital marketing placement */
/* .digital-marketing-placement .placement-section .placement-card .placement-img{
width: 100%;
height: 100% !important;
object-fit: cover;} */
.digital-marketing-placement .placement-section {
margin-top: -85px;
}
.digital-marketing-placement .banner-blue-pattern {
padding: 30px 25px 90px;
}
@media (min-width: 1200px) {
.digital-marketing-placement .placement-section {
margin-top: -180px;}
.digital-marketing-placement .banner-blue-pattern {
padding: 50px 50px 150px;}
}
/*join sec */
.join_digital_sec {
background:url(../images/bg/footer.webp);
color: #fff;}
.join_digital_sec .main-head{
font-size: 50px;
line-height: 62px;
margin-bottom: 25px;}
.join_digital_sec .main-head span{
color:#FFDD14;}
@media(max-width:767px){
.join_digital_sec .main-head{
font-size: 27px;
line-height: 37px;}
}
@media(min-width:768px) and (max-width:991px){
.join_digital_sec .main-head{
font-size: 36px;
line-height: 47px;}
}
.join_digital_sec .text-m{
font-size: 20px;
line-height:30px;}
@media(max-width:767px){
.join_digital_sec .text-m{
font-size: 17px;
line-height: 27px;}
}
/* card */
.join_digital_sec .sm-card {
padding: 35px 30px;
background-color: #fff;
color: #202020;
border-radius: 20px;
box-shadow: 3px 4px 42px 1px #0000001A;}
.join_digital_sec .sm-card .item{
display: flex;
height: 100%;
align-items: center;
padding: 20px;
border-bottom: 1px solid #E2E2E2;
gap: .5rem;}
.join_digital_sec .sm-card .item.a {
border-right:1px solid #E2E2E2;}
@media(max-width:767px){
.join_digital_sec .sm-card .item.a {
border-right:1px solid #E2E2E2;}
}
.join_digital_sec .sm-card .item .text-sm{
font-size: 16px;
line-height: 28px;}
.join_digital_sec .sm-card .item img{height: 70px;}
/* course-overview */
/* nav */
.course_overview_sec{
background-image: url('../images/bg/bg-white-pattern.svg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.course_overview_sec .nav-list {
display: flex;
text-decoration: none;
list-style: none;
overflow: scroll hidden;
scroll-snap-type: x mandatory;
scroll-padding: 0px 1.25rem;
justify-content: space-between;
scrollbar-width: none;}
.course_overview_sec .nav-list li .btn {
font-size: 20px;
min-width: 100px;
border-radius: 0px;
padding: 10px 20px;
white-space: nowrap;}
.course_overview_sec .nav-list .btn.active {
color: #501F9F;
font-family: 'helvetica_now_display_extraBold';
border-bottom: 2px solid #000000;}
@media (max-width:567px){
.course_overview_sec .nav-list {
padding:0px !important ;
flex-wrap: nowrap;}
.course_overview_sec .nav-list .btn.active{
background-color: #501F9F;
color: #fff;
min-width: 120px;
border-radius: 30px;
}
}
/* cont */
.course_overview_sec .main-head{
font-size: 52px;
line-height: 60px;
margin-bottom: 20px;}
@media(max-width:767px){
.course_overview_sec .main-head{
font-size: 27px;
line-height: 37px;}
}
@media(min-width:768px) and (max-width:991px){
.course_overview_sec .main-head{
font-size: 35px;
line-height: 42px;}
}
.course_overview_sec .text-m{
font-size: 18px;
line-height: 32px;
font-family: 'helvetica_now_display_regular';
color: #000;}
/* card */
.course_overview_sec .sm-card .item{
display: flex;
gap: 0.8rem;
margin-bottom: 25px;
align-items: start;}
.course_overview_sec .sm-card .text-sm{
color: #D92A7B;
font-size: 34px;
line-height: 45px;}
.course_overview_sec .sm-card .text-s{
font-size: 17px;
line-height: 31px;
color: #373737;}
.course_overview_sec .sm-card .item img{height:65px;}
/* tool icons */
.course_overview_sec .card .tool-icons{
height: 110px;
}
@media(max-width:767px){
.course_overview_sec .sm-card .text-sm{
color: #D92A7B;
font-size: 20px;
line-height: 30px;}
.course_overview_sec .sm-card .text-s{
font-size: 12px;
line-height: 16px;
color: #373737;}
}
/* class-sec */
.class_schedule_sec .main-head{
font-size: 52px;
line-height: 48px;}
@media(max-width:767px){
.class_schedule_sec .main-head{
font-size: 27px;
line-height: 37px;}
}
@media(min-width:768px) and (max-width:991px){
.class_schedule_sec .main-head{
font-size: 41px;
line-height: 53px;}
}
/* class-card */
.class_schedule_sec .class-card{
box-shadow: 2px 2px 25px 0px #00000026;
border-radius: 16px;
position: relative;
overflow: hidden;
background: #fff;}
.class_schedule_sec .class-card .day{
font-size: 36px;}
@media(max-width:767px){
.class_schedule_sec .class-card .day{
font-size: 27px;}}
.class_schedule_sec .class-card .date-cont{
font-size: 21px;
width: max-content;
border-radius: 16px 0px 16px 0px;
padding: 8px 20px;
background: #FFDC0F;
color: #43297C;}
.class_schedule_sec .class-card .cont{
padding: 15px;}
.class_schedule_sec .class-card .cont .cont-m{
color: #1F1F1F;
font-size: 24px;}
.class_schedule_sec .class-card .cont .text-month{
color: #737373;
font-size: 20px;}
.class_schedule_sec .class-card .cont .btn{
padding: 10px 25px;
background: #43297C;
font-size: 20px;
color: #FFDD12;
margin-top: 20px;
margin-bottom: 15px;
border-radius: 32px;}
/* course-syllabus */
.course_syllabus_sec .head-title{
color: #000;
font-size: 52px;
line-height: 70px;}
@media(max-width:991px){
.course_syllabus_sec .head-title{
font-size: 27px;
line-height: 37px;}
}
/* list */
.course_syllabus_sec ul li{
list-style: square;
color: #000;
font-size: 20px;
line-height: 37px;
}
.course_syllabus_sec ul li::marker {
color: #43297C;
font-size: 28px;}
/* course-certi */
.course-certi .head-title,
.abt-tutor-sec .head-title{
font-size: 50px;
}
@media(max-width:991px){
.course-certi .head-title,
.abt-tutor-sec .head-title{
font-size: 34px;
line-height: 47px;}
}
/* campus Life */
.campus_life_sec{
background:url(../images/bg/footer.webp);}
.campus_life_sec .head-title{
color: #fff;
font-size: 52px;
line-height: 48px;}
@media(max-width:767px){
.campus_life_sec .head-title{
color: #fff;
font-size: 36px;
line-height: 43px;}
}
.campus_life_sec .head-title span{
color: #FBD911;}
.campus_life_sec .campus-img{
max-width: 100%;
height: 380px;
border-radius: 20px;
object-fit: cover;
}
/* window_opportunity_sec */
.window_opportunity_sec .text-head{
color: #000;
font-size: 52px;
line-height: 72px;}
@media(max-width:991px){
.window_opportunity_sec .text-head{
font-size: 27px;
line-height: 37px;}
}
@media(min-width:768px) and (max-width:991px){
.window_opportunity_sec .text-head{
font-size: 37px;
line-height: 60px;}
}
.window_opportunity_sec .opportunity-card{
background-color: #fff;
padding: 30px;
border-radius:17.21px;
box-shadow: 4.3px 4.3px 23.66px 0px #00000026;}
/* slider card */
.window_opportunity_sec .slick_digital_marketing .opportunity-card{
margin-left: 10px;
margin-right: 10px;
}
.window_opportunity_sec .opportunity-card .icon img{height: 100px;}
.window_opportunity_sec .opportunity-card .title{
font-size: 25.81px;
color: #1F1F1F;
margin-bottom: 15px;
}
.window_opportunity_sec .opportunity-card .des{
font-size: 17px;
color:#3C3C3C;
}
/* faq-section */
.faq-section .head-title{font-size: 48px;}
.faq-section .accordion .accordion-button span{
font-size: 22px;
}
@media(max-width:767px){
.faq-section .head-title{
font-size: 27px;
line-height: 37px;}
.faq-section .accordion .accordion-button span{
font-size: 17px;}
}
@media(min-width:768px) and (max-width:991px){
.faq-section .head-title{
font-size: 37px;
line-height: 60px;}
}
.faq-section .accordion .accordion-item .accordion-body{font-size: 15px;}
/* card-video */
.card-video::before {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #00000033;
border-radius: 20px;
}
.card-video .thum-img{
border-radius: 20px;
}
.card-video .btn-play{
position: absolute;
right: 50%;
bottom: 50%;
-webkit-transform: translate(50%,50%);
-ms-transform: translate(50%,50%);
transform: translate(50%,50%);
z-index: 1;
}
/* Digital Marketing Calicut Banner Styles */
.digital_banner_sec .form-card {
background: linear-gradient(117.54deg, #2B4388 9.18%, #500097 67.14%);
padding: 25px 30px;
border-radius: 16px;
box-shadow: 0px 4px 34px 0px #00000026;
z-index: 1;
position: relative;}
.digital_banner_sec .form-card .form-control {
background-color: #FFFFFF;
border: 0.5px solid #B3B3B3;
border-radius: 30px;
padding: 12px 15px;
box-shadow: none !important;
color: #495057;}
.digital_banner_sec .form-card .form-control::placeholder{
color: #727272;
font-size: 14px;}
@media(max-width:767px){
.digital_banner_sec .form-card .form-control {
padding: 8px 15px;}
}
.digital_banner_sec .iti--separate-dial-code .iti__selected-dial-code{color: #000 !important;}
.digital_banner_sec .form-card .form-control::placeholder {
color: #6c757d;
}
.digital_banner_sec .form-card .btn-enroll {
background-color: #000000;
color: #FFFFFF;
border: none;
padding: 15px;
border-radius: 30px;
font-weight: 500; /* Assuming font-medium maps to 500 */
transition: background-color 0.3s ease;
}
.digital_banner_sec .form-card .btn-enroll:hover {
background-color: #333333; /* Darker shade on hover */
}
/* Styles for intl-tel-input */
.digital_banner_sec .iti--allow-dropdown input,
.digital_banner_sec .iti--allow-dropdown input[type=tel] {
padding-left: 52px; /* Adjust as needed based on flag width */
}
.digital_banner_sec .iti__flag-container {
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
/* overflow: hidden; Ensures dropdown arrow stays within bounds */
}
/* Practical Agency Section */
.practical_agency_sec .purple-info-card {
background-color: #412877; /* Dark Purple */
padding: 30px;
border-radius: 15px;
color: #FFFFFF;
}
.practical_agency_sec .purple-info-card h3 {
font-size: 24px; /* Adjust as needed */
line-height: 1.3;
}
.practical_agency_sec .purple-info-card p {
font-size: 16px; /* Adjust as needed */
line-height: 1.6;
}
/* Boons Joining Section */
.boons_joining_sec h2 {
color: #202020; /* Dark text color */
font-size: 36px; /* Adjust as needed */
}
@media(max-width:767px){
.boons_joining_sec h2 {
color: #202020;
font-size: 27px;
line-height: 37px; }
}
/* Container for the list, providing the outer shadow */
.boons_joining_sec .boons-list-container {
background-color: #FFFFFF; /* Changed from transparent */
border-radius: 17px; /* Rounded corners for the shadow effect */
box-shadow: 4.3px 4.3px 23.66px 0px #00000026;
padding: 30px; /* Added padding for content inside */
/* overflow: hidden; /* Optional: if shadow gets clipped */
}
.boons_joining_sec .boons-list {
display: flex;
flex-direction: column;
gap: 25px; /* Space between cards */
}
/* Individual cards: Keep border, remove shadow */
.boons_joining_sec .numbered-boon-card {
background-color: #FFFFFF;
border: 1px solid #656565;
border-radius: 20px; /* Keep rounded corners */
padding: 25px;
display: flex;
gap: 20px; /* Space between number and content */
align-items: flex-start; /* Align number to the top */
/* Removed box-shadow from individual card */
/* box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); */
}
.boons_joining_sec .boon-number {
font-size: 36px; /* Large number */
color: #412877; /* Purple color for number */
line-height: 1;
min-width: 40px; /* Ensure space for number */
text-align: right;
}
@media(max-width:767px){
.boons_joining_sec .boon-number {
font-size: 28px;
min-width: 16px;}
}
.boons_joining_sec .boon-content h4 {
font-size: 20px; /* Adjust as needed */
color: #202020;
margin-bottom: 10px;
}
.boons_joining_sec .boon-content p {
font-size: 16px; /* Adjust as needed */
line-height: 1.6;
}
/* .card-defult */
.card-defult{
background-color: #fff;
padding: 30px;
border-radius: 17.21px;
box-shadow: 4.3px 4.3px 23.66px 0px #00000026;
}
/* tool-sec */
.tool-sec .card{
border: 0;
border-radius: 17.21px;
box-shadow: 4.3px 4.3px 23.66px 0px #00000026;
}
.tool-sec .card img{height: 200px;}
/* vemg-main */
.vemg-main .digital_banner_sec .sm-card h1{font-size: 32px;}
@media(max-width:767px){
.vemg-main .digital_banner_sec .sm-card h1{
font-size: 20px;
line-height: 28px;}
}
/* weekend-batch */
.weekend-batch {overflow: hidden;}
.weekend-batch .career-section{
padding-top: 70px;
padding-bottom: 70px;
}
.weekend-batch .digital_banner_sec .sm-card h1{font-size: 30px;}
@media(max-width:767px){
.weekend-batch .digital_banner_sec .sm-card h1{
font-size: 21px;
line-height: 140%;}
}
.weekend-batch .card-img .course-card-image{
width: 100%;
height: 250px !important;
object-fit: cover;
}
/* timing-sec */
.timing-sec .head-title {
color: #000;
font-size: 52px;
line-height: 62px;
}
@media(max-width:991px){
.timing-sec .head-title {
font-size: 34px;
line-height: 47px;}
}
.timing-sec .card-small{
padding: 20px 15px;
border-radius: 17.21px;
box-shadow: 4.3px 4.3px 23.66px 0px #00000026;
}
.timing-sec .card-small img{
height: 65px;
}
/* testi-sec */
.testi-sec .head-title {
font-size: 52px;
line-height: 48px;
}
@media(max-width:991px){
.testi-sec .head-title {
font-size: 34px;
line-height: 48px;
}
}
/* lft-expert-sec */
.lft-expert-sec .head-title {
font-size: 52px;
line-height: 70px;}
@media(max-width:991px){
.lft-expert-sec .head-title {
font-size: 29px;
line-height: 44px;}}
/* abt-course-sec */
.abt-course-section{
background-position: 50% 50%;
background-attachment: scroll;
background-size: cover;
background-repeat: no-repeat;
background-image: url(/static/public/images/seo/banner-bg-pattern-purple-scaled.webp);
}
.abt-course-sec .head-title{
font-size: 52px;
line-height: 48px;
}
.abt-course-sec{
background-position: 50% 50%;
background-attachment: scroll;
background-size: cover;
background-repeat: no-repeat;
background-image: url(/static/public/images/seo/banner-bg-pattern-purple-scaled.webp);}
.abt-tutor-sec .card .read-more{
font-size: 12px;
}
@media(max-width:991px){
.abt-course-sec .head-title{
font-size: 37px;
line-height: 42px;}
}
.abt-course-sec .career-info h2 {
font-size: 44px;
margin-bottom: 15px;
}
@media(max-width:991px){
.abt-course-sec .career-info h2 {
font-size: 27px;
line-height: 37px;
margin-bottom: 15px;}
}
.abt-course-sec .career-info p {
font-size: 20px;
}
@media(max-width:991px){
.abt-course-sec .career-info p {
font-size: 16px;}
}
.abt-tutor-sec .card {
border: 0;
border-radius: 17px;
height: 100%;
box-shadow: 4.3px 4.3px 23.66px 0px #00000026;
}
.abt-tutor-sec .card img{
height: 252px;
width: 100%;
object-fit: cover;
border-top-left-radius: 17px;
border-top-right-radius: 17px;
}
/* uae-main */
.uae-main .count-section {
margin-top:0px;
padding-top: 70px;
padding-bottom: 500px;
background-position: 40% 41.5%;
background-size: cover;
background-repeat: no-repeat;
background-image: url(../images/seo/cda-team.webp);
background-attachment: scroll;
}
@media (max-width: 680px) {
.uae-main .count-section {
padding-top: 30px !important;
background-image: url(../images/seo/iPhone-14-15-Pro-7-1.png);
background-position: 65.87% 53.5%;
padding-bottom: 30px !important;
}
}
.uae-main .abt-course-sec .career-info h2 {
font-size: 32px;}
@media(max-width:767px){
.uae-main .abt-course-sec .career-info h2 {
font-size: 26px;}
}
.uae-main .abt-course-sec .career-info p,
.uae-main .abt-course-sec .career-info .p {
font-size: 15px;
}
.uae-main .timing-sec .head-title {
font-size: 35px;
line-height: 50px;}
.uae-main .window_opportunity_sec .text-head{
font-size: 36px;
line-height: 45px;
}
@media(max-width:767px){
.uae-main .timing-sec .head-title,
.uae-main .window_opportunity_sec .text-head {
font-size: 27px;
line-height: 37px;}
}
.uae-main .window_opportunity_sec .opportunity-card .icon img {
height: 100px;
}
/* sample-sec */
.sample-sec .head-title{
font-size: 40px;
line-height: 48px;
}
.sample-sec .dec{
font-size: 18px;
}
@media(max-width:767px){
.sample-sec .head-title{
font-size: 27px;
line-height: 37px;}
.sample-sec .dec{
font-size: 16px;}
}
@media(min-width:768px) and (max-width:991px){
.sample-sec .head-title{
font-size: 37px;
line-height: 60px;}
}
.sample-sec .span-text{
font-size: 20px;}
/* course-for */
.course-for .head-title{
font-size: 40px;
line-height: 48px;
}
@media(max-width:767px){
.course-for .head-title{
font-size: 27px;
line-height: 37px;}
}
.course-for .dec{
font-size: 18px;
}
.course-for .card{
color: #ffffff;
background: linear-gradient(90deg, #294789 0%, #32266F 100%);
border: 0;
border-radius: 17px;
padding: 20px;
}
.course-for .card img{height: 80px;}
.course-for .card p{font-size: 16px;}
/* online-main */
.online-main{
overflow: hidden;
}
.online-main .count-section{
background: none !important;
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
}
.online-main .digital_marketing_sec .offer-card .item img{height: 50px;}
.online-main .digital_marketing_sec .offer-card .item .text-m{font-size: 14px;}
.online-main .abt-course-sec .head-title {
font-size: 45px;
line-height: 54px;}
@media(max-width:767px){
.online-main .abt-course-sec .head-title {
font-size: 27px;
line-height: 37px;}
}
@media(min-width:768px) and (max-width:991px){
.online-main .abt-course-sec .head-title {
font-size: 34px;
line-height: 45px;}
}
.online-main .join_digital_sec .main-head {
font-size: 37px;
line-height: 52px;
margin-bottom: 25px;
}
@media(max-width:767px){
.online-main .join_digital_sec .main-head {
font-size: 27px;
line-height: 37px;}
}
.online-main .join_digital_sec .text-m {
font-size: 16px;
line-height: 28px;
}
.online-main .window_opportunity_sec .opportunity-card .icon img{
height:100px;
}
@media (max-width: 567px) {
.online-main .count-section {
padding-top: 0px !important;
}
}
/* brochure */
.brochure .digital_banner_sec .sm-card .text-m {
font-size: 17px;
line-height: 25px;
color: #fff;
}
.brochure .digital_banner_sec .sm-card h1 {
line-height: 134%;
font-size: 35px;
}
@media(max-width:767px){
.brochure .digital_banner_sec .sm-card .text-m {
font-size: 15px;
line-height: 23px;}
.brochure .digital_banner_sec .sm-card h1 {
line-height: 133%;
font-size: 27px;}
}
.brochure .digital_banner_sec .form-card .btn-enroll{font-size: 17px;}
/* times-banner */
.digital_banner_sec .times-banner .text-m{
font-size: 24px;
line-height: 130%;
}
/* times-content */
.times-content h5{
font-size: 27px;
line-height: 33px;
}
.times-content .times-con {
width: 100%;
height: 385px;
}
.times-content .times-con img {
width: 100%;
height: 100%;
object-fit: cover;
}
/* times-content-view */
.times-content-view {
margin-top: 140px;
}
.times-content-view .times-iframe{
width: 100%;
height: 600px;
border: 1px solid #ccc;
}
@media(max-width:767px){
.times-content-view .times-iframe{
width: 100%;
height: 350px;
border: 1px solid #ccc;}
}
/* st-purchased */
.st-purchased .purchase-card{
background-color: #2D2C73;
border-radius: 34px;
padding: 25px 25px;
position: relative;
top: 0;
}
.st-purchased .purchase-card .img-card{
padding: 10px;
background-color: #fff;
box-shadow: 6.1px 6.1px 32.93px 0px #0000001A;
border-radius: 19.51px;
}
.st-purchased .purchase-card .purchase-img{
border-radius: 9.76px;
}
.st-purchased .purchase-card .img-card-sub::before {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #0000008a;
border-radius: 9.76px;
}
.st-purchased .purchase-card .img-card-sub .btn-play{cursor: pointer;}
.st-purchased .purchase-card .top-cont{
position: relative;
top: 0;
left: 0;}
.st-purchased .purchase-card .top-cont span{border-radius:2.22px}
.st-purchased .purchase-card h6{font-size: 27px; line-height: 120%;}
.st-purchased .purchase-card .summernote-view{font-size: 14px; line-height: 21px;}
.st-purchased .purchase-card .rating-container .caption {
display: none !important;}
.st-purchased .purchase-card .rating-input {
display: contents !important;}
.st-purchased .btn-cont{
min-width: 260px;
height: 50px;
background-color: #FFFFFF;
border: 2px solid #0A88FF;
border-radius: 16px;
font-size: 16px;
color: #0A88FF;
line-height: 37px;
box-shadow: 2px 4px 10px 0px #00000026;
}
.st-purchased .btn-cont img{height: 25px;}
/* Loader full-screen style */
/* Loader */
#loader {
position: fixed;
top: 0; left: 0;
width: 100%; height: 100%;
background: transparent;
display: flex;
justify-content: center;
align-items: center;
z-index: 9999;
pointer-events: none;
transition: opacity 0.5s ease;}
#loader.fade-out {
opacity: 0;
pointer-events: none;}
.spinner {
width: 60px;
height: 60px;
border: 6px solid transparent;
border-top: 6px solid #007bff;
border-bottom: 6px solid #ccc;
border-radius: 50%;
animation: spin 1s linear infinite;}
@keyframes spin {
100% {
transform: rotate(360deg);
}}
/* Loader full screen */
/* owl-carousel */
.courses-btn-list .owl-theme .owl-nav {
float: right;
margin-top: 0px !important;
display: flex;
}
.courses-btn-list .owl-carousel .item {
margin-left: 20px;
}
.courses-btn-list .owl-carousel .item p {
white-space: nowrap;
}
.courses-btn-list .owl-carousel .item .btn{
font-size: 18px;
color: #2D2C73;
}
.courses-btn-list .owl-carousel.not-full .owl-stage {
float: right;
}
.courses-btn-list .owl-carousel .owl-nav button.owl-next,
.courses-btn-list .owl-carousel .owl-nav button.owl-prev{
font-size: 22px;
padding: 0 !important;
width: 30px;
height: 30px;
line-height: 26px;
}
.courses-btn-list .owl-nav button.owl-prev,
.courses-btn-list .owl-nav button.owl-next {
font-size: 18px;
display: flex;
align-items: center;
justify-content: center;
}
.courses-btn-list .owl-nav .owl-prev,
.courses-btn-list .owl-nav .owl-next {
border: 1px solid #000 !important;
border-radius: 50% !important;
}
.courses-btn-list .owl-theme .owl-nav [class*=owl-]:hover {
background: transparent;
text-decoration: none;
color: #2D2C73;
}