* {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    display: inline-block;
    box-sizing: border-box;
}

ul li {
    list-style: none;
}

/* =============Bangla Font===================== */

@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;500;600;700&family=Roboto:wght@400;500;700&display=swap');

/*
font-family: 'Roboto', sans-serif;
font-family: 'Roboto Slab', serif;
*/
body {

}

/* start:: common css
================================= */
.common-btn button {
    background-color: #930083;
    color: #FFFFFF;
    padding: 7px 10px;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    border: none;
    font-size: 20px;

}

.common-btn button:hover {
    background-color: #eb4204;
    color: #FFFFFF;

}
/* START:: TOP HEADER
=================================== */

.top-header-section {
    background-color: #3465AA;
}
.top-header-container{
    display: flex;
    justify-content: space-between;
    padding: 5px 0px;
    align-items: center;
}
.top-header-container h4{
    font-family: 'Roboto Slab', serif;
    color: #FFF;
    font-weight: 600;
}
.top-header-container img{
    max-width: 70px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}

/* start:: nav
=========================================== */

.gravity-header {
    background-color: #FFF;
    padding: 15px 0px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 20px -28px;
}
.gravity-header nav {
    padding: 2px 0px;
}

.main-menu-nav ul li {
    margin: 0px 16px;
    position: relative;
}

.main-menu-nav ul li a {
    color: #000000;
    font-size: 17px;
    padding: 10px 0px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;

}

/* .main-menu-nav ul li a::after {
    position: absolute;
    content: "";
    left: 0%;
    width: 0%;
    bottom: 0;
    height: 2px;
    background-color: #eb4204;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
} */

.main-menu-nav ul li a:hover {
    color: #3465AA;
}

/* .main-menu-nav ul li a:hover::after {
    width: 100%;
    color: #eb4204;
} */
.dropdown-menu li {
    margin: 0px !important;
}
.dropdown-menu li a{
    padding: 10px 12px !important;
}


.main-menu-nav .nav-login-btn a {
    background-color: #FFF;
    font-family: "SolaimanLipiNormal" !important;
    font-size: 18px;
    border: 1px solid #930083;
    color: #930083;
    padding: 10px 20px;
    font-weight: 500;
    font-family: 'Mulish', sans-serif;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.main-menu-nav .nav-login-btn a:first-child {
    background-color: #ff4a7a;
    color: #FFF;
    font-family: "SolaimanLipiNormal" !important;
    border: 1px solid transparent;
    font-size: 18px;
    padding: 10px 12px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}

.main-menu-nav .nav-login-btn a:hover {
    background-color: #FFAC00;
    color: #000;
    border: 1px solid transparent;
}

.main-menu-nav .nav-login-btn a {
    margin-left: 10px;
}

.brand-logo a img {
    width: 150px;
    height: 70px;
    object-fit: cover;
    border-radius: 8px;
}

/* start:: banner slider
=========================================== */

/* start:: navbar area */

.slick-dots {
    display: flex;
    justify-content: start;
    margin: 0;
    padding: 16px 0;
    list-style-type: none;
    position: absolute;
    bottom: 0%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.student-feedback-container .slick-dots {
    display: flex;
    justify-content: start;
    margin: 0;
    padding: 16px 0;
    list-style-type: none;
    position: absolute;
    bottom: -20%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.slick-dots li {
    margin: 3px;
}

.slick-dots button {
    display: block;
    width: 10px;
    height: 10px;
    padding: 0;
    border: none;
    border-radius: 100%;
    background-color: orange;
    text-indent: -9999px;
}

li.slick-active button {
    background-color: #FFFFFF;
    border: 1px solid #43C983;
}

.banner-slider-section {
    position: relative;
}
.banner-spinner{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}


.sdetunt-feedback-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.sdetunt-feedback-arrow span {
    background-color: #161f72;
    color: #FFF;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    cursor: pointer;
}
/* .banner-slider-main{
    position: relative;
} */
.banner-slider-arrow{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.banner-slider-arrow .banner-btn-prev,
.banner-slider-arrow .banner-btn-next{
    background-color:#3465AA;
    color: #FFF;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border: 1px solid transparent;
}
.banner-slider-arrow .banner-btn-next{

}

.banner-slider-item {
    /* height: 600px;
    width: 100%;
    background: radial-gradient(circle, rgba(63, 136, 251, 1) 5%, rgba(54, 53, 117, 1) 100%); */
}

.banner-slider-left {
    padding: 100px 0px;
}

.banner-slider-left h2 {
    color: #FFFFFF;
    font-size: 46px;
    font-weight: 600;
    padding-bottom: 15px;
    font-family: "SolaimanLipiNormal" !important;
}

.banner-slider-left h4 {
    color: #e1d4d4;
    font-size: 26px;
    font-weight: 500;
    padding-bottom: 50px;
    font-family: "SolaimanLipiNormal" !important;
}

.banner-slider-left-btn a {
    border: 1px solid transparent;
}

.banner-slider-left-btn a:first-child {
    background-color: #eb4204;
    color: #FFF;
    padding: 7px 19px;
    font-size: 20px;
    border-radius: 7px;
    margin-right: 10px;
    font-family: "SolaimanLipiNormal" !important;
}

.banner-slider-left-btn a:last-child {
    background-color: #FFFFFF;
    color: #930083;
    padding: 7px 19px;
    font-size: 23px;
    border-radius: 7px;
    font-family: "SolaimanLipiNormal" !important;
}

.banner-slider-left-btn a:hover {
    background-color: #930083;
    border: 1px solid #FFFF;
    color: #FFF;
    box-shadow: rgba(193, 17, 11, 0.5) 0px 8px 24px;
}

.banner-slider-right img {
    width: 100%;
}
.course-price{
    padding: 0px 8px;
}

.jonoprio-course-item{
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    background-color: #ffffff !important;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
}
.jonoprio-course-item:hover{
 transform: scale(1.03);
 -webkit-transform: scale(1.03);
 -moz-transform: scale(1.03);
 -ms-transform: scale(1.03);
 -o-transform: scale(1.03);
}

/* start:: our programs
=========================================== */
.our-programs-section {
    padding: 50px 0;
    background-color: #f4eaf7;

}

.our-programs-item {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    font-family: 'Mulish', sans-serif;
    padding: 20px;
    height: 250px;
    background-color: #FFF;
    position: relative;
    z-index: 1;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}

.our-programs-title {
    padding-bottom: 50px;

}
.our-programs-title h2 {
    font-size: 46px;
    display: block !important;
    padding-bottom: 5px;
    color: #E96B0C;
    font-weight: 600;
    font-family: 'Roboto Slab', serif;
}
.our-programs-title img{
  position: absolute;
  left: 50%;
  right: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  max-width: 280px;
}


.our-programs-item h4 {
    text-align: center;
    padding-bottom: 10px;
    font-weight: bold;
    border-bottom: 2px solid #000064;
    margin-bottom: 15px;
    font-family: "SolaimanLipiNormal" !important;
}

.our-programs-item-list ul {
    padding: 0;
}

.our-programs-item-list ul li span {
    padding-right: 12px;
    color: #43C983;
}

.our-programs-item-list ul li a {
    color: black;
    padding-bottom: 7px;
}

/* start:: jonoprio course
============================================= */
.jonoprio-course-section {
    padding: 100px 0px;
    background-color: #f7f7f7;
}

.jonoprio-course-name a {
    font-size: 30px;
    margin-bottom: 20px;
    background-color: #E96B0C;
    color: #fff;
    font-weight: 600;
    padding: 2px 5px;
    display: block;
    font-family: 'Roboto Slab', serif !important;
}

.jonoprio-course-name a:hover {

}

.jonoprio-course-item img {
    width: 100%;
    height: 220px;
    object-fit: fill;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
}

.jonoprio-course-image {
    width: 100%;
}

.jonoprio-course-info {
    background-color: #FFF;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    height: 100%;
}

.course-price h3 {
    font-family: 'Roboto Slab', serif !important;
    font-weight: 600;
    font-size: 22px;
}

.course-price del {
    color: red;
    padding-right: 10px;
}

.course-price span {
    color: #00b556;
}
.course-overview-video img{
    width: 100%;
}

.jonoprio-course-order-list li {
    list-style: disc;
    font-family: 'Roboto Slab', serif;
    font-size: 17px;
}

.jonoprio-course-enroll a {
    border: none;
    background-color: #930083;
    color: #FFF;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    padding: 5px 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    font-family: 'Roboto Slab', serif !important;

}
.jonoprio-course-enroll {
    padding-bottom: 10px;
}

.jonoprio-course-enroll a:hover {
    box-shadow: rgb(102 8 189 / 50%) 0px 8px 24px;
}

.jonoprio-course-enroll a:last-child {
    background-color: #F36B24;
    font-size: 18px;
    font-weight: 600;
    padding: 7px 18px;


}

.jonoprio-course-enroll a:last-child:hover {
    box-shadow: rgb(243 51 42 / 50%) 0px 8px 24px;
}

.jonoprio-course-info h5,
h3 {
    color: #161f72;
    font-family: 'Mulish', sans-serif;
}

.jonoprio-course-info p {
    font-size: 20px;
    font-family: 'Space Grotesk', sans-serif;
    color: #43C983;
}

.jonoprio-course-see-more a {
    padding: 10px 28px;
    font-size: 18px;
    color: #FFF;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    background: #F36B24;
}

.jonoprio-course-see-more a:hover {
    box-shadow: rgb(243 51 42 / 50%) 0px 8px 24px;
}

/* start:: login page
====================================================== */
.login-form-section {
    padding: 50px 0px;
    background: #f7f7f7;
}

.login-form-container {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 30px 50px;
    background-color: #FFF;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.login-form-container h2 {
    color: darkblue;
    font-size: 40px;
    margin-bottom: 15px;
    font-weight: bold;
    font-family: 'Roboto Slab', serif;
}

.login-form-container p {
    font-size: 18px;
    margin-bottom: 20px;
    /* color: red; */
}

.login-form-container form input,
.login-form-container form select {
    padding: 10px 16px;
    border-radius: 16px;
    font-size: 18px;
}

.login-form-container form .login-btn a,
.login-form-container form .login-btn button {
    background-color: #eb4204;
    border: none;
    padding: 5px 50px;
    color: #FFF;
    margin-top: 20px;
    border-radius: 28px;
    box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
    font-size: 24px;
    font-family: 'Roboto Slab', serif;
}

.login-form-container form .login-btn a:hover {
    background-color: #930083;
}

.login-form-container form .login-btn button:hover {
    background-color: #930083;
}

.login-form-container form .login-btn a i {
    font-size: 14px;
    padding-left: 10px;
}

.otp-image img {
    margin-bottom: 5px;
    width: 150px;
}

.otp-image h3 {
    font-weight: 600;
    margin-bottom: 5px;
}

.otp-image h6 {
    padding-bottom: 20px;
}

.set-otp input {
    width: 100%;
    border: none;
    text-align: center;
}

.set-otp input {
    font-size: 20px;
}

.otp-phone-nuber-input input {
    background-color: #c1fdbc;
    padding: 10px;
    border: none;
    font-weight: bold;
}

.otp-send-number {
    color: orange;
    font-family: 'Rajdhani', sans-serif;
    font-weight: bold;
}

.otp-phone-nuber-input input:focus {
    background-color: #c1fdbc;
    padding: 10px;
    box-shadow: none;
    outline: none;
}

.otp-verified-success-img img {
    width: 150px;
}

.otp-verified-success-img h6 {
    font-size: 18px;
}

.how-to-login-video iframe {
    width: 100%;
    height: 480px;
}

.reg-study-image img {
    width: 100%;
    height: 438px;
    object-fit: fill;
    border-radius: 20px;
}

.reg-form-section {
    padding: 50px 0px !important;
}

.reg-form-container {
    padding: 30px 50px;
    position: relative;
}
.banner-slider-right-spinner{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.reg-form-container label,
.login-form-label label {
    font-weight: 500;
    padding-bottom: 5px;
    font-size: 20px;
    font-family: 'Roboto Slab', serif;
}


.reg-form-container form button {
    margin-top: 30px;
}

.set-password-form-container {
    padding: 50px 30px;
}

.set-password-form-container h2 {
    padding-bottom: 20px;
}

.set-password-form-container form h5 {
    color: darkblue;
}

.set-password-info p {
    font-size: 18px;
}

.set-password-info p span {
    color: #21be06;
}

.reg-next-part {
    display: none;
}

/* start:: our services
=========================================== */
.our-services-section {
    padding: 50px 0;
}

.our-service-item {
    text-align: center;
    height: 100%;
    background: white;
    padding-bottom: 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.our-service-item:hover {
    transform: scale(1.04);
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -ms-transform: scale(1.04);
    -o-transform: scale(1.04);
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.day-in-iskcon-item{
    padding-bottom:20px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    margin: 10px;
}
.day-in-iskcon-body h4{
    padding: 10px 0px;
    font-size: 18px;
}
.day-in-iskcon-item:hover{
    /* box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; */
}
.our-service-item img {
    width: 100%;
    height: 230px;
    object-fit: cover;
}
.our-service-item p {
    font-size: 17px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    padding: 15px 10px;
    margin-bottom: 0px;
}

.our-service-item a{
    border: none;
    background-color: #F36B24;
    color: #fff;
    padding: 8px 15px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}
.our-service-item a span{
   font-size: 14px;
}

/* start:: preparation
========================================= */
.preparation-section {
    padding-bottom: 100px;
    background-color: aliceblue;
    padding-top: 50px;
}

.preparation-text {
    font-family: 'SiyamRupali', sans-serif;
}

.preparation-text h4,
.exam-system-text h4 {
    font-weight: 600;
    font-size: 26px;
}

.preparation-text h4 {
    color: #eb4204;
}

.preparation-text h3,
.exam-system-text h3 {
    font-weight: 600;
    font-size: 32px;
    margin-bottom: 30px;
}

.preparation-text p,
.exam-system-text p {
    font-size: 18px;
}

.preparation-image img,
.exam-system-image img {
    width: 100%;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

/* start:: exam system
=============================================*/
.exam-system-section {
    padding-top: 30px;
    padding-bottom: 100px;
    font-family: 'SiyamRupali', sans-serif;
}

.exam-system-text-container {
    height: 500px;
    display: flex;
    align-items: center;
}

.exam-system-image img {
    width: 80%;
}

/* srart:: student feedback
============================================== */

.sdetunt-feedback-arrow {
    position: absolute;
}

.student-feedback-img img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    margin: 0 auto;
}

.student-feedback-img {
    margin-bottom: 15px;
}
.student-feedback-name h6 {
    font-weight: 500;
    margin-bottom: 6px;
    font-size: 18px;
    padding-top: 5px;
}
.student-feedback-name p {
    margin-bottom: 0px;
    font-weight: 500;
    font-size: 16px;
    font-size: 15px;
}

.student-feedback-item {
    padding: 40px 15px 15px 15px;
    margin: 15px;
    height: 450px;
    position: relative;
    background-color: #FFF;
    border-radius: 8px;
    position: relative;
}
.student-feedback-right-div{
    position: absolute;
    width: 80px;
    height: 80px;
    right: 0;
    top: 0;
    background-color: #f36b24;
    text-align: center;
    line-height: 80px;
    border-bottom-left-radius: 90px;
}
.student-feedback-right-div i{
    font-size: 30px;
    color: #FFF;
    text-align: center;
}

.student-feedback-item p {
    text-align: center !important;
}

.student-feedback-item .student-openion {
    font-size: 18px;
}

.student-feedback-img img {

}
.student-feedback-name .ratings {
    margin-top: 10px;
}
.student-feedback-name .ratings ul li a .rating-color{
    color: #FEC42D;
    font-size: 15px;
}

/* start:: faq
==================================== */
.faq-section {
    padding-bottom: 100px;
    padding-top: 30px;
    background-color: #f0fbf5;
}

.faq-body {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.faq-body h2 button {
    font-size: 25px;
}

.accordion-body p {
    font-size: 20px;
}

.accordion-item .accordion-button {
    background: #004474;
    color: #FFF;
}

/* .accordion-button::after {

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");

}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
} */

/* start:: all course page css
=============================================== */
.all-course h2 {
    padding-top: 50px;
    font-weight: bold;
}

.jonoprio-course-see-more a span {
    padding-left: 10px;
}

/* start:: course details page css
================================================*/
.course-details-section {
    padding-top: 80px;
    padding-bottom: 80px;
    background: radial-gradient(circle, rgb(54 185 201) 5%, rgba(53, 53, 117, 1) 100%);
    color: #FFFFFF;
}

.course-summery h2 {
    padding-bottom: 15px;
    font-family: "SolaimanLipiNormal" !important;
    font-size: 56px;

}

.course-summery ul li {
    font-size: 19px;
    padding-bottom: 8px;
}

.course-summery ul li span {
    font-size: 16px;
    color: #FFFFFF;
    margin-right: 12px;
}

.course-summery .jonoprio-course-enroll a {
    margin-right: 10px;
    font-size: 24px;
}

.course-overview-video figcaption {
    font-size: 24px;
}

.course-details-image img {
    width: 100%;
}

.course-details-image {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    background-color: #FFF;
}

.course-details-image .course-details-right {
    padding: 30px 20px;
}

.course-details-image .course-details-right .jonoprio-course-enroll {
    padding-top: 30px;
}

.course-details-info-section {
    background-color: #d3f1ff;
}

.course-details-info-container {
    background-color: #FFF;
    padding: 30px;
    position: relative;
    top: -100px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;

}

.course-overview-title {
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
}

.course-overview-title h2 {
    background-color: #FFF;
    padding: 5px 30px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.course-details-info-container h4 {
    text-align: center;
    font-size: 30px;
    padding: 28px 0px;
}

.course-details-info-container p {
    font-size: 22px;
}

.course-details-info-container h5 {
    color: #161f72;
    font-weight: bold;
    font-size: 22px;
    padding: 15px 0px;
}

.live-class-info h4 {
    text-align: left;
    padding: 0px;
}

.live-class-info ul {
    padding: 0;
    padding-left: 20px;
}

.live-class-info ul li {
    list-style: disc;
    font-size: 22px;
}

.course-details-info-container .jonoprio-course-enroll a {
    margin-right: 10px;
    font-size: 24px;
}

/* start:: studetn dashboard
================================================ */

.dashboard-sidenav {
    height: 100vh;
    width: 260px;
    position: fixed;
    top: 180px;
    left: auto;
    z-index: 1;
    /* background-color: #f6fffc; */
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;

}

.dashboard-sitebar-wrapper {
    background-color: #354895;
    height: auto;
    padding: 20px 0px;
    border-radius: 30px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.dashboard-sitebar-wrapper img {
    width: 30px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}

.height-100vh {
    height: 100vh;
}

.dashboard-sidenav ul li a {
    color: #ffffff;
    padding: 14px 0px;
    font-size: 20px;
    width: 100%;
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    background-color: #354895;
    padding-left: 10px;
    font-family: 'Roboto Slab', serif;

}

.dashboard-sidenav ul li a span {
    padding-right: 10px;
}

.dashboard-sidenav ul li a:hover {
    border-left: 4px solid red;
    padding-left: 15px;
    color: #ffffff;
}

.student-dashboard-body-section {
    margin-left: 280px;
    background-color: #eaeef1;
    padding-top: 50px;
    padding-bottom: 100px;
    height: 100%;
    margin-top: 30px;
}

.our-all-course-body {
    padding-top: 50px;
}

.student-dashboard-body-section .add-more-course {
    padding-top: 50px;
}

.student-dashboard-body-section .add-more-course a {
    background-color: #eb4204;
    color: #FFF;
    padding: 8px 15px;
    margin-bottom: 20px;
    border-radius: 7px;
    font-size: 20px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
}

.student-dashboard-body-section .add-more-course a:hover {
    background-color: #930083;
}

.student-dashboard-sidenav-section label {
    font-size: 25px;
    background: #354895;
    width: 46px;
    text-align: center;
    cursor: pointer;
    margin-top: 1px;
    position: fixed;
    display: none;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    color: #FFF;
    z-index: 1;
}

#check {
    display: none;
}

.teacher-class-payment-body-b-0 {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.our-all-course-dashboard-page .jonoprio-course-name a {
    font-size: 22px;
}

.our-all-course-dashboard-page .course-price h3 {
    font-size: 22px;
}

.our-all-course-dashboard-page .jonoprio-course-order-list li {
    font-size: 18px;
}

.our-all-course-dashboard-page .jonoprio-course-enroll a {
    font-size: 18px;
    padding: 5px 8px;
}

.performance-program-list select,
.performance-view-date select {
    padding: 9px 10px;
    border-radius: 8px;
}

/* start::Dashboard home pate my course
======================================================= */
.my-course-card {
    padding: 15px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    background-color: #FFF;
    border-radius: 12px;
    height: 100%;
    padding-bottom: 60px;
    position: relative;
}

.my-course-card .my-course-card-img img {
    width: 100%;
    object-fit: fill;
}

.my-course-card .my-course-card-img {
    padding-bottom: 20px;
}

.my-course-card .my-course-card-info {
    text-align: center;
}

.my-course-card .my-course-card-info p {
    margin-bottom: 0px;
    font-size: 24px;
    color: #000;
}

.my-course-card .my-course-card-info p span {
    font-family: 'bookman, sans-serif';
}

.my-course-card .my-course-card-info p:first-child {
    font-size: 18px;
    color: #484848;
    font-weight: 600;
    text-align: start;
    margin-bottom: 15px;
}

.my-course-card .my-course-card-info a,
.course-cart-info a {
    background-color: #930083;
    color: #FFF;
    padding: 4px 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    font-size: 18px;
    position: absolute;
    bottom: 4%;
    left: 50%;
    transform: translateX(-50%);
}

.my-course-card .my-course-card-info a:hover {
    background-color: #eb4204;
}

.form-select:focus {
    box-shadow: none;
}

/* start:: add course page
=================================================== */
.add-course-card .add-course-card-img img {
    width: 100%;
}

/* start:: my routine page
=================================================== */

.t-m-dasboard {
    display: none;
}

.my-routin-body {
/*     background-color: #FFFFFF; */
    padding: 30px 20px;
}

.routin-course-cart {
    height: 450px;
}

.course-cart-info p {
    font-size: 17px;
    margin-bottom: 0px;
}

.course-cart-info .class-title {
    font-size: 26px;
}

.course-cart-info .class-name {
    font-size: 22px;
}

.course-cart-info a {
    font-family: 'bookman, sans-serif';
    font-size: 18px;
}

.my-routin-head-search {
    background-color: #FFFFFF;
    padding: 20px;
}

.my-routin-head-search .tab-btn ul {
    width: 225px;
    margin: 0 auto;
}

.my-routin-head-search .tab-btn ul li button {
    border: 1px solid blue !important;
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -ms-border-radius: 0px !important;
    -o-border-radius: 0px !important;
    padding: 8px 30px !important;
    font-family: 'bookman, sans-serif';
    font-weight: normal;
}

.teacher-class-payment-body .routin-summary {
    height: 150px;
    background-color: #FFF;
    margin-bottom: 10px;
}

.routin-summary-title {
    background-color: #f7f7f7;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.routin-summary-title h4 {
    font-family: 'bookman, sans-serif';
    font-size: 28px;
    margin-bottom: 0px;
}

/* start:: past class page
======================================================= */
.past-class-body {
    margin-top: 30px;
    /* background: #f9f9f9; */
    padding: 20px;
    border-radius: 10px;
}

.past-class-item {
    padding: 20px;
    background-color: #FFF;
    border-radius: 15px;
}

.past-class-item-active-status {
    text-align: right;
    margin: 10px 5px;
    margin-top: 0px;
}

.past-class-item-active-status button {
    padding: 5px 11px;
    border-radius: 50px;
    background: red;
    border: none;
    color: white;
    font-family: 'bookmanLight, sans-serif';
}

.past-class-item h4 {
    font-size: 20px;
    margin: 0px;
    font-family: 'bookman, sans-serif';
    color: #000;
}

.past-class-item-content p {
    margin-bottom: 0px;
    font-size: 17px;
    font-weight: 500;
}

.past-class-item-content .class-video-button {
    padding-top: 15px;
    display: flex;
    justify-content: space-between;
}

.past-class-item-content .class-video-button a,
.past-class-load-more-btn button,
.past-class-load-more-btn a {
    padding: 4px 15px;
    border-radius: 50px;
    font-weight: 500;
    border: none;
    color: #FFF;
    margin-right: 5px;
    font-family: 'bookmanLight, sans-serif';
}

.class-video-button a:first-child {
    background-color: #930083;
}

.class-video-button a:last-child {
    background-color: #eb4204;
}


.past-class-load-more-btn {
    text-align: center;
}

.past-class-load-more-btn button {
    margin-top: 30px;
}

.past-class-load-more-btn button:hover {
    background: linear-gradient(249deg, #ed0000 0%, #7d07a5 100%) 0% 0% no-repeat padding-box !important;
}

/* start:: past class video page
============================================= */
.past-class-video-body video {
    width: 100%;
    height: 500px;
}

/* start:: past exam page
============================================== */
.absent-exam p {
    color: #0078FF;
    text-align: center;
}

/* start:: past exam introduction page
================================================ */

.exam-instruction {
    background-color: #FFF;
    padding: 20px;
    margin-bottom: 10px;
}

.exam-subject-name {
    border-bottom: 2px solid #ededed;
    padding-bottom: 20px;
}

.exam-subject-name h2 {
    padding-bottom: 10px;
}

.exam-subject-name h5 {
    margin: 0px;
}

.exam-subject-name h5 span {
    padding: 0px 15px;
    border-right: 2px solid #ebe1e1;
}

.exam-subject-name h5 span:last-child {
    border-right: none;
}

.exam-instruction h4 {
    padding: 15px 0px;
    border-bottom: 2px solid #ebe1e1;
}

.exam-instruction-item {
    font-size: 18px;
}

.exam-instruction-item span {
    padding-right: 15px;
}

.dashboard-page-title h4 {
    font-size: 56px;
    color: #48034c;
    font-family: 'Roboto Slab', serif;
    font-weight: bold;
}


/* start:: current exam page
======================================== */
.current-exam-subject-name span {
    color: #010150;
}

.current-exam-subject-name {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    background-color: #FFF;
    padding: 15px;
}

.current-exam-subject-name {
    border-bottom: none;
}

.current-exam-time {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 10px;
    margin-top: 15px;
    background-color: black;
    color: #FFF;
    margin-bottom: 30px;
}

.current-exam-time p {
    font-size: 18px;
}

.current-exam-time span {
    font-size: 24px;
}

.current-exam-question-item {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 15px;
    margin-bottom: 30px;
    padding-bottom: 10px;
    background-color: #FFF;
}

.current-exam-question-item .question {
    padding-bottom: 10px;
}

.current-exam-question-item .question h5 span {
    color: #15d156;
}

.current-exam-question-item .answer-option {

    display: flex;
    align-items: center;
    font-size: 18px;
    margin-bottom: 7px;
}

.current-exam-question-item .answer-option label:hover {
    cursor: pointer !important;
}

.current-exam-question-item .answer-option p {
    margin-bottom: 0px;
}

.current-exam-question-item .answer-option:last-child {
    border-bottom: none;
}

.current-exam-question-item .answer-option button {
    width: 40px;
    height: 40px;
    margin-right: 10px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border: 1px solid gray;
    font-size: 20px;
}

.current-exam-question-item .when-check-option button {
    width: 40px;
    height: 40px;
    margin-right: 10px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border: 1px solid rgb(59, 56, 56);
    font-size: 20px;
    background: #302e2e;
    color: white;
}

/* start:: payment status page
============================================== */
.payment-status-body h2 {
    padding-bottom: 10px;
    font-family: "SolaimanLipiNormal" !important;
    color: #009954;
    font-weight: bold;
}

.payment-status,
.change-password-body {
    padding: 20px;
    background-color: #FFF;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}

.change-password-body {
    padding: 50px 30px;
}

.change-password-body label {
    font-size: 18px;
    margin-bottom: 3px;
}

.change-password-body input {
    padding: 9px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.payment-status {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.payment-status p {
    font-size: 14px;
    margin-bottom: 10px;
}

.payment-status h3,
.payment-status h4 {
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
}

.payment-date p:last-child {
    color: #00ff89;
}

.change-password-title h4 {
    padding: 30px 0px;
}

/* start:: change password
===================================================== */
.change-password-body h3 {
    padding-bottom: 30px;
}

.change-password-body button {
    border: none;
    background-color: #930083;
    padding: 5px 36px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    margin-top: 10px;
    color: #FFFF;
    font-size: 24px;
}

.change-password-body button:hover {
    background-color: #eb4204;
}

/* start::profile page
===================================== */

.profile-image {
    position: relative;
}

.profile-image img {
    width: 120px;
    height: 120px;
    object-fit: cover;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border: 3px solid #00b114;
    position: relative;

}

.profile-image i {
    background-color: #00b114;
    color: #FFF;
    font-size: 20px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    position: absolute;
    right: 37%;
    bottom: 0%;
}

.profile-left,
.profile-right {
    background: white;
    padding: 20px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;

}

.profile-left {
    text-align: center;
}

.profile-right {

}

.profile-left h5 {
    font-family: 'bookman, sans-serif';
    padding: 8px 20px;
    font-size: 27px;
    margin-top: 20px;
}

.profile-right h3 {
    font-family: 'bookman, sans-serif';
}

.profile-info-body p {
    margin: 0;
    font-family: 'bookmanLight, sans-serif';
}

.profile-info-body .profile-update-btn {
    text-align: right;
}

.profile-info-body {
    padding-top: 20px;
    font-size: 18px;
}

.edit-profile-key p {
    font-family: 'bookman, sans-serif';
}

/* start:: master class page
============================================== */
.master-class-body h2 {
    padding-bottom: 15px;
}

.result-correct p {
    font-size: 18px;
    color: #00ff89;
    font-weight: 600;
    padding-right: 10px;
}

.result-incorrect p {
    font-size: 18px;
    color: #eb4204;
    font-weight: 600;
    padding-right: 10px;
}

.answer-option span i {
    font-size: 30px;
    color: #00ff89;
    padding-left: 10px;
}

/* start::exam result page
================================================== */
.result-solution {
    padding: 10px;
    background-color: #1bff95;
    border: 1px solid green;
    margin: 5px;
}


/* start::course performance page
================================================== */
.course-performance {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    height: 100%;
}

.course-performance img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.performance-class-name h4 {
    padding: 10px 0px;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 20px;
}

.performance-class-name {
    padding: 20px;
    background-color: #FFF;
}

.performance-class-name a {
    padding: 10px 21px;
    background: linear-gradient(249deg, #7d07a5 0%, #ed0000 100%) 0% 0% no-repeat padding-box !important;
    color: #FFF;
    font-weight: 700;
    border-radius: 10px;
    margin-top: 30px;
}

/* start:: exam report page
============================================= */
.all-exam-report-body {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 15px;
    background-color: #FFF;

}

.exam-report-head {
    border-bottom: 2px solid #cbe0e3;
    margin-bottom: 10px;
    background: #f9f9f9;
    padding: 20px 0px;

}

.exam-report-student-info p {
    margin-bottom: 5px;
    font-size: 17px;
}

.exam-report-student-info select:focus {
    border-color: green;
    box-shadow: none;
    background: #f1f1f1;
    color: #000;
}

.exam-report-student-info button {
    border: none;
    font-weight: 600;
    padding: 3px 16px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    background: linear-gradient(249deg, #7d07a5 0%, #ed0000 100%) 0% 0% no-repeat padding-box !important;
    color: #FFF;
    margin-bottom: 8px;
}

.report-view-table {
    border-top: 2px solid #cbe0e3;
}

.table-hed-bg {
    background-color: #00891f;
    color: white;
}

.report-view-table-result-btn {
    background-color: #00891f;
    padding: 3px 6px;
    border-radius: 12px;
    color: white;
    font-weight: 600;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.report-view-table-result-btn:hover {
    color: white;
}

/* start:: contact us page
========================================== */
.contact-form-body {
    max-width: 100%;
    width: 100%;
    padding: 40px;
    background-color: #FFFFFF;
    border: 2px solid #d0deef;
    border-radius: 20px;
    font-family: "SolaimanLipiNormal" !important;
}

.contact-form-body h2 {
    font-size: 30px;
    font-family: 'Roboto Slab', serif;
    font-weight: bold;
}

.contact-form-body input {
    padding: 12px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.contact-form-body input::placeholder {
    font-size: 16px;
}

.contact-form-body textarea::placeholder {
    font-size: 16px;
}

.contact-form-body label {
    font-size: 18px;
    font-family: 'Roboto Slab', serif;
}

.contact-us-help-img img {
    width: 100%;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    height: 500px;
    object-fit: fill;
}

.contact-form-body form button {
    border: none;
    padding: 8px 24px;
    color: #FFF;
    font-size: 20px;
    border-radius: 10px;
    background-color: #eb4204;
    width: 100%;
    font-family: 'Roboto Slab', serif;
}

.contact-form-body form button i {
    padding-left: 5px;
}

.contact-form-body form button:hover {
    background-color: #930083;
}

.contact-us-section {
    padding: 100px 0px;
   background-color: #f7f7f7;
}

.section-contact-map {
    padding: 100px;
    background-color: #ededed;
}

.contact-form-body .contact-us-info span {
    padding-right: 10px;
    font-size: 25px;
}

.contact-form-body .contact-us-info .fa-facebook {
    color: #1299F6;
}

.contact-form-body .contact-us-info .fa-location-dot {
    color: #F60000;
}

.contact-form-body .contact-us-info .fa-envelope {
    color: #ebac00;
}

.contact-form-body .contact-us-info .fa-phone {
    color: #43C983;
}

.contact-form-body .contact-us-info p {
    font-size: 18px;
    font-family: 'bookmanLight, sans-serif';
}

.quick-contact {
    height: 390px;
}
/* ========================== */

.uddipok h4,
.question h5{
    font-family: "SolaimanLipiNormal" !important;
}
.answer-option label{
    font-family: "SolaimanLipiNormal" !important;
    display: block;
    width: 100%;
    text-align: start;
}

/* start:: question and answer mcq page design
============================================== */
.current-exam-question-item .answer-option label {
   padding: 7px 10px;
   border: 1px solid #ddd9d9;
   border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   -ms-border-radius: 5px;
   -o-border-radius: 5px;
}
.current-exam-question-item .answer-option label:hover {
    background-color: #ededed;
    border: 1px solid #9d004e !important;
}
.current-exam-question-item .answer-option label span {
    margin-right: 5px;
    background: #FFF;
    border: 1px solid black;
    width: 35px;
    display: inline-block;
    height: 35px;
    text-align: center;
    border-radius: 50%;
    line-height: 35px;
    font-weight: 500;
    font-size: 20px;
}
.option-active{
    background-color: #ededed;
    border: 1px solid #9d004e !important;
}

.past-class-video-body iframe{
    height: 500px;
}

/* start:: iskcon course section
======================================== */
.iskcon-our-course-section{
    padding: 50px 0px;

}
/* START:: TRANSFORMING SECTION
======================================================== */
.transforming-section{

}
.transforming-title h2{
  font-weight: bold;
  font-size: 46px;
}
.transforming-head{
  padding-bottom: 30px;
}

.transforming-menu ul li{
  list-style: none;
}
.transforming-menu ul li a{
  font-size: 16px;
  display: inline-block;
  text-transform: uppercase;
  border-radius: 7px;
  font-weight: 600;
  padding: 10px 18px;
  margin: 0px 7px;
  cursor: pointer;
  transition: all .5s;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;

}
.transforming-menu ul li a:hover{
  background-color: #134cb3;
  color: #FFFFFF !important;
}
.transforming-menu ul{
display: flex;
justify-content: center;
padding-left: 0;
}
.filltaring .sec-title{
	padding-top:80px;
	padding-bottom:80px;
}

.filltaring-list li {
  border-radius: 7px;
  background-color: #f7f7f7;
  /* padding: 10px 18px; */
  margin: 0px 7px;
  cursor: pointer;
}
.mixitup-control-active{
  color: #FFFFFF !important;
  text-decoration: none;
}
.filltaring-list li.mixitup-control-active {
  background-color: #134cb3;
  color: #FFFFFF !important;
  text-decoration: none;
}

.gallery-img img{
    display:block;
    width:100%;
    height: 300px;
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
}
.gallery-img a{
  display: block;
}
.gallery-img img:hover{
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transition: all 1s;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
}
.gallery-img{
  height: 300px;
  overflow: hidden;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
/*
============================
*/

.gallery-img{
	position:relative;
	text-align:center;
	color: #fff;
	overflow:hidden;
}
.gallery-when-hover{
	position: absolute;
	top:100%;
	bottom: 0;
	left: 0;
	right: 0;
  background: linear-gradient(180deg, rgba(14, 30, 42, 0) 0%, rgba(14, 30, 42, 0) 30.98%, #132736 100%);
	-webkit-transition:all .3s;
	transition:all .3s;
}
.gallery-img:hover .gallery-when-hover{
top:0;
}

.gallery-when-hover .team-social{
	position:absolute;
	bottom:-71px;
	left: 0;
	right: 0;
	-webkit-transition:all .3s;
	transition:all .3s;
}
.gallery-img:hover .team-social{
 bottom:20%;
}
.iskcon-gallery-section{
    padding: 100px 0px;
}
.gallery-img a{
    width: 100% !important;
}
.gallery-img a img{
    width: 100% !important;
    object-fit: cover;
}

/* start:: latest publications
========================================= */
.latest-publications-section{
    padding: 50px 0px;
}
.latest-publications-item{
    margin: 0px 10px;
}
.latest-publications-item img{
    width: 100%;
    height: 300px;
    object-fit: cover;
}
.latest-publications-slider .slick-dots {
    display: flex;
    justify-content: start;
    margin: 0;
    padding: 16px 0;
    list-style-type: none;
    position: absolute;
    bottom: -26% !important;
    left: 50%;
    transform: translate(-50%, -50%);
}
/* start:: latest vide section
============================================= */
.latest-video-section{
    padding: 50px 0px;
}
.latest-video-item{
 padding: 10px;
 background-color: #ffff;
 border-radius: 10px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 -ms-border-radius: 10px;
 -o-border-radius: 10px;
}
.latest-video-item iframe{
  height: 200px;
  width: 100%;
}
/* start:: upcoming events
======================================== */
.upcoming-events-section{
    padding: 50px 0px;

}
.upcoming-event-item{
    background-color: #FFF;
    text-align: center;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.upcoming-event-item:hover{
   transform: scale(1.05);
   -webkit-transform: scale(1.05);
   -moz-transform: scale(1.05);
   -ms-transform: scale(1.05);
   -o-transform: scale(1.05);
}
.upcoming-event-item .item-img img{
    width: 100%;
    height: 180px;
    object-fit: cover;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.upcoming-event-item .item-info {
    padding: 15px 0px;
}
.upcoming-event-item .item-info h5 {
    font-size: 16px;
    font-weight: bold;
}
.upcoming-event-item .item-info p {
    font-size: 16px;
    font-weight: bold;
}
.upcoming-event-item .item-info a {
  color: #F36B24;
  padding: 5px 10px;
  border: 1px solid #F36B24;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
}
.upcoming-event-item .item-info a:hover {
    background-color: #F36B24;
  color: #ffffff;
}
.upcoming-event-container{

    padding: 30px 0px;
    position: relative;
}
.upcoming-event-left-img{
    position: absolute;
    left: 0;
    top: 0;
}
.upcoming-event-left-img img{
  max-width: 230px;
}
.upcoming-event-item{
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
/* START:: TESTIMONIALS SECTION
======================================= */
.student-feedback-section{
    position: relative;
    background-color: #e5e5e5;
    padding: 50px;
    padding-bottom: 100px;
}

/* START:: DAY IN ISKCON
===================================================== */
.day-in-iskcon-section{
    padding: 50px 0px;
}
.day-in-iskcon-slider-container{
    position: relative;
    width: 100%;
}
.day-in-arrow-container{
    position: absolute;
    justify-content: space-between;
    width: 100%;
    display: flex;
    top: 50%;
    bottom: 50%;
    transform: translateY(-50%);
}
.day-in-arrow-container button{
  width: 40px;
  height: 40px;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  line-height: 40px;
  background-color: #F36B24;
  color: #FFF;
  border: 1px solid transparent;
}
.day-in-iskcon-item img{
    width: 100%;
    margin-bottom: 15px;
    display: inline-block;
}
.day-in-iskcon-item button{
    background-color: #F36B24;
    color: #fff;
    font-weight: 700;
    font-size: 18px;

}
.day-in-iskcon-body{
    margin-top: 20px;
}


/* START::FACULTY SECTION
============================================ */
.faculty-section{
    padding: 50px 0px;
}
.faculty-item{
background-color: #fff;
text-align: center;
padding: 20px 5px;
margin: 0px 10px;
height: 100%;
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
margin: 10px;
}
.faculty-item .info h5{
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 600;
}
.faculty-item .img{
  margin-bottom: 20px;
}
.faculty-item .img img{
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    margin: 0 auto;
}
.faculty-slider-arrow .arrow-left,
.faculty-slider-arrow .arrow-right{
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: #f55d15;
    color: #FFF;
    border: 1px solid transparent;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}
.faculty-container{
    position: relative;
}
.faculty-slider-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
/* START:: NEWS AND NOTICE SECTION
=================================== */
.news-and-notice-section{
    padding: 50px;

}
.update-news-item img{
    width: 100%;
    margin-bottom: 10px;
    display: inline-block;
}
.update-news-item .info h5{
   font-size: 20px;
   font-weight: 700;
   font-family: 'Roboto', sans-serif;

 }
.update-news-item .info a button{
   background-color: #F36B24;
   color: white !important;
   text-align: center;
   display: inline-block;
 }
 .update-news-item{
    background-color: #FFF;
    padding: 10px;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    height: 100%;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
 .update-news-item:hover{
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
}
.notice-body .notice-item {
   display: flex;
}
.notice-body .notice-item i{
    color: #F36B24 ;
    margin-right: 8px;
    margin-top: 5px;
}
.notice-body .notice-item p{
    color: black;
    margin-right: 8px;
}
.notice-body .notice-item p a{
    background-color: #F36B24;
    color: #FFF;
    padding: 0px 7px;
    font-size: 14px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    font-weight: 600;
}
.notice-body .notice-item:hover p{
    color: #F36B24 ;
}
.notice-container .all-notice a button{
    background-color: #F36B24;
    color: #FFF;
    font-weight: 600;
}


/* START:: ABOUT MORE COURSE
=================================== */
.say-course-more-abotu-section{
    padding: 100px 0px;
    background-color: #f9f9f9;
}
.more-about-container{
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding: 50px;
    background-color: #FFF;
    margin-bottom: 50px;
}
.more-about-container .title{
   padding-bottom: 50px;
}
.more-about-container .title h2 {
    font-weight: bold;
    font-family: 'Roboto Slab', serif;
    font-size: 45px;
}
.more-about-say-img {
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    padding: 20px;
    height: 100%;
}
.more-about-say-img img{
  width: 100%;
}
.more-about-text{
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    padding: 20px;
}
.more-about-text p{
    text-align: justify;
}
.banner-slider-item .slider-img img{
    width: 100%;
    height: 500px;
    object-fit: cover;
}



/* START:: POST DETAILS PAGE SECTION
=================================== */

.post-details-section{
    padding: 100px 0px !important;
}
.post-details{
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 15px;
}
.post-details-sidebar{
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 15px;
}
.post-details img{
  width: 100%;
}
.post-details .post-info-details{

}
.post-details .post-info-details h3{
    margin-bottom: 30px;
    margin-top: 20px;
}
.post-details-sidebar h4{
    border-bottom: 2px solid black;
    margin-bottom: 15px;
    margin-bottom: 20px;
}
.post-details-sidebar .single-related-item img{
    width: 80px;
    height: 60px;
    object-fit: cover;
    margin-right: 10px;
}
.post-details-sidebar .single-related-item a h6{
   color: black;
}
.post-details-sidebar .single-related-item a p{
   color: black;
}
.post-details-sidebar .single-related-item h6{
   margin-bottom: 0px;
}
.post-details-sidebar .single-related-item p{
   font-size: 14px;
}
/* START:: ABOUT
===================================== */
.about-left-container{
    background-color: transparent;
}
.about-inner-container{
    padding: 100px 30px;
    width: 500px;
    background-color: #f55d15;
    position: relative;
    border-top-right-radius:39px;
}
.about-inner-container::before{
    content: '';
    position: absolute;
    right: 0;
    left: 99.5%;
    top: 22px;
    width: 0px;
    height: 0px;
    border-top: 409px solid #f55d15;
    border-bottom: 0px solid transparent;
    border-left: 221px solid transparent;
    transform: rotate(180deg);
}
.about-inner-container h3{
    color: #FFF;
    font-weight: 600;
    font-size: 22px;
    margin-bottom: 15px;
}
.about-inner-container p{
    color: #fff;
    margin-bottom: 28px;
    font-size: 16px;
}
.about-inner-container a{
    color: #f55d15;
    background-color: #FFF;
    padding: 8px 15px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border: 1px solid transparent;
}
.about-inner-container a:hover{
    background-color:#f55d15 ;
    color: #FFF;
    border: 1px solid #FFF;
}
.about-right-container .about-right-item{
  border-bottom: 1px solid rgb(194, 192, 192);
    padding: 15px 0px;
    display: flex;
}
.about-right-item img{
    width: 150px;
    height: 120px;
    padding: 7px;
    object-fit: cover;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    margin-right: 15px;
}
.about-right-container{
    overflow: auto;

}
.about-right-inner-container{
    height: 430px;
}
/* START::COURSE DETAILS SECTION
====================================== */
.course-name-section{
    padding: 80px 0px;
    background-color: #282727;
}
.course-name-section h2{
color: #fFF;
font-weight: bold;
font-size: 46px;
font-family: 'Roboto Slab', serif;
}
.course-name-section h4{
    color: #FFF;
    font-weight: bold;
    font-size: 30px;
}
.event-banner-section{
    padding: 50px;
}
.event-banner-section .event-taitle h2{
    padding-bottom: 40px;
    font-weight: 700;
    font-family: 'Roboto Slab', serif;
    font-size: 46px;

}
/* START::COURSE DETAILS BANNER SECTION
=================================================== */
.course-details-banner-section{
    padding: 50px 0px;

}
.course-details-banner-section .course-img img{
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}
.course-details-banner-section .course-info h2{
    font-size: 40px;
    font-weight: 600;
    font-family: 'Roboto Slab', serif ;
}
.course-details-banner-section .course-info ul li{
    list-style: disc;
}
.course-details-banner-section .course-info ul {
    list-style: disc;
}
.course-support-team-section {
    background-color: #3A3925;
    padding: 50px 0px;
}
.course-support-team-section h3{
    font-weight: 600;
    color: #FFF;
    font-family: 'Roboto Slab', serif;
    font-size: 34px;
    margin-bottom: 30px;
}
.team-support-info .leaf-icon i{
   color: #f55d15;
   font-size: 35px;
}
.team-support-info{
    width:100%;
    display: flex;
    padding: 10px 0px;
}
.team-support-contact .contact-info p{
    color: #FFF;
}
.team-support-contact .contact-info a{
    color: #f55d15;
}
.team-support-info .leaf-icon{
    width: 20%;
}
.team-support-info .course-info{

}
.team-support-info .course-info h5{
   color: #f55d15;

}
.team-support-info .course-info p{
    color: #FFF;
    margin-bottom: 0px;
}
/* START::BREAKDOWN SECTION
===================================== */
.breakdown-section {
    padding-top: 100px;
}
.breakdown-left-text h2{
    font-weight: 600;
    font-size: 40px;
    font-family: 'Roboto Slab', serif;
    margin-bottom: 20px;
}
.breakdown-left-text ul{
    padding-left: 0px;
}
.breakdown-left-text ul li i {
    padding-right: 7px;
}
.breakdown-left-text ul li {
    font-weight: 600;
    color: #f55d15;
    display: flex;
    justify-content: start ;
    padding-bottom: 10px;
}
.course-package-item{
    background-color: #f55d15;
    color: #FFF;
    padding: 20px 15px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    width: 300px;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.course-package-item h4{
    font-weight: 600;
    font-family: 'Roboto Slab', serif;
    text-align: center;
}
.course-package-item h5{
    text-align: center;
    font-weight: 700;

    font-size: 30px;
}

/* START::SPIRITUAL RESOURCES SECTTION
=============================================== */
.spiritual-resource-section{
   padding-top: 100px;
   padding-bottom: 100px;
   background-color: #f7f7f7;
}
.spiritual-resource-section .spiritual-title{
 padding-bottom: 50px;
}
.spiritual-resource-section h2{
    font-size: 46px;
    font-weight: 600;
    font-family: 'Roboto Slab', serif;
}
.spiritual-item{
    background-color: #f55d15;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    padding: 30px;
    display: flex;
    align-items: center;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.spiritual-item:hover{
  transform: scale(1.07);
  -webkit-transform: scale(1.07);
  -moz-transform: scale(1.07);
  -ms-transform: scale(1.07);
  -o-transform: scale(1.07);
}

.spiritual-item .spiritual-icon i{
    font-size: 40px;
    color:#fff;
    margin-right: 10px;
}
.spiritual-item .spiritual-text h5{
    font-size: 23px;
    color:#fff;
    font-weight: bold;
    margin-bottom: 0px;
}
.spiritual-bottom-section{
    padding: 15px 0px;
    background-color: #f55d15;
}
.spiritual-bottom-item{
    display: flex;
    padding: 20px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.spiritual-bottom-item:hover{
    transform: scale(1.07);
    -webkit-transform: scale(1.07);
    -moz-transform: scale(1.07);
    -ms-transform: scale(1.07);
    -o-transform: scale(1.07);
}
.spiritual-bottom-item .icon i{
    margin-right: 15px;
    font-size: 40px;
    color: #FFF;
}
.spiritual-bottom-item .info h5{
    color: #FFF;
    margin-bottom: 0px;
    font-weight: bold;
}
.spiritual-bottom-item .info p{
    margin-bottom: 0px;
    color: #FFF;
    font-size: 15px;
}
/* START:: GET ENVELOPE SECTION
================================================ */
.get-envelope-section{
    background-image: url('../../../images/envelope-bg-img.jpg');
    padding-top: 100px;
    background-repeat: no-repeat;
    position: relative;
    background-size: cover;
    z-index: 1;
    color: #FFF;
    background-attachment: fixed;
}
.get-envelope-overlay{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: -1;
}
.get-envelope-container h2{
    font-size: 70px;
    color: #FFF;
    font-weight: bold;
}
.get-envelope-container .logo-img img{
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    max-width: 120px;
    margin-bottom: 30px;
}
.get-envelope-container{
 border-bottom: 1px solid ghostwhite;
 padding-bottom: 50px;
}
.get-envelope-youtube-link{
    padding: 40px 0px;
    text-align: center;
}
.get-envelope-youtube-link a{
    font-weight: bold;
    color: #FFF;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.get-envelope-youtube-link a:hover{
    color: #f55d15;
}
.newsleeter-section{
    background-color: #f55d15;
    padding: 20px 0px;
}
.newsleeter-section h2{
    color: #FFF;
    font-weight: bold;
}
.newsleeter-section a{
    color: #FFF;
    padding: 10px 15px;
    border: 1px solid #FFF;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    font-weight: 700;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.newsleeter-section a:hover{
 background-color: #FFF;
 color:#f55d15 ;
}
/* START:: NOTICEBOARD PAGE
==========================================*/
.noticeboard-section{
    background-color: #f9f9f9;
    padding: 50px 0px;
}
.notice-board-container tbody tr td a img{
    width: 50px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    text-align: center;
}
.notice-board-container{
    padding: 50px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    background-color: #FFF;
}
.event-title-item{
    display: flex;
}
.event-title-item .icon i{
    font-size: 40px;
    color:#f55d15;
    margin-right: 10px;
}
.event-title-item .info h5{
    font-size: 24px;
    color:#f55d15;
    margin-bottom: 0px;
    font-family: 'Roboto Slab', serif;
    font-weight: 700;

}
/* START:: IMPORTENT VOICE SECTION
=================================================== */
.importent-voice{
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding-top: 10px;
    height: 100%;
}
.importent-voice img{
    width: 300px;
    height: 300px;
    object-fit: cover;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}
.importent-voice .voice-info{
    padding: 10px 20px 20px 20px;
}
.importent-voice .voice-info h5{
    font-family: 'Roboto Slab', serif;
    color: #E96B0C;
    font-size: 21px !important;
    padding: 8px 0px;
    text-align: center !important;
}
.importent-voice .voice-info p{
    font-size: 17px !important;
    text-align: justify;
}
.importent-voice .voice-info .read-more-btn a{
    display: inline-block;
    background-color: #ff4a7a;
    padding: 7px 20px;
    color: #FFF;
    font-family: 'Roboto Slab', serif;
    font-weight: bold;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    font-size: 19px;
}
.importent-voice .voice-info .read-more-btn a:hover{
   color: #000;
    background-color: #FFAC00;
}
.all-course-page-title{
    height: auto;
}
/* START:: VOLUNTEER SECTION
======================================== */
.volunteer-section {
    padding: 100px 0px;
    background-color: #3e3d2a;
}
.volunteer-item{
    text-align: center;
}
.volunteer-item i{
    font-size: 70px;
    color: #FFAC00;
}
.volunteer-item h3{
    font-size: 40px;
    color: #FFF;
    font-weight: 700;
    margin: 10px 0px;
    font-family: 'Roboto Slab', serif;
}
.volunteer-item a{
    background-color:#F36B24 ;
    display: block;
    padding: 13px 10px;
    color: #FFF;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    border: 1px solid #fff;
}
.volunteer-item a:hover{
    background-color: #FFF;
    color: #000;
}
/* START:: FESTIVAL SCHEDULE SECTION
=========================================== */
.festival-schedule-section{
    padding: 100px 0px;
    background-color: #f7f7f7;
}
.festival-schedule{
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    padding: 20px;
    background-color: #fff;
    height: 100%;
}
.festival-schedule h3{
   font-weight: 700;
   color: #F36B24;
   border-bottom: 2px solid #F36B24;
   margin-bottom: 20px;
   padding-bottom: 10px;
}
.festival-introduct{
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    padding: 20px;
    background-color: #fff;
    height: 100%;
}
.festival-introduct h3{
    font-weight: 700;
    color: #F36B24;
    border-bottom: 2px solid #F36B24;
    margin-bottom: 20px;
    padding-bottom: 10px;
}
.festival-schedule ul{
    padding-left: 20px;
    margin-bottom: 15px;
}
.festival-schedule ul li{
    font-weight: 600;
    font-size: 19px;
    list-style: disc;
    line-height: 30px;
}
.festival-introduct ul li{
    list-style: disc;
    font-size: 17px;
    padding-bottom: 10px;
}
.schodule-about-any-question{
    margin-bottom: 15px;
}
.schodule-about-any-question h5{
    color: #F36B24;
    font-weight: 700;
    display: inline-block;
    border-bottom: 2px solid #F36B24;
}
.schodule-about-any-question p{
    margin-bottom: 0px;
    font-weight: bold;
}

/* START:: SHARE EVENT SOCIAL MEDIA
============================================ */
.share-event-social-media{
    background-color:#F36B24;
    padding: 100px 0px;
}
.share-event-social-media .title h2{
    font-weight: bold;
    margin-bottom: 30px;
    color: #FFF;
}
.event-social-item{
    text-align: center;
}
.event-social-item a{
    color: #FFF;
    font-size: 30px;
    padding: 10px 0px;
    border: 1px solid #FFF;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.event-social-item a{
    color: #FFF;
    font-size: 30px;
    display: block;
    transition:all .5s ;
    -webkit-transition:all .5s ;
    -moz-transition:all .5s ;
    -ms-transition:all .5s ;
    -o-transition:all .5s ;
}

.event-social-item a i{
color: #FFF;
}
.event-social-item a.facebook{
    background-color: #1260C2;
}
.event-social-item a.twitter{
    background-color: #1DA1F2;
}
.event-social-item a.email{
    background-color: #F04235;
}
.event-social-item a.whatsapp{
    background-color: #46C254;
}
.event-social-item a:hover{
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}
/* START:: DONATE NOW SECTION
================================================== */
.donate-now-section{
    padding: 100px 0px;
    background-color: #f36b24;
    /* background-image: url('../../../images/breakdown-bg-img.png'); */
}
.donate-container{
    background-color: #fff;
    padding: 30px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.donate-container .title {
  padding-bottom: 40px;
}
.donate-container .title h2{
    font-weight: bold;
    font-size: 46px;
}
.form-item label{
    font-weight: bold;
    padding-bottom: 4px;
    font-size: 17px;
}
.form-item input{
    padding: 10px ;
}
.form-item textarea{
    padding: 10px ;
}
.give-freequency{
    display: flex;

}
.give-freequency .form-check{
    margin-right: 15px;
    font-size: 17px;
}
.frequency-title{
    font-weight: bold;
    padding-bottom: 15px;
    font-size: 18px;
}
.form-item.donate-submit{
margin-top: 50px;
}
.form-item.donate-submit button{
    background-color: #f36b24;
    color: #FFF;
    border: 1px solid #FFF;
    padding: 12px 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    font-weight: bold;
    width: 100%;
    font-size: 18px;
}
/* START:: APPLY FOR CERTIFICATE
=============================================== */
.apply-for-certificate-container{
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    padding: 30px;
    background-color: #FFF;
}
.apply-for-certificate-container h2{
    font-weight: 700;
    text-align: center;
    margin-bottom: 50px;
}
.apply-for-certificate-container label{
    font-weight: bold;
}
.apply-for-certificate-container .apply-now-btn button{
    border: none;
    font-weight: bold;
    background-color: #1260C2;
    color: #FFF;
    padding: 7px 20px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.profile-right .edit-profile-btn a{
    background: #0078FF;
    color: #FFF;
    padding: 7px 12px;
    font-weight: bold;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    font-size: 18px;
}
.profile-right .edit-profile-btn button{
    background: #0078FF;
    color: #FFF;
    font-weight: bold;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    font-size: 18px;
}
.certificate-download-btn a{
    background: #0078FF;
    color: #FFF;
    font-weight: bold;
    padding: 5px 12px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    font-size: 18px;
    margin-bottom: 50px;
}
.subscribe-container{
    padding: 80px 0px;
}
.subscribe-container h3{
    text-align: center;
    font-weight: 600;
    margin-bottom: 30px;
}
.subscribe-container .subscribe-form {
    position: relative;
}
.subscribe-container .subscribe-form input {
    padding: 10px;
}
.subscribe-container .subscribe-form input::placeholder {
    font-weight: bold;
}
.subscribe-container .subscribe-form button {
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    font-weight: bold;
    color: #FFF;
    padding: 9px 12px;
    font-size: 18px;
    background-color: #f36b24;
}

/* START:: FOOTER
============================================ */
footer {
    background-color: #222328;
    padding-top: 100px;
    color: #FFF;
}

.user-dashboard-footer {
    margin-left: 308px;
}

.footer-logo p {
    padding-top: 20px;
}

.footer-logo .social-icon a {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: #FFF;
    color: #161f72;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    margin-right: 10px;
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
}

.footer-course {
    color: #FFF;
}

.footer-course h4 {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 700;

}

.footer-course .footer-course-list ul {
    padding: 0;
    color: #FFF;
}

.footer-course .footer-contact-list ul li a {
    font-family: 'bookmanLight, sans-serif';
}

.footer-course .footer-course-list span i {
    color: #ff4a7a;
    padding-right: 7px;
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    font-size: 16px;
}
.footer-course .footer-course-list span:hvoer i {
    color: #ff4a7a;

}

.footer-course .footer-course-list ul li {
    padding: 5px 0px;
}

.footer-course .footer-course-list ul li a {
    color: #FFF;
    display: block;
    font-size: 17px;
}

.other-info-container p a{
    color: #ff4a7a;
}
.other-info-container p{
    font-size: 17px;
}
.donation-office p{
    font-size: 18px;
}

.other-info-container p{
    padding-left: 25px;
    margin-bottom: 0;
}

.footer-copyright {
    text-align: center;
    padding: 15px;
    border-top: 2px solid #898989;
}

.footer-copyright p {
    font-family: 'bookmanLight, sans-serif';
}
.footer-logo a img{
    width: 100px;
    border-radius: 100%;
}
.purple-color{
    color: #ff4a7a !important;
}
.footer-course-list ul li a:hover,
.footer-course ul li a{
    color: #ff4a7a;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
.donat-now-btn button{
    background-color: #ff4a7a;
    color: #FFF;
    border-radius: 30px;
    padding: 15px 20px;
    font-weight: bold;
    border: 1px solid green;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;

}
.donat-now-btn button:hover{
    background-color: #FFAC00;
    color: black;
    border-radius: 30px;
    padding: 15px 20px;
    font-weight: bold;
    border: 1px solid green;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}
.footer-social-icon{
    margin: 50px 0px;
}
.footer-social-icon a{
    display: inline-block;

    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}
.footer-social-icon a:hover{
    background-color:#FFAC00 ;
}
.footer-social-icon a i{
    color: #FFF;
}
.footer-privacy-container a {
    color: #FFF;
}
.footer-privacy-container a:hover {
    color: #ff4a7a;
}
.video-gallery-area{
    padding: 100px 0px;
}
.video-gallery-title h2{
    font-weight: bold;
    font-size: 40px;
    font-family: 'Roboto Slab', serif;
    padding-bottom: 30px;
}
.image-gallery-title h2{
    text-align: center;
    padding-bottom: 30px;
    font-size: 40px;
    font-family: 'Roboto Slab', serif;
    font-weight: bold;
}
.refund-policy-section{
    padding: 100px 0px;
}
.refund-policy-title h2{
    margin-bottom: 30px;
    font-weight: bold;
}
.privacy-policy-section,
.terms-condition-section,
.mission-vision-section{
    padding: 100px 0px;
}
.privacy-policy-title,
.terms-condition-title,
.mission-vision-title {
    margin-bottom: 30px;
}
.privacy-policy-title h2,
.terms-condition-title h2
.mission-vision-title h2{
    font-size: 40px;
    font-weight: bold;
}
/* start:: blog page
========================================= */
.blog-banner-area{
    padding: 80px 0px;
    background-color: #282727;
    color: #FFF;
}
.blog-wrapper{
    padding: 80px 0px;
}
.blog-body .blog-item{
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    padding: 10px;

}
.blog-body .blog-item img{
    width: 100%;
    height: 200px;
    object-fit: cover;
    margin-bottom: 10px;
}
.blog-body .blog-item h4{
    font-size: 17px;
    font-weight: 600;
    color: #000;
}
.blog-body .blog-item .blog-date {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}
.blog-body .blog-item .blog-date h5 {
    font-size: 16px;
    color: #000;
}
.blog-details-item {
    padding: 20px !important;
}
.blog-details-item img{
    height: 300px !important ;
}
.blog-details-item h4{
    font-size: 25px !important;
    font-family: 'Roboto', sans-serif;
    padding: 10px 0px;
}
.blog-search-form{
    margin: 10px 0px;
}
.blog-search-form input{
    margin-bottom: 5px;
}
.blog-search-form button{
    border: none;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    padding: 6px 12px;
    color: #FFF;
    background-color: #f36b24;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

/* blog menu */
.blog-menu {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    padding: 15px;
}
.blog-menu > ul{
    margin: 0;
    padding: 0;
}
.blog-menu > ul > li:not(:last-child){
    border-bottom: 1px solid gainsboro;
    padding-right: 30px;
}
.blog-menu > ul > li {
    position: relative;
}
.blog-menu > ul > li> span{
    position: absolute;
    right: 1px;
    top: 12px;
    border: 1px solid #bbbaba;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    padding: 0px 2px;
    border-radius: 2px;
    cursor: pointer;
    z-index: 11111;
}
.blog-menu > ul > li > a{
    padding: 10px 0px;
    color: #000;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;

}

.blog-menu > ul > li > ul{
   padding-left: 15px;
   background-color: #f7f7f7;
   margin-bottom: 5px;
   display: none;
   position: static;
   transition: all .5s;
   -webkit-transition: all .5s;
   -moz-transition: all .5s;
   -ms-transition: all .5s;
   -o-transition: all .5s;
}
.blog-menu > ul > li.active > span{
   transform: rotate(-180deg);
   -webkit-transform: rotate(-180deg);
   -moz-transform: rotate(-180deg);
   -ms-transform: rotate(-180deg);
   -o-transform: rotate(-180deg);
   transition: all .5s;
   -webkit-transition: all .5s;
   -moz-transition: all .5s;
   -ms-transition: all .5s;
   -o-transition: all .5s;
   background-color: orange;
   color: #FFF;
   border: none;
}
.blog-menu > ul > li.active > ul{
   display: block;
   transition: all .5s;
   -webkit-transition: all .5s;
   -moz-transition: all .5s;
   -ms-transition: all .5s;
   -o-transition: all .5s;
}

.blog-menu > ul > li > ul> li:not(:last-child) {
    border-bottom: 1px solid gainsboro;
    position: relative;
    margin-right: 0;

}
.blog-menu > ul > li > ul> li > a {
    padding: 10px 0px;
    color: #000;
}