*{
    padding: 0;
    margin: 0;
    font-family: Roboto, sans-serif;
}
body{
    overflow: hidden;
}
html{
    overflow-x: hidden;
}
.topbar-wrapper {
    display: flex;
    width: 100%;
    color: white;
    background-color: #10376d;
    position: relative;
}
.topbar{
    display: flex;
}
.topbar a{
    color: white;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
}
.topbar a .blink-soft{
    animation: blinker 1.5s linear infinite;
}
@keyframes blinker {
    50% {opacity: 0;}
}
.topbar-left{
    width: 25%;
    padding-top: 5px;
    padding-bottom: 5px;
    display: flex;
    justify-content: space-evenly;
}
.topbar-middle{
    width: 55%;
    padding-top: 5px;
    padding-bottom: 5px;
    display: flex;
    justify-content: space-evenly;
}
.topbar-right{
    width: 20%;
    padding-top: 5px;
    padding-bottom: 5px;
    display: flex;
    justify-content: space-evenly;
}
.invisible{
    display: none;
}
.visible{
    display: block;
}
#respMenu li:hover ul.sub-menu{
    display: block;
}
.main-menu .logo{
    max-width: 216px;
    max-height: 100px;
}
.btn-section{
    background-color: #ffe5dc;
    padding-top: 15px;
}
.btn-section a.btn.btn-orange{
    font-size: 15px;
    color: #fff;
    display: table;
    background-color: #f3621c;
    text-transform: uppercase;
    text-decoration: none;
    padding: 20px 40px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    margin-top: 10px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    margin: auto;
}
.btn-section a.btn.btn-orange:hover{
    background-color: #10376d;
}
.btn-section a.btn.btn-blue{
    font-size: 15px;
    color: #fff;
    display: table;
    background-color: #10376d;
    text-transform: uppercase;
    text-decoration: none;
    padding: 20px 40px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    margin-top: 10px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    margin: auto;
}
.btn-section a.btn.btn-blue:hover{
    background-color: #f3621c;
}
.founders-message{
    padding: 50px 70px;
}
.founders-message .heading{
    color: #10376d;
    margin-bottom:50px;
    font-size: 50px;
    font-weight: 900;
    text-align: center;
    margin-bottom: 20px;
}
.founders-message .heading span {
    font-weight: 300;
}
.founders-message .video-card{clear: both; text-align: center;}
.founders-message .video-card-top {
    border-radius: 10px;
    border-top: 10px solid #f20e0e;
    box-shadow: 16px 13px 42px -17px rgba(0,0,0,0.69);
    height: 430px;
    width: 750px;
}

.home-courses-head{
    width: 100%;
    display: table;
    background-color: #2e91fc;
    background-image: url(../img/home-course-bg.png);
    padding-top: 20px;
}
.courses-section .heading{
    margin-bottom:50px;
    font-size: 50px;
    font-weight: 900;
    color: #fff;
    text-align: center;
    margin-bottom: 20px;
}
.courses-section .heading span {
    font-weight: 300;
}
.block_01, .block_02, .block_03, .block_04, .block_05, .block_06{
    width:100%;
    display:table;
    padding-left: 15px;
    min-height:390px;
}
.block_01{
    background-color:#0082ba;
}
.block_02{
    background-color:#f8764b;
}
.block_03{
    background-color:#10376d;
}
.block_04{
    background-color:#59d2ac;
}
.block_05{
    background-color:#d9d9d6;
}
.block_06{
    background-color:#ffba45;
}
.home-courses .block-wrapper{
    width: 93%;
    display: table;
    margin: 40px auto 20px auto;
}
.home-courses .block-wrapper h2{
    width: 100%;
    display: table;
    margin: 0;
    font-size: 21px;
    text-transform: uppercase;
    color: #fff;
    padding-bottom: 15px;
    text-align: left;
}
.home-courses .block-wrapper h3{
    width: 100%;
    display: table;
    margin: 0;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    padding-bottom: 15px;
}
.home-courses .block-wrapper h4{
    width: 100%;
    display: table;
    margin: 0;
    font-size: 21px;
    text-transform: uppercase;
    color: #fff;
    padding-bottom: 15px;
    text-align: left;
}
.home-courses .block-wrapper p{
    width: 100%;
    display: table;
    margin: 0;
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    line-height: 1.6;
}
.btn-know{
    position: relative;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
    color: #000;
    background-color: #fff;
    padding: 10px 20px;
    margin-top: 15px;
    display: table;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}
.btn-know:after {
    content: "";
    position: absolute;
    right: -20px;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 20px solid #fff;
    border-top: 40px solid transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}
.btn-know:hover:after {
    content: "";
    position: absolute;
    right: -20px;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 20px solid #10376d;
    border-top: 40px solid transparent
}
.btn-know:hover{
    color: #fff;
    background-color: #10376d;
}
.btn-know2{
    position: relative;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    background-color: #f9764b;
    padding: 10px 20px;
    margin-top: 15px;
    display: table;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}
.btn-know2:after {
    content: "";
    position: absolute;
    right: -20px;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 20px solid #f9764b;
    border-top: 40px solid transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}
.btn-know2:hover:after {
    content: "";
    position: absolute;
    right: -20px;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 20px solid #fff;
    border-top: 40px solid transparent
}
.btn-know2:hover{
    color: #000;
    background-color: #fff
}

.beyond-section{
    background-color: #ffe5dc;
}
.beyond-section .heading{
    margin-bottom:50px;
    font-size: 50px;
    font-weight: 900;
    color: #000;
    text-align: center;
    margin-bottom: 20px;
}
.beyond-section .heading span {
    font-weight: 300;
}
.beyond-link{
    width: 100%;
    display: table;
    text-decoration: none;
}
.beyond-link:hover .beyond-content {
    background-color: #f9764b
}
.beyond-image{
    position: relative;
    width: 100%;
    display: table;
}
.beyond-overlay{
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .5);
    overflow: hidden;
    width: 100%;
    height: 0;
    transition: .25s ease;
}
.beyond-link:hover .beyond-overlay {
    bottom: 0;
    height: 100%
}
.beyond-overlay .image{
    position: absolute;
    overflow: hidden;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.beyond-overlay .image img{
    width: 100%;
}
.beyond-content{
    width: 100%;
    display: table;
    background-color: #ffe5dc;
    padding: 15px 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}
.beyond-content p{
    width: 100%;
    display: table;
    text-align: center;
    color: #000;
    font-family: Roboto, sans-serif;
    font-size: 15px;
    font-style: italic;
}

.testimonial-section{
    padding: 25px 50px;
}
.testimonial-section .heading{
    margin-bottom:50px;
    font-size: 50px;
    font-weight: 900;
    color: #000;
    text-align: center;
    margin-bottom: 20px;
}
.my-video-second {
    position:relative;
    cursor:pointer;
}
.my-video-second svg {
   position: absolute;
   z-index: 10;
   top: 41%;
   left: 41%;
   max-width: 70px;
}
.my-video-second .img-frame {
   display: flex;
   position: relative;
   margin: 30px 0;
   width: 100%;
   height: 360px;
   align-items: center;
   justify-content: center;
   background: #000;
       padding: 5px;
}
.my-video-second:hover svg path {
   fill: #fc3636;
}
.btn.btn-orange{
    font-size: 15px;
    color: #fff;
    display: table;
    background-color: #f3621c;
    text-transform: uppercase;
    text-decoration: none;
    padding: 20px 40px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    margin-top: 10px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    margin: auto;
}
.btn.btn-orange:hover{
    background-color: #10376d;
}

.edge-section .heading{
    margin-bottom:50px;
    font-size: 50px;
    font-weight: 900;
    color: #000;
    text-align: center;
    margin-bottom: 20px;
}
.edge-section .heading span {
    font-weight: 300;
}
.edge-link{
    width: 100%;
    display: table;
    text-decoration: none;
}
.edge-link:hover .edge-content {
    background-color: #f9764b
}
.edge-image{
    position: relative;
    width: 100%;
    display: table;
}
.edge-overlay{
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .5);
    overflow: hidden;
    width: 100%;
    height: 0;
    transition: .25s ease;
}
.edge-link:hover .edge-overlay {
    bottom: 0;
    height: 100%
}
.edge-overlay .image{
    position: absolute;
    overflow: hidden;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.edge-overlay .image img{
    width: 100%;
}
.edge-content{
    width: 100%;
    display: table;
    background-color: #ffe5dc;
    padding: 15px 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}
.edge-content p{
    width: 100%;
    display: table;
    text-align: center;
    color: #000;
    font-family: Roboto, sans-serif;
    font-size: 15px;
    font-style: italic;
}
.font-16{
    font-size: 16px;
}

.main-footer{
    background-color: #000;
    padding: 80px 0 0 0;
    color: #a9a9a9;
    font-size: 16px;
}
.social-footer ul{
    display: flex;
}
.social-footer ul li a{
    position: relative;
    color: white;
    text-decoration: none;
    background-color: #f8764b;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    background-color: #f9764b;
    display: table;
    margin-left: 9px;
    transition: all 0.3s ease;
}
.social-footer ul li i{
    position: absolute;
    left: 14px;
    top: 14px;
    transition: all 0.3s ease;
}
.social-footer ul li a:hover{
    background-color: #fff;
}
.social-footer ul li a:hover i{
    color: #f9764b;
}
.footer-top h4, .footer-middle h4{
    position: relative;
    font-size: 21px;
    text-transform: uppercase;
    color: #f9764b;
}
.footer-top h4:after, .footer-middle h4:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -10px;
    background-color: #fff;
    width: 50px;
    height: 2px;
}
.review-footer, .footer-links, .footer-form{
    padding: 0px 25px;
}
.footer-links ul li a{
    font-size: 18px;
    text-decoration: none;
    color: #a9a9a9;
    transition: all 0.3s ease;
}
.footer-links ul li a:hover{
    color: white;
}
.footer-middle ul li a{
    font-size: 18px;
}
.footer-middle ul li a, .footer-bottom a{
    text-decoration: none;
    color: #a9a9a9;
    transition: all 0.3s ease;
}
.footer-bottom a{
    color: #f9764b;
}
.footer-middle ul li a:hover, .footer-bottom a:hover{
    color: #fff;
}

.modal-header{
    background-color: #f3621c;
    color: #fff;
}
form .modal-body{
    padding: 25px;
}
.modal-body .form-group label{
    font-size: 18px;
    font-weight: 600;
    color: #10376d;
}
.modal-body .form-group .form-control{
    border: 1px solid #f3621c;
}
.modal-body .form-group input.form-control,
.modal-body .form-group select.form-control{
    height: 33px;
}
.btn.btn-cancel{
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    background-color: #f3621c;
    text-transform: uppercase;
    text-decoration: none;
    padding: 10px 40px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    margin-top: 10px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}
.btn.btn-cancel:hover{
    color: #f3621c;
    background-color: #fff;
    border: 1px solid #f3621c;
}
.btn.btn-register{
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    background-color: #10376d;
    text-transform: uppercase;
    text-decoration: none;
    padding: 10px 40px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    margin-top: 10px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}
.btn.btn-register:hover{
    color: #10376d;
    background-color: #fff;
    border: 1px solid #10376d;
}

.floatingButtonWrap {
    display: block;
    position: fixed;
    bottom: 15px;
    right: 15px;
    z-index: 999999999;
}
.floatingButtonInner {
    position: relative;
}
.floatingButton {
    display: block;
    width: 60px;
    height: 60px;
    text-align: center;
    background: #ff853f;
    color: #fff;
    line-height: 50px;
    position: absolute;
    border-radius: 50% 50%;
    bottom: 0px;
    right: 0px;
    border: 5px solid skyblue;
    opacity: 1;
    transition: all 0.4s;
}
.floatingButton .fa {
    font-size: 15px !important;
}
.floatingButton.open,
.floatingButton:hover {
    opacity: 1;
    color: #fff;
    background: #10376d;
}
.floatingButton .fa {
    transform: rotate(0deg);
    transition: all 0.4s;
}
.floatingButton.open .fa {
    transform: rotate(270deg);
}
.floatingMenu {
    position: absolute;
    bottom: 60px;
    right: 0px;
    display: none;
}
.floatingMenu li {
    width: 100%;
    float: right;
    list-style: none;
    text-align: right;
    margin-bottom: 5px;
}
.floatingMenu li a {
    padding: 8px 15px;
    display: inline-block;
    background: #10376d;
    color: white;
    border-radius: 5px;
    overflow: hidden;
    white-space: nowrap;
    transition: all 0.4s;
    -webkit-box-shadow: 1px 3px 5px rgba(211, 224, 255, 0.5);
    box-shadow: 1px 3px 5px rgba(211, 224, 255, 0.5);
    text-decoration: none;
}
.floatingMenu li a:hover {
    margin-right: 10px;
    text-decoration: none;
}

.about-section{
    padding: 50px 70px;
}
.about-section .marking{
    color: #000;
    font-size: 36px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 20px;
}
.about-section h1.heading{
    color: #10376d;
    margin-bottom: 50px;
    font-size: 50px;
    font-weight: 900;
    text-align: center;
    margin-bottom: 20px;
}
.about-section h1.heading span{
    font-weight: 400;
}
.about-section p{
    width: 100%;
    display: table;
    margin: 0;
    font-family: Roboto, sans-serif;
    font-size: 21px;
    color: #000;
    font-weight: 400;
    line-height: 1.4;
    text-align: center;
}
.about-section h2{
    display: table;
    background-image: url(../img/core-value-bg.jpg);
    background-repeat: repeat-x;
    text-align: left;
    font-family: Roboto, sans-serif;
    font-size: 28px;
    font-weight: 500;
    color: #000;
    margin: 0;
    padding: 15px 50px 15px 20px;
    margin: 25px 0;
    border-radius: 5px;
}
.about-section img{
    max-width: 100%;
}
.values-wrapper{
    background-color: #f9764b;
}
.values-content{
    width: 70%;
    display: table;
    margin-left: 10%;
    padding: 90px 0;
}
.values-content h2.marking{
    color: #fff;
    font-size:18px;
    font-weight:600;
    width: 100%;
    display: table;
    margin: 0;
    font-family: Roboto, sans-serif;
    padding-bottom: 50px;
}
.values-content h2.heading{
    width: 100%;
    display: table;
    margin: 0;
    font-family: Roboto, sans-serif;
    font-size: 36px;
    font-weight: 400;
    color: #fff;
    padding-bottom: 50px;
}
.values-content h3.mission, .values-content h3.vision{
    color: #fff;
}
.values-content p{
    width: 100%;
    display: table;
    margin: 0;
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    padding-bottom: 20px;
}
.btn.btn-vision{
    background-color: #fff;
    font-size: 18px;
    color: #f9764b;
    text-decoration: none;
    padding: 10px 35px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    margin-top: 25px;
    margin-bottom: 25px;
}

.interest-section .heading{
    margin-bottom:50px;
    font-size: 50px;
    font-weight: 900;
    color: #000;
    text-align: center;
    margin-bottom: 20px;
}
.interest-section .heading span {
    font-weight: 300;
}
.interest-link{
    width: 100%;
    display: table;
    text-decoration: none;
}
.interest-link:hover .interest-content {
    background-color: #f9764b
}
.interest-image{
    position: relative;
    width: 100%;
    display: table;
}
.interest-overlay{
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .5);
    overflow: hidden;
    width: 100%;
    height: 0;
    transition: .25s ease;
}
.interest-link:hover .interest-overlay {
    bottom: 0;
    height: 100%
}
.interest-overlay .image{
    position: absolute;
    overflow: hidden;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.interest-overlay .image img{
    width: 100%;
}
.interest-content{
    width: 100%;
    display: table;
    background-color: #ffe5dc;
    padding: 15px 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}
.interest-content p{
    width: 100%;
    display: table;
    text-align: center;
    color: #000;
    font-family: Roboto, sans-serif;
    font-size: 15px;
    font-style: italic;
}

.explore-section .heading{
    margin-bottom:50px;
    font-size: 50px;
    font-weight: 800;
    color: #000;
    text-align: left;
    margin-bottom: 20px;
}
.explore-section .heading span {
    font-weight: 300;
}
.explore-head li{
    padding-bottom: 10px;
    font-size: 25px;
    color: #000;
    text-align: left;
    list-style: circle !important;
    margin-left: 5%;
}
.explore-head li a{
    text-decoration: none;
    color: #f60;
}

.tab-section .heading{
    margin-bottom:50px;
    font-size: 50px;
    font-weight: 800;
    color: #000;
    text-align: left;
    margin-bottom: 20px;
}
.tab-section .heading span {
    font-weight: 300;
}
.video-div{
    width: 100%;
    display: table;
    background-color: #ccc;
}
.video-div video{
    width: 100%;
}

.campus-section h2{
    width: 100%;
    font-size: 36px;
    font-weight: 500;
    color: #000;
    padding: 25px 0;
}
.campus-text{
    width: 100%;
    margin: 0;
    font-size: 20px;
    color: #000;
    font-weight: 400;
    line-height: 1.6;
    text-align: justify;
    margin-bottom: 15px;
}

.features-card{
    box-shadow: 10px 10px 10px grey;
}
.features-content{
    padding: 40px 25px;
}

.campus-interest-content{
    width: 100%;
    position: relative;
    margin-bottom: 20px;
}
.campus-interest-content img{
    width: 100%;
}
.campus-interest-content p{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}
.campus-interest-content p span{
    position: absolute;
    overflow: hidden;
    top: 20%;
    left: 10%;
    color: #fff;
    right: 10%;
    font-size: 17px;
    font-weight: 500;
    text-transform: uppercase;
}
.campus-interest-wrapper:hover .campus-interest-content p{
    background-color: rgba(0,0,0,.7)
}

.vision-block, .mission-block{
    width: 100%;
    display: table;
    background-color: #f9764b;
    position: relative;
    padding: 70px;
}
.vision-block img{
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
}
.mission-block img{
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
}
.vision-block h3, .mission-block h3{
    position: relative;
    width: 85%;
    display: table;
    margin: 0 auto;
    font-size: 42px;
    font-weight: 500;
    color: #fff;
    line-height: 1.4;
    text-align: left;
    padding-bottom: 25px;
    padding-left: 40px;
}
.vision-block p, .mission-block p{
    width: 85%;
    display: table;
    margin: 0 auto;
    font-size: 21px;
    font-weight: 300;
    color: #fff;
    line-height: 1.4;
    text-align: left;
}

.management-section{
    background-image: url('../img/faculty-bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    padding: 50px 100px;
    text-align: center;
}
.management-section a{
    text-decoration: none;
    color: #fff;
}
.management-card{
    padding: 50px;
}
.management-card img{
    max-width: 100%;
}
.management-card h5{
    width: 100%;
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: 25px 0 15px 0;
    text-transform: uppercase;
}
.management-card h5 span{
    width: 100%;
    text-align: center;
    text-transform: capitalize;
    font-size: 18px;
    color: #12396b;
    padding-top: 5px;
    padding-bottom: 10px;
}

.gallery-section .heading{
    margin-bottom:50px;
    font-size: 50px;
    font-weight: 900;
    color: #000;
    text-align: center;
    margin-bottom: 20px;
}
.gallery-section .heading span {
    font-weight: 300;
}
.btn-gallery{
    width: 100%;
    display: table;
    text-decoration: none;
}
.gallery-thumb{
    position: relative;
    width: 100%;
    display: table
}
.gallery-thumb img{
    width: 100%
}
.gallery-text{
    width: 100%;
    display: table;
    background-color: #ffe5dc;
    padding: 15px 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}
.gallery-text h5{
    width: 100%;
    display: table;
    text-align: center;
    color: #000;
    font-family: Roboto,sans-serif;
    font-size: 19px;
    font-weight: 400
}
.gallery-overlay{
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,.5);
    overflow: hidden;
    width: 100%;
    height: 0;
    transition: .25s ease
}
.gallery-search{
    position: absolute;
    overflow: hidden;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%)
}
.btn-gallery:hover .gallery-overlay{
    bottom: 0;
    height: 100%
}
.gallery-section .hidden{
    display: none;
}

.why-section img.collage{
    padding-top:50px;
    padding-bottom:50px;
}
.why-header{
    padding: 50px;
}
.why-section .marking{
    color: #000;
    font-size: 36px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 20px;
}
.why-section h2.heading{
    color: #10376d;
    margin-bottom: 50px;
    font-size: 50px;
    font-weight: 900;
    text-align: center;
    margin-bottom: 20px;
}
.why-section h2.heading span{
    font-weight: 400;
}
.why-section h3{
    width: 100%;
    display: table;
    text-align: center;
    font-size: 48px;
    font-weight: 600;
    color: #f3621c;
    font-family: cursive;
    padding-bottom: 35px 0px;
}
.why-section h6{
    font-size: 22px;
    font-weight: 600;
    color: #10376d
}
.why-section h6 span{
    color: #ea438e
}
.why-section p{
    width: 100%;
    display: table;
    margin-bottom: 20px;
    font-family: Roboto, sans-serif;
    font-size: 21px;
    color: #000;
    font-weight: 400;
    line-height: 1.4;
    text-align: center;
}

.approach-header{
    padding: 50px;
}
.approach-section .marking{
    color: #000;
    font-size: 36px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 20px;
}
.approach-section h2.heading{
    color: #10376d;
    margin-bottom: 50px;
    font-size: 50px;
    font-weight: 900;
    text-align: center;
    margin-bottom: 20px;
}
.approach-section h2.heading span{
    font-weight: 400;
}
.approach-section p{
    width: 100%;
    display: table;
    margin-bottom: 20px;
    font-family: Roboto, sans-serif;
    font-size: 21px;
    color: #000;
    font-weight: 400;
    line-height: 1.4;
    text-align: justify;
}
.approach-images{
    padding: 50px 0px;
}
.approach-images h4{
    color: #000;
    font-weight: 500;
    text-transform: uppercase;
}

.programs-header{
    padding: 50px;
}
.programs-section .marking{
    color: #000;
    font-size: 36px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 20px;
}
.programs-section h2.heading{
    color: #10376d;
    margin-bottom: 50px;
    font-size: 50px;
    font-weight: 900;
    text-align: center;
    margin-bottom: 20px;
}
.programs-section h2.heading span{
    font-weight: 400;
}
.programs-section p{
    width: 100%;
    display: table;
    margin-bottom: 20px;
    font-family: Roboto, sans-serif;
    font-size: 21px;
    color: #000;
    font-weight: 400;
    line-height: 1.4;
    text-align: justify;
}
.courses-btns{
    padding: 5px 25px;
}
.course-btn-groups ul li{
    padding: 10px 0px;
}
.btn.btn-course{
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    color: #10376d;
    border: 1px solid #10376d;
    border-radius: 5px;
    padding: 7px 25px;
    box-shadow:  10px 10px 20px #bebebe, -10px -10px 20px #ffffff;
    transition: all 0.3s ease;
}
.btn.btn-course:hover{
    color: white;
    background-color: #10376d;
}

.reg-faqs{
    padding: 25px 0px;
}
.reg-form-wrapper .header, .reg-faq-wrapper .header, .how-apply-section .header{
    padding: 10px 0px;
    background-color: #10376d;
    border: none;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
}
.reg-form-wrapper .header h2.heading, .reg-faq-wrapper .header h2.heading, .how-apply-section .header h3.heading{
    color: white;
    font-size: 30px;
    font-weight: 800;
    text-align: center;
}
.form-area, .faq-area{
    padding: 15px 20px;
}
.form-area label{
    color: #10376d;
    font-size: 18px;
    font-weight: 500;
}
.form-area .form-control{
    border-color: #ff853f;
}
.form-area .form-control::placeholder{
    color: #10376d;
}
.reg-faqs .accordion-item {
    border: none;
    border-bottom: 1px solid #10376d;
}
.reg-faqs .accordion button {
    position: relative;
    display: block;
    text-align: left;
    width: 100%;
    padding: 1em 0;
    color: #10376d;
    font-size: 1.15rem;
    font-weight: 400;
    border: none;
    background: none;
    outline: none;
}
.reg-faqs .accordion button:hover,
.reg-faqs .accordion button:focus {
    cursor: pointer;
}
.reg-faqs .accordion button:hover::after,
.reg-faqs .accordion button:focus::after {
    cursor: pointer;
}
.reg-faqs .accordion button .accordion-title {
    padding: 1em 1.5em 1em 0;
}
.reg-faqs .accordion button .icon {
    display: inline-block;
    position: absolute;
    top: 18px;
    right: 0;
    width: 22px;
    height: 22px;
    border-radius: 22px;
}
.reg-faqs .accordion button .icon::before {
    display: block;
    position: absolute;
    content: '';
    top: 9px;
    left: 5px;
    width: 10px;
    height: 2px;
    background: currentColor;
}
.reg-faqs .accordion button .icon::after {
    display: block;
    position: absolute;
    content: '';
    top: 5px;
    left: 9px;
    width: 2px;
    height: 10px;
    background: currentColor;
}
.reg-faqs .accordion button[aria-expanded='true'] {
    color: #03b5d2;
}
.reg-faqs .accordion button[aria-expanded='true'] .icon::after {
    width: 0;
}
.reg-faqs .accordion button[aria-expanded='true'] + .accordion-content {
    opacity: 1;
    max-height: 100%;
    transition: all 200ms linear;
    will-change: opacity, max-height;
}
.reg-faqs .accordion .accordion-content {
    padding: 0px 5px;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 200ms linear, max-height 200ms linear;
    will-change: opacity, max-height;
}
.reg-faqs .accordion .accordion-content p {
    font-size: 1rem;
    font-weight: 300;
    margin: 2em 0;
}

.assessment-section{
    padding: 25px 0px;
}
.assessment-section .marking{
    color: #000;
    font-size: 36px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 20px;
}
.assessment-section h2.heading{
    color: #10376d;
    margin-bottom: 50px;
    font-size: 50px;
    font-weight: 900;
    text-align: center;
    margin-bottom: 20px;
}
.assessment-section h2.heading span{
    font-weight: 400;
}
.assessment-section p{
    width: 100%;
    display: table;
    margin-bottom: 20px;
    font-family: Roboto, sans-serif;
    font-size: 21px;
    color: #000;
    font-weight: 400;
    line-height: 1.4;
    text-align: justify;
}
.assessment-section img{
    max-width: 100%;
}

.beyond-page-section{
    padding: 25px 0px;
}
.beyond-page-section .marking{
    color: #000;
    font-size: 36px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 20px;
}
.beyond-page-section h2.heading{
    color: #10376d;
    margin-bottom: 50px;
    font-size: 50px;
    font-weight: 900;
    text-align: center;
    margin-bottom: 20px;
}
.beyond-page-section h2.heading span{
    font-weight: 400;
}
.beyond-page-section p{
    width: 100%;
    display: table;
    margin-bottom: 20px;
    font-family: Roboto, sans-serif;
    font-size: 21px;
    color: #000;
    font-weight: 400;
    line-height: 1.4;
    text-align: justify;
}
.beyond-page-content.one{
    padding: 25px 0px;
}
.beyond-page-content.two{
    padding: 70px 0px;
}

.student-diary-section{
    padding: 25px 0px;
}
.student-diary-section .marking{
    color: #000;
    font-size: 36px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 20px;
}
.student-diary-section h2.heading{
    color: #10376d;
    margin-bottom: 50px;
    font-size: 50px;
    font-weight: 900;
    text-align: center;
    margin-bottom: 20px;
}
.student-diary-section h2.heading span{
    font-weight: 400;
}

.results-section{
    padding: 25px 0px;
}
.results-section .marking{
    color: #000;
    font-size: 36px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 20px;
}
.results-section h2.heading{
    color: #10376d;
    margin-bottom: 50px;
    font-size: 50px;
    font-weight: 900;
    text-align: center;
    margin-bottom: 20px;
}
.results-section h2.heading span{
    font-weight: 400;
}
.btn.btn-new{
    font-size: 18px;
    font-weight: 600;
    color: white;
    background-color: #f3621c;
    text-decoration: none;
    padding: 15px 30px;
    border-radius: 25px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}
.btn.btn-new.active, .btn.btn-new:hover{
    background-color: #05224e;
}
.result-group img{
    transition: all 0.3s ease;
}
.result-group img:hover{
    box-shadow:0px 0px 8px 0px rgba(0,0,0,0.5);
}

.blog-section{
    padding: 25px 0px;
}
.blog-section .marking{
    color: #000;
    font-size: 36px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 20px;
}
.blog-section h2.heading{
    color: #10376d;
    margin-bottom: 50px;
    font-size: 50px;
    font-weight: 900;
    text-align: center;
    margin-bottom: 20px;
}
.blog-section h2.heading span{
    font-weight: 400;
}
.blog-section a{
    text-decoration: none;
}
.blog-card{
    padding: 30px;
}
.blog-card img{
    margin-bottom: 20px;
}
.blog-card h6 {
    font-size: 22px;
    font-weight: 600;
    color: #f16220;
}
.blog-card span {
    font-size: 15px;
    font-weight: 600;
    color: #10376d;
}

.eligibility-section{
    padding: 25px 0px;
}
.eligibility-section .marking{
    color: #000;
    font-size: 36px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 20px;
}
.eligibility-section h2.heading{
    color: #10376d;
    margin-bottom: 50px;
    font-size: 50px;
    font-weight: 900;
    text-align: center;
    margin-bottom: 20px;
}
.eligibility-section h2.heading span{
    font-weight: 400;
}
.eligibility-section p{
    width: 100%;
    display: table;
    margin-bottom: 20px;
    font-family: Roboto, sans-serif;
    font-size: 21px;
    color: #000;
    font-weight: 400;
    line-height: 1.4;
    text-align: justify;
}
.eligibility-section img{
    max-width: 100%;
}

.how-apply-section{
    padding: 25px 0px;
}
.how-apply-section .marking{
    color: #000;
    font-size: 36px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 20px;
}
.how-apply-section h2.heading{
    color: #10376d;
    margin-bottom: 50px;
    font-size: 50px;
    font-weight: 900;
    text-align: center;
    margin-bottom: 20px;
}
.how-apply-section h2.heading span{
    font-weight: 400;
}
.how-apply-section p{
    width: 100%;
    color: #000;
    font-weight: 400;
    line-height: 1.4;
    text-align: justify;
}
.how-apply-section img{
    max-width: 100%;
    border-radius: 25px;
}
.how-apply-section h3{
    color: #f3621c;
    font-weight: 600;
    text-align: center;
    padding-top: 5px;
}

.student-services-section{
    padding: 25px 0px;
}
.student-services-section .marking{
    color: #000;
    font-size: 36px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 20px;
}
.student-services-section h2.heading{
    color: #10376d;
    margin-bottom: 50px;
    font-size: 50px;
    font-weight: 900;
    text-align: center;
    margin-bottom: 20px;
}
.student-services-section h2.heading span{
    font-weight: 400;
}
.student-services-section p, .student-services-section ul li{
    width: 100%;
    display: table;
    margin-bottom: 20px;
    font-family: Roboto, sans-serif;
    font-size: 21px;
    color: #000;
    font-weight: 400;
    line-height: 1.4;
    text-align: justify;
}

.faq-section{
    padding: 25px 0px;
}
.faq-section .marking{
    color: #000;
    font-size: 36px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 20px;
}
.faq-section h2.heading{
    color: #10376d;
    margin-bottom: 50px;
    font-size: 50px;
    font-weight: 900;
    text-align: center;
    margin-bottom: 20px;
}
.faq-section h2.heading span{
    font-weight: 400;
}
.faq-section .faq-wrapper h3{
    margin-bottom: 18px;
    color: #f3621c;
    text-transform: uppercase;
}
.faq-section .faq-wrapper h4{
    width: 100%;
    display: table;
    font-size: 21px;
    font-weight: 400;
    color: #10376d;
    text-align: left !important;
    margin: 0;
    padding-bottom: 15px;
    line-height: 1.3;
    font-weight: 600;
}
.faq-wrapper ul{
    padding: 0px 25px;
}
.faq-section .faq-wrapper p,
.faq-section .faq-wrapper ul li{
    width: 100%;
    display: table;
    font-size: 18px;
    color: #000;
    font-weight: 400;
    line-height: 1.6;
    text-align: justify;
    margin-bottom: 10px;
}
.faq-section .faq-wrapper p span{
    background-color: #10376d;
    color: white;
}
.hr-line{
    display: table;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px dashed #10376d;
}
.faq-wrapper a{
    color: #0ba5ff;
    text-decoration: none;
}
.faq-wrapper a:hover{
    color: #10376d
}

.counsellor-section{
    padding: 25px 0px;
    position: relative;
}
.counsellor-section .marking{
    color: #000;
    font-size: 36px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 20px;
}
.counsellor-section h1.heading{
    color: #10376d;
    margin-bottom: 50px;
    font-size: 50px;
    font-weight: 900;
    text-align: center;
    margin-bottom: 20px;
}
.counsellor-section h1.heading span{
    font-weight: 400;
}
.counsellor-section p{
    width: 100%;
    display: table;
    font-size: 18px;
    color: #000;
    font-weight: 400;
    line-height: 1.6;
    text-align: justify;
    margin-bottom: 10px;
}
.counsellor-section a{
    text-decoration: none;
    color: #fff;
}
.counsellor-card{
    padding: 50px;
}
.counsellor-card img{
    max-width: 100%;
}
.counsellor-card h5{
    width: 100%;
    color: #12396b;
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: 25px 0 15px 0;
    text-transform: uppercase;
}
.counsellor-card h5 span{
    width: 100%;
    text-align: center;
    text-transform: capitalize;
    font-size: 18px;
    padding-top: 5px;
    padding-bottom: 10px;
}
.counsellor-section .tabs{
    position:absolute;
    top:25px;
    right:0px;
}
.counsellor-section .location-pills{
    list-style:none;
    display:block;
    margin:0px auto;
}
.counsellor-section .location-pills li{
    float:left;
    font-weight: 500;
    padding:10px 20px;
    border:1px solid #f25b1d;
    cursor:pointer;
}
.counsellor-section .location-pills li.active{
    background-color:#f25b1d;
    color:white;
}

.inner-header{
    padding: 25px 0px;
}
.inner-header .marking{
    color:#f25b1d;
    font-size: 33px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 20px;
}

.course-content{
    padding: 0px 100px;
}
.course-content img{
    margin-bottom: 25px;
    max-width: 100%;
}
.course-content p,
.course-content ul li{
    width: 100%;
    display: table;
    margin: 0;
    font-size: 18px;
    color: #000;
    font-weight: 400;
    line-height: 1.6;
    text-align: justify;
}
.course-content h2{
    display: table;
    background-image: url(../img/core-value-bg.jpg);
    background-repeat: repeat-x;
    text-align: left;
    font-family: Roboto, sans-serif;
    font-size: 28px;
    font-weight: 500;
    color: white;
    margin: 0;
    padding: 15px 50px 15px 20px;
    margin: 25px 0;
    border-radius: 5px;
}

.policy-section{
    padding: 25px 0px;
}
.policy-section h1.heading{
    color: #10376d;
    margin-bottom: 50px;
    font-size: 50px;
    font-weight: 900;
    text-align: center;
    margin-bottom: 20px;
}
.policy-section h1.heading span{
    font-weight: 400;
}
.policy-section h4{
    width: 100%;
    display: table;
    font-size: 21px;
    font-weight: 400;
    color: #10376d;
    text-align: left !important;
    margin: 0;
    padding-bottom: 15px;
    line-height: 1.3;
    font-weight: 600;
}
.policy-section p{
    width: 100%;
    display: table;
    font-size: 18px;
    color: #000;
    font-weight: 400;
    line-height: 1.6;
    text-align: justify;
    margin-bottom: 10px;
}

.view-section a{
    text-decoration: none;
}
.view-card img{
    transition: 0.4s ease;
}
.view-card:hover img{
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
}
.view-card h2{
    margin-top: 36px;
    color: #f9764b;
    font-weight: 700;
}

.news-section{
    padding: 25px 0px;
}
.news-section .marking{
    color: #000;
    font-size: 36px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 20px;
}
.news-section h1.heading{
    color: #10376d;
    margin-bottom: 50px;
    font-size: 50px;
    font-weight: 900;
    text-align: center;
    margin-bottom: 20px;
}
.news-section h1.heading span{
    font-weight: 400;
}
.news-section a{
    text-decoration: none;
}
.news-section a img{
    max-width:100%;
    border-style: double;
    border-width: 5px;
    border-color: #f16221b3;
    box-shadow: 10px 10px 5px #f3621c57;
}

.announcement-section{
    padding: 25px 0px;
}
.btn.btn-announce{
    font-size: 18px;
    font-weight: 600;
    color: white;
    background-color: #f3621c;
    text-decoration: none;
    padding: 15px 30px;
    border-radius: 25px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}
.btn.btn-announce.active, .btn.btn-announce:hover{
    background-color: #05224e;
}
.announce-thumb{
    display: block;
    margin-bottom: 20px;
    line-height: 1.5;
    background-color: #10376d;
    box-shadow: 10px 10px 5px #a5aeaf;
    padding: 30px;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}
.announce-thumb h6{
    width: 100%;
    display: table;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    margin: 0;
    padding-bottom: 35px;
}
.announce-thumb>img{
    margin-right: auto;
    margin-left: auto;
}

.careers-section{
    padding: 25px 0px;
}
.careers-section h1.heading{
    color: #10376d;
    margin-bottom: 50px;
    font-size: 50px;
    font-weight: 900;
    text-align: center;
    margin-bottom: 20px;
}
.careers-section h1.heading span{
    font-weight: 400;
}
.career-btn-group{
    display: flex;
    justify-content: center;
}
.btn.career-tab-btn{
    display: block;
    padding: 15px 106px;
    background-color: #10376d;
    color: #fff;
    font-size: 25px;
    margin-bottom: 5px;
    margin-top: 5px;
}
.btn.career-tab-btn:not(:first-child){
    margin-left: 5px;
}
.btn.career-tab-btn.active, .btn.career-tab-btn:hover{
    color: #fff;
    background-color: #f3621c;
    font-size: 25px;
    margin-bottom: 5px;
    margin-top: 5px;
}
.btn.career-tab-btn.two{
    display: block;
    padding: 10px 25px;
    background-color: #10376d;
    color: #fff;
    font-size: 20px;
    margin-bottom: 5px;
    margin-top: 5px;
}
.btn.career-tab-btn.two.active, .btn.career-tab-btn.two:hover{
    color: #fff;
    background-color: #f3621c;
    margin-bottom: 5px;
    margin-top: 5px;
}
.career-card {
    border-style: outset;
    border-radius: 30px;
    margin: 0px;
    padding: 25px;
    border: 1px solid #10376d;
}
.career-card a{
    color: #10376d;
    text-decoration: none;
    font-size: 30px;
    font-weight: 600;
    transition: all 0.3s ease;
}
.career-card p{
    width: 100%;
    margin: 0;
    font-size: 18px;
    color: #000;
    font-weight: 400;
    line-height: 1.6;
    transition: all 0.3s ease;
}
.career-card .career-card-content a{
    font-size: 18px;
    font-weight: 600;
    background-color: #10376d;
    padding: 5px 15px;
    color: #fff;
    text-transform: capitalize;
    border-radius: 10px;
    transition: all 0.3s ease;
}
.career-card:hover{
    border-color: #f3621c;
}
.career-card:hover a{
    color: #f3621c;
}
.career-card:hover .career-card-content a{
    background-color: #f3621c;
    color: #fff;
}

.careers-details-section{
    padding: 25px 0px;
}
.careers-details-section h1.heading{
    color: #10376d;
    margin-bottom: 50px;
    font-size: 50px;
    font-weight: 900;
    text-align: center;
    margin-bottom: 20px;
}
.careers-details-section h1.heading span{
    font-weight: 400;
}
.career-details-content h2{
    font-size: 45px;
    font-weight: 600;
    color: #f3621c;
    border: 2px solid #10376d;
    padding: 15px 0px;
    margin-bottom: 25px;
}
.career-details-content p, .career-details-content ul li{
    width: 100%;
    margin: 0;
    font-size: 18px;
    color: #000;
    font-weight: 400;
    line-height: 1.6;
    text-align: justify;
}
.career-details-content p.title{
    font-size: 20px;
    font-weight: 600;
    padding: 10px 0px;
}

.video-card{clear: both; text-align: center;}
.video-card-top {
    border-radius: 10px;
    border-top: 10px solid #f20e0e;
    box-shadow: 16px 13px 42px -17px rgba(0,0,0,0.69);
    height: 430px;
    width: 750px;
}

.blog-details-section{
    padding: 50px 70px;
}
.blog-details-section h1.heading{
    color: #10376d;
    margin-bottom: 50px;
    font-size: 50px;
    font-weight: 900;
    text-align: center;
    margin-bottom: 20px;
}
.blog-details-section h1.heading span{
    font-weight: 400;
}
.blog-details-section p{
    width: 100%;
    display: table;
    margin: 0;
    margin-bottom: 15px;
    font-size: 21px;
    color: #000;
    font-weight: 400;
    line-height: 1.4;
    text-align: justify;
}

.hero-section.blogs{
    background-color: #ffe5dc;
}
.hero-section.blogs h2{
    font-weight: 600;
}
.callback-content{
    padding: 70px 50px;
}
.btn.btn-csubmit{
    background-color: #f9764b;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
    text-align: center;
    padding: 7px 25px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}
.btn.btn-csubmit:hover{
    background-color: #333;
}
.blog-details-section .marking{
    color: #000;
    font-size: 36px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 20px;
}
.blog-details-section h1.heading{
    font-size: 40px;
}
.blog-details-section p.text{
    font-size: 16px;
    text-align: center;
}
.blog-details-section ul{
    padding: 0px 25px;
}
.blog-details-section ul li{
    margin-bottom: 15px;
    font-size: 21px;
    color: #000;
    font-weight: 400;
    text-align: justify;
}
.trend-card a {
    align-items: center;
    text-decoration: none;
}
.trend-card a span {
    color: #f3621c;
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 15px;
}
.btn.btn-view-all{
    font-size: 15px;
    color: #f3621c;
    display: table;
    border: 1px solid #f3621c;
    text-transform: uppercase;
    text-decoration: none;
    padding: 20px 40px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    margin-top: 10px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    margin: auto;
}
.btn.btn-view-all:hover{
    background-color: #f3621c;
    color: white;
}

.blog-courses-head{
    width: 100%;
    display: table;
    background-color: #2e91fc;
    background-image: url(../img/home-course-bg.png);
    padding-top: 20px;
}
.courses-section .heading{
    margin-bottom:50px;
    font-size: 50px;
    font-weight: 900;
    color: #fff;
    text-align: center;
    margin-bottom: 20px;
}
.courses-section .heading span {
    font-weight: 300;
}
.blog-courses .block_01, .blog-courses .block_02, .blog-courses .block_03, .blog-courses .block_04, .blog-courses .block_05, .blog-courses .block_06{
    width:100%;
    display:table;
    padding-left: 15px;
    min-height:240px;
}
.block_01{
    background-color:#0082ba;
}
.block_02{
    background-color:#f8764b;
}
.block_03{
    background-color:#10376d;
}
.block_04{
    background-color:#59d2ac;
}
.block_05{
    background-color:#d9d9d6;
}
.block_06{
    background-color:#ffba45;
}
.blog-courses .block-wrapper{
    width: 93%;
    display: table;
    margin: 40px auto 20px auto;
}
.blog-courses .block-wrapper h2{
    width: 100%;
    display: table;
    margin: 0;
    font-size: 21px;
    text-transform: uppercase;
    color: #fff;
    padding-bottom: 15px;
    text-align: left;
}
.blog-courses .block-wrapper h3{
    width: 100%;
    display: table;
    margin: 0;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    padding-bottom: 15px;
}
.blog-courses .block-wrapper h4{
    width: 100%;
    display: table;
    margin: 0;
    font-size: 21px;
    text-transform: uppercase;
    color: #fff;
    padding-bottom: 15px;
    text-align: left;
}
.blog-courses .block-wrapper p{
    width: 100%;
    display: table;
    margin: 0;
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    line-height: 1.6;
}
.blog-details-section .topics{
    padding: 5px;
    border: 1px solid #f3621c;
    border-radius: 7px;
}
.blog-details-section .topics .topics-title{
    font-size: 22px;
    font-weight: 600;
    color: #f3621c;
    margin-bottom: 25px;
}
.blog-details-section .topics ul li{
    padding: 0px;
    margin: 0px;
}
.blog-details-section .topics ul li a{
    text-decoration: none;
    font-size: 16px;
    color: #f3621c;
    transition: all 0.3s ease;
}
.blog-details-section .topics ul li a:hover{
    text-decoration: underline;
}
.blog-details-section.two p{
    font-size: 16px;
}
.blog-details-section.two ul li{
    margin-bottom: 0px;
    font-size: 16px;
    color: #000;
    font-weight: 400;
}

.student-club-section{
    padding: 25px 0px;
}
.student-club-section h1.heading, .student-club-section h2.heading{
    color: #10376d;
    margin-bottom: 50px;
    font-size: 50px;
    font-weight: 900;
    text-align: center;
    margin-bottom: 20px;
}
.student-club-section p, .student-club-section ul li{
    width: 100%;
    display: table;
    margin-bottom: 20px;
    font-size: 21px;
    color: #000;
    font-weight: 400;
    line-height: 1.4;
    text-align: justify;
}
.tr-header th{
    background-color: black;
    color: white;
}
.tr-body1 td{
    background-color: #ff9861;
    color: white;
}
.tr-body2 td{
    background-color: #f26303;
    color: white
}
.tr-body3 td{
    background-color: #10376d;
    color: white
}
.tr-body4 td{
    background-color: #276ed8;
    color: white
}

.testimonial-section{
    padding: 25px 0px;
}
.testimonial-section h1.heading{
    color: #10376d;
    margin-bottom: 50px;
    font-size: 50px;
    font-weight: 900;
    text-align: center;
    margin-bottom: 20px;
}
.testimonial-section .video-card{clear: both; text-align: center;}
.testimonial-section .video-card-top {
    border-radius: 10px;
    border-top: 10px solid #f20e0e;
    box-shadow: 16px 13px 42px -17px rgba(0,0,0,0.69);
    height: 270px;
    width: 100%;
}

.contact-section{
    padding: 25px 0px;
}
.contact-section h1.heading{
    color: #10376d;
    margin-bottom: 50px;
    font-size: 50px;
    font-weight: 900;
    text-align: center;
    margin-bottom: 20px;
}
.contact-section h1.heading span{
    font-weight: 400;
}
.location-content h2{
    color: #10376d;
    font-weight: 600;
    margin-bottom: 25px;
}
.location-content h3{
    color: #f26303;
    font-weight: 600;
    font-size: 25px;
    margin-bottom: 25px;
}
.location-content p{
    font-size: 18px;
}
.location-content a{
    text-decoration: none;
    color: #f26303;
}

.btn.btn-placement{
    margin: 10px;
    padding: 15px;
    border-radius: 50px;
    border: none;
    cursor: pointer;
    background: #f1682a;
    color: White;
    font-size: 22px;
    font-weight: 700;
    transition: all 0.2s ease-in-out;
    width: 100%;
    text-align: center;
}
.btn.btn-placement:hover, .btn.btn-placement.active{
    background: #10376d;
}
.all-placements{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.placement-card{
    padding: 10px;
    width: 23%;
    margin: 10px;
    margin-top: 60px;
    border: 1px solid rgb(128, 128, 128, 0.3);
    border-radius: 20px;
    position: relative;
    transition: all 0.3s ease-in-out;
}
.placement-card .details {
    font-size: 14px;
    margin-top: 50px;
}
.placement-card .details .university{
    font-weight: 600;
    text-transform: capitalize;
}
.placement-card:hover {
    box-shadow: rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px, rgba(17, 17, 26, 0.1) 0px 24px 80px;
}
.placement-card .batch .img {
    background: rgb(128, 128, 128);
    width: 100px;
    height: 100px;
    border-radius: 50%;
    position: absolute;
    top: -50px;
    left: 15px;
    z-index: 10;
}
.placement-card .batch .img img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.thank-section h2{
    font-size: 45px;
    font-weight: 600;
    color: #f3621c;
}

@media only screen and (max-width: 1650px){
    .placement-card {
        width: 23%;
    }
}
@media only screen and (max-width: 1425px) {
    .topbar-left{
        width: 30%;
    }
    .topbar-middle{
        width: 50%;
    }
    .topbar-right{
        width: 20%;
    }
    .block_01, .block_02, .block_03, .block_04, .block_05, .block_06{min-height:433px}
    .placement-card {
        width: 30%;
    }
    .interest-content h3{
        font-size: 20px;
    }
    .features-content {
        padding: 40px 10px;
        height: 200px;
    }
}
@media only screen and (max-width: 1365px) {
    .topbar-left{
        width: 30%;
    }
    .topbar-middle{
        width: 50%;
    }
    .topbar-right{
        width: 20%;
    }
    .block_01, .block_02, .block_03, .block_04, .block_05, .block_06{min-height:433px}
    .placement-card {
        width: 45%;
    }
    .values-content {
        padding: 20px 0;
    }
    .values-content h2.marking {
        padding-bottom: 15px;
    }
    .values-content h2.heading {
        font-size: 30px;
        padding-bottom: 20px;
    }
    .features-content {
        padding: 40px 10px;
        height: 270px;
    }
}
@media only screen and (max-width: 1280px) {
    .topbar-left{
        width: 30%;
    }
    .topbar-middle{
        width: 50%;
    }
    .topbar-right{
        width: 20%;
    }
    .block_01, .block_02, .block_03, .block_04, .block_05, .block_06{min-height:455px}
    .placement-card {
        width: 45%;
    }
    .features-content {
        padding: 40px 10px;
        height: 300px;
    }
}
@media only screen and (max-width: 1024px) {
    .topbar-left{
        width: 20%;
    }
    .topbar-middle{
        width: 60%;
    }
    .topbar-right{
        width: 20%;
    }
    .topbar-left a span{
        display: none;
    }
    .block_01, .block_02, .block_03, .block_04, .block_05, .block_06{min-height:530px}
    .my-video-second .img-frame {
        height: 330px;
    }
    .social-footer ul li a{
        width: 36px;
        height: 36px;
    }
    .social-footer ul li i {
        left: 10px;
        top: 10px;
    }
    .review-footer, .footer-links, .footer-form {
        padding: 0px 10px;
    }
    .footer-top h4, .footer-middle h4 {
        font-size: 18px;
    }
    .placement-card {
        width: 45%;
    }
    .values-content {
        width: 80%;
    }
    .values-content h2.heading {
        font-size: 22px;
        padding-bottom: 10px;
    }
    .values-content p {
        font-size: 18px;
        padding-bottom: 10px;
    }
    .btn.btn-vision {
        font-size: 16px;
        padding: 7px 25px;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .interest-content h3 {
        font-size: 16px;
    }
    .features-content {
        padding: 25px 10px;
        height: 300px;
    }
    .vision-block, .mission-block {
        padding: 45px;
    }
}
@media only screen and (max-width: 920px) {
    .topbar-left{
        width: 20%;
    }
    .topbar-middle{
        width: 60%;
    }
    .topbar-right{
        width: 20%;
    }
    .topbar-left a span{
        display: none;
    }
    .founders-message .video-card-top {
        height: 380px;
        width: 100%;
    }
    .block_01, .block_02, .block_03, .block_04, .block_05, .block_06{min-height:385px}
    .my-video-second .img-frame {
        height: 450px;
    }
    .social-footer{
        padding: 10px 50px;
        text-align: center;
    }
    .social-footer ul{
        justify-content: center;
    }
    .social-footer ul li a{
        width: 60px;
        height: 60px;
    }
    .social-footer ul li i {
        left: 20px;
        top: 20px;
    }
    .review-footer, .footer-links, .footer-form {
        padding: 10px 100px;
        text-align: center;
    }
    .footer-top h4, .footer-middle h4 {
        font-size: 33px;
        margin-bottom: 25px;
    }
    .footer-top h4:after, .footer-middle h4:after {
        left: 36%;
        width: 100px;
    }
    .footer-links ul li a {
        font-size: 24px;
    }
    .footer-middle{
        padding: 0px 100px;
        text-align: center;
    }
    .footer-middle p{
        font-weight: 24px;
    }
    .placement-card {
        width: 45%;
    }
    .values-content h2.marking {
        padding-bottom: 50px;
    }
    .values-content h2.heading {
        font-size: 36px;
        padding-bottom: 50px;
    }
    .values-content p {
        font-size: 20px;
        padding-bottom: 20px;
    }
    .btn.btn-vision {
        font-size: 18px;
        padding: 10px 35px;
        margin-top: 25px;
        margin-bottom: 25px;
    }
    .interest-content h3 {
        font-size: 22px;
    }
    .about-section {
        padding: 50px 15px;
    }
    .about-section .marking,
    .why-section .marking,
    .approach-section .marking,
    .programs-section .marking,
    .assessment-section .marking,
    .beyond-page-section .marking,
    .student-diary-section .marking,
    .news-section .marking,
    .blog-section .marking,
    .inner-header .marking,
    .results-section .marking,
    .eligibility-section .marking,
    .how-apply-section .marking,
    .student-services-section .marking {
        font-size: 27px;
        margin-bottom: 10px;
    }
    .about-section h1.heading {
        font-size: 35px;
        margin-bottom: 20px;
    }
    .interest-section .heading,
    .explore-section .heading,
    .tab-section .heading,
    .campus-section h2,
    .interest-section .heading,
    .why-section h2.heading,
    .approach-section h2.heading,
    .programs-section h2.heading,
    .assessment-section h2.heading,
    .beyond-page-section h2.heading,
    .student-diary-section h2.heading,
    .news-section h1.heading,
    .blog-section h2.heading,
    .student-club-section h1.heading,
    .student-club-section h2.heading,
    .gallery-section .headingm,
    .results-section h2.heading,
    .courses-section .heading,
    .beyond-section .heading,
    .testimonial-section .heading,
    .edge-section .heading,
    .eligibility-section h2.heading,
    .how-apply-section h2.heading,
    .student-services-section h2.heading,
    .testimonial-section h1.heading,
    .contact-section h1.heading,
    .policy-section h1.heading,
    .careers-section h1.heading {
        font-size: 35px;
    }
    .why-section h3 {
        font-size: 40px;
    }
    .approach-section p,
    .programs-section p,
    .assessment-section p,
    .beyond-page-section p,
    .student-club-section p,
    .student-club-section ul li{
        font-size: 20px;
    }
    .btn.btn-course {
        padding: 10px 25px;
    }
    .blog-card {
        padding: 50px;
    }
    .campus-text {
        font-size: 18px;
        line-height: 1.25;
        margin-bottom: 10px;
    }
    .features-content {
        padding: 25px 10px;
        height: 100%;
    }
    .vision-block img, .mission-block img {
        position: relative;
        width: 100%;
        height: 100%;
    }.vision-block img {
        margin-bottom: 25px;
    }
    .mission-block img{
        margin-top: 25px;
    }
    .management-section {
        padding: 40px;
    }
    .management-card {
        padding: 25px 0px;
    }
    .course-content {
        padding: 0px 30px;
    }
}
@media screen and (max-width: 820px) {
    .video-card-top {
        height: 380px;
        width: 100%;
    }
    .placement-card {
        width: 100%;
    }
}
@media only screen and (max-width: 768px) {
    .topbar-left{
        width: 20%;
    }
    .topbar-middle{
        width: 60%;
    }
    .topbar-right{
        width: 20%;
    }
    .topbar-left a span{
        display: none;
    }
    .founders-message .video-card-top {
        height: 380px;
        width: 100%;
    }
    .block_01, .block_02, .block_03, .block_04, .block_05, .block_06{min-height:385px}
    .my-video-second .img-frame {
        height: 425px;
    }
    .social-footer{
        padding: 10px 50px;
        text-align: center;
    }
    .social-footer ul{
        justify-content: center;
    }
    .social-footer ul li a{
        width: 60px;
        height: 60px;
    }
    .social-footer ul li i {
        left: 20px;
        top: 20px;
    }
    .review-footer, .footer-links, .footer-form {
        padding: 10px 100px;
        text-align: center;
    }
    .footer-top h4, .footer-middle h4 {
        font-size: 33px;
        margin-bottom: 25px;
    }
    .footer-top h4:after, .footer-middle h4:after {
        left: 36%;
        width: 100px;
    }
    .footer-links ul li a {
        font-size: 24px;
    }
    .footer-middle{
        padding: 0px 100px;
        text-align: center;
    }
    .footer-middle p{
        font-weight: 24px;
    }
    .video-card-top {
        height: 380px;
        width: 100%;
    }
    .placement-card {
        width: 100%;
    }
}
@media only screen and (max-width: 600px) {
    .topbar{
        flex-direction: column;
        justify-content: center;
    }
    .topbar-left, .topbar-middle, .topbar-right{
        width: 100%;
    }
    .topbar-left a{
        display: flex;
    }
    .topbar-left a i{
        padding-top: 5px;
        padding-right: 5px;
    }
    .topbar-left a span{
        display: block;
    }
    .founders-message{padding: 0px;}
    .founders-message .video-card-top {
        height: 270px;
        width: 100%;
        margin-bottom:50px;
    }
    .block_01, .block_02, .block_03, .block_04, .block_05, .block_06{min-height:250px}
    .my-video-second .img-frame {
        height: 330px;
    }
    .social-footer{
        padding: 10px 50px;
        text-align: center;
    }
    .social-footer ul{
        justify-content: center;
    }
    .social-footer ul li a{
        width: 60px;
        height: 60px;
    }
    .social-footer ul li i {
        left: 20px;
        top: 20px;
    }
    .review-footer, .footer-links, .footer-form {
        padding: 10px 50px;
        text-align: center;
    }
    .footer-top h4, .footer-middle h4 {
        font-size: 33px;
        margin-bottom: 25px;
    }
    .footer-top h4:after, .footer-middle h4:after {
        left: 36%;
        width: 100px;
    }
    .footer-links ul li a {
        font-size: 20px;
    }
    .footer-middle{
        padding: 0px 30px;
        text-align: center;
    }
    .footer-middle p{
        font-weight: 18px;
    }
    .video-card-top {
        height: 270px;
        width: 100%;
        margin-bottom:50px;
    }
    .faq-wrapper ul, .blog-details-section ul{
        padding: 0px 15px;
    }
    .faq-section .faq-wrapper p, .faq-section .faq-wrapper ul li {
        font-size: 16px;
    }
    .vision-block h3, .mission-block h3 {
        width: 100%;
        font-size: 33px;
    }
    .vision-block p, .mission-block p {
        width: 100%;
        font-size: 18px;
    }
    .course-content {
        padding: 0px 10px;
    }
    .course-content p, .course-content ul li {
        font-size: 15px;
        line-height: 1.4;
    }
    .course-content h2 {
        width: 100%;
        font-size: 20px;
        padding: 15px;
    }
    .courses-btns {
        padding: 10px;
    }
    .btn.btn-course {
        padding: 10px 15px;
        font-size: 16px;
    }
    .programs-header {
        padding: 0px;
    }
    .interest-content {
        padding: 5px 0;
    }
    .btn.btn-announce {
        margin-bottom: 5px;
        padding: 15px 20px;
    }
    .blog-card {
        padding: 15px;
    }
    .approach-section p,
    .programs-section p,
    .assessment-section p,
    .beyond-page-section p,
    .student-club-section p,
    .student-club-section ul li {
        font-size: 16px;
    }
    .about-section .marking,
    .why-section .marking,
    .approach-section .marking,
    .programs-section .marking,
    .assessment-section .marking,
    .beyond-page-section .marking,
    .student-diary-section .marking,
    .news-section .marking,
    .blog-section .marking,
    .inner-header .marking,
    .results-section .marking,
    .eligibility-section .marking,
    .how-apply-section .marking,
    .student-services-section .marking {
        font-size: 22px;
        margin-bottom: 10px;
    }
    .interest-section .heading,
    .explore-section .heading,
    .tab-section .heading,
    .campus-section h2,
    .interest-section .heading,
    .why-section h2.heading,
    .approach-section h2.heading,
    .programs-section h2.heading,
    .assessment-section h2.heading,
    .beyond-page-section h2.heading,
    .student-diary-section h2.heading,
    .news-section h1.heading,
    .blog-section h2.heading,
    .student-club-section h1.heading,
    .student-club-section h2.heading,
    .gallery-section .heading,
    .blog-details-section h1.heading,
    .results-section h2.heading,
    .courses-section .heading,
    .beyond-section .heading,
    .testimonial-section .heading,
    .edge-section .heading,
    .eligibility-section h2.heading,
    .how-apply-section h2.heading,
    .student-services-section h2.heading,
    .counsellor-section h1.heading,
    .testimonial-section h1.heading,
    .contact-section h1.heading,
    .policy-section h1.heading,
    .careers-section h1.heading {
        font-size: 27px;
    }
    .blog-card h6 {
        font-size: 20px;
    }
    .blog-details-section {
        padding: 30px 5px;
    }
    .blog-details-section p, .counsellor-section p, .policy-section p {
        font-size: 16px;
    }
    .blog-details-section ul li {
        font-size: 16px;
    }
    .blog-details-section .video-card-top {
        height: 180px;
        margin-bottom: 20px;
    }
    .btn.btn-new{
        margin-bottom: 5px;
        padding: 10px 15px;
    }
    .trend-card a span {
        font-size: 16px;
        margin-top: 5px;
        margin-bottom: 5px;
        margin-left: 10px;
    }
    .blog-courses .block_01,
    .blog-courses .block_02,
    .blog-courses .block_03,
    .blog-courses .block_04,
    .blog-courses .block_05,
    .blog-courses .block_06 {
        padding-left: 15px;
        min-height: 100%;
    }
    .blog-courses .block-wrapper {
        width: 100%;
        display: table;
        margin: 0px;
        padding: 25px 15px;
    }
    .blog-courses .block-wrapper h2 {
        font-size: 18px;
    }
    .blog-courses .block-wrapper h3 {
        font-size: 15px;
        padding-bottom: 10px;
    }
    .blog-courses .block-wrapper h4 {
        font-size: 18px;
        padding-bottom: 10px;
    }
    .eligibility-section p {
        font-size: 18px;
    }
    .counsellor-section .tabs {
        position: fixed;
        top: 45%;
    }
    .counsellor-section .location-pills li{
        background-color: white;
    }
    .counsellor-card {
        padding: 0px;
    }
    .btn.btn-placement {
        padding: 10px;
        font-size: 16px;
        margin: 0px;
    }
    .career-btn-group{
        flex-direction: column;
    }
    .btn.career-tab-btn, .btn.career-tab-btn.active, .btn.career-tab-btn:hover{
        padding: 15px;
        font-size: 20px;
    }
    .career-card {
        padding: 10px;
    }
    .career-card a {
        font-size: 22px;
    }
    .career-card p {
        font-size: 16px;
    }
    .career-card .career-card-content a {
        font-size: 16px;
    }
}
@media only screen and (max-width: 420px) {
    .topbar{
        flex-direction: column;
        justify-content: center;
    }
    .topbar-left, .topbar-middle, .topbar-right{
        width: 100%;
    }
    .topbar-left a, .topbar-middle a, .topbar-right a{
        font-size: 12px;
        display: flex;
    }
    .topbar-left a i{
        padding-top: 5px;
        padding-right: 5px;
    }
    .topbar-left a span{
        display: block;
    }
    .my-video-second .img-frame {
        height: 200px;
    }
    .social-footer{
        padding: 10px 25px;
        text-align: center;
    }
    .social-footer ul{
        justify-content: center;
    }
    .social-footer ul li a{
        width: 45px;
        height: 45px;
    }
    .social-footer ul li i {
        left: 15px;
        top: 15px;
    }
    .review-footer, .footer-links, .footer-form {
        padding: 10px 20px;
        text-align: center;
    }
    .footer-top h4, .footer-middle h4 {
        font-size: 20px;
        margin-bottom: 25px;
    }
    .footer-top h4:after, .footer-middle h4:after {
        left: 25%;
        width: 100px;
    }
    .footer-links ul li a {
        font-size: 16px;
    }
    .footer-middle{
        padding: 0px 10px;
        text-align: center;
    }
    .footer-middle p{
        font-weight: 16px;
    }
}
@media only screen and (max-width: 320px) {
    .topbar{
        flex-direction: column;
        justify-content: center;
    }
    .topbar-left, .topbar-middle, .topbar-right{
        width: 100%;
    }
    .topbar-left a, .topbar-middle a, .topbar-right a{
        font-size: 12px;
        display: flex;
    }
    .topbar-left a i{
        padding-top: 5px;
        padding-right: 5px;
    }
    .topbar-left a span{
        display: block;
    }
    .my-video-second .img-frame {
        height: 200px;
    }
    .social-footer{
        padding: 10px 25px;
        text-align: center;
    }
    .social-footer ul{
        justify-content: center;
    }
    .social-footer ul li a{
        width: 45px;
        height: 45px;
    }
    .social-footer ul li i {
        left: 15px;
        top: 15px;
    }
    .review-footer, .footer-links, .footer-form {
        padding: 10px 20px;
        text-align: center;
    }
    .footer-top h4, .footer-middle h4 {
        font-size: 20px;
        margin-bottom: 25px;
    }
    .footer-top h4:after, .footer-middle h4:after {
        left: 25%;
        width: 100px;
    }
    .footer-links ul li a {
        font-size: 16px;
    }
    .footer-middle{
        padding: 0px 10px;
        text-align: center;
    }
    .footer-middle p{
        font-weight: 16px;
    }
}

/* Demo First CSS */
.programs-section.two .course-card{
    height: 480px;
    padding: 15px;
    border: 1px solid #10376d;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    transition: all 0.3s ease;
}
.programs-section.two .course-card a{
    text-decoration: none;
}
.programs-section.two .course-card:hover{
    box-shadow: 10px 10px 20px #bebebe, -10px -10px 20px #ffffff;
}
.programs-section.two .course-card .course-image{
    margin-bottom: 15px;
}
.programs-section.two .course-card .course-image img{
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.programs-section.two .course-card .course-info h3{
    padding: 10px 15px;
    font-size: 33px;
    font-weight: 600;
    color: #f3621c;
    text-align: center;
}
.programs-section.two .course-card a.course .course-info h3{
    color: #10376d;
    font-weight: 700;
    text-decoration: underline;
    transition: all 0.3s ease;
}
.programs-section.two .course-card a.course .course-info h3:hover{
    letter-spacing: 1px;
}
.programs-section.two .course-card .course-info p{
    font-size: 18px;
    font-weight: 600;
    text-align: center;
}
@media only screen and (max-width: 1425px) {
    .programs-section.two .course-card{
        height: 500px;
    }
}
@media only screen and (max-width: 1024px) {
    .programs-section.two .course-card{
        height: 430px;
    }
}
@media only screen and (max-width: 900px) {
    .programs-section.two .course-card{
        height: 100%;
    }
}

/* Demo Second CSS */
.programs-section.three .course-wrapper{
    padding: 20px 10px;
}
.programs-section.three .course-wrapper.two{
    padding: 40px 10px;
}
.programs-section.three .course-wrapper.three{
    padding: 70px 10px;
}
.programs-section.three .course-wrapper h3{
    color: #10376d;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 25px;
}
.programs-section.three .course-wrapper li{
    margin-bottom: 15px;
}
.programs-section.three .course-wrapper li a{
    color: #f3621c;
    text-decoration: dashed;
    font-size: 20px;
    font-weight: 600;
    border: none;
    border-bottom: 1px dashed #10376d;
    transition: all 0.3s ease;
}
.programs-section.three .course-wrapper li a span{
    color: #10376d;
    font-size: 16px;
    font-weight: 500;
    border-color: transparent;
}
.programs-section.three .course-wrapper li a:hover{
    letter-spacing: 1px;
}
.programs-section.three .course-wrapper li a:hover{
    letter-spacing: 1px;
}
@media only screen and (max-width: 1024px) {
    .programs-section.three .course-wrapper{
        padding: 0px;
    }
    .programs-section.three .course-wrapper.two{
        padding: 0px;
    }
    .programs-section.three .course-wrapper.three{
        padding: 35px 0px;
    }
    .programs-section.three .course-wrapper li{
        margin-bottom: 10px;
    }
    .programs-section.three .course-wrapper li a{
        font-size: 16px;
    }
    .programs-section.three .course-wrapper li a span{
        font-size: 14px;
    }
}
@media only screen and (max-width: 900px) {
    .programs-section.three .course-wrapper{
        padding: 15px;
    }
    .programs-section.three .course-wrapper.two{
        padding: 15px;
    }
    .programs-section.three .course-wrapper.three{
        padding: 15px;
    }
    .programs-section.three .course-wrapper li a{
        font-size: 20px;
    }
    .programs-section.three .course-wrapper li a span{
        font-size: 18px;
    }
    .custom-xs-order-1 {
        order: 1
    }
    .custom-xs-order-2 {
        order: 2
    }
}
@media only screen and (max-width: 600px) {
    .programs-section.three .course-wrapper{
        padding: 10px;
    }
    .programs-section.three .course-wrapper.two{
        padding: 10px;
    }
    .programs-section.three .course-wrapper.three{
        padding: 10px;
    }
    .programs-section.three .course-wrapper li a{
        font-size: 16px;
    }
    .programs-section.three .course-wrapper li a span{
        font-size: 14px;
    }
    .custom-xs-order-1 {
        order: 1
    }
    .custom-xs-order-2 {
        order: 2
    }
}

.floatingButtonWrap.two .cta-button, .floatingButtonWrap.one .cta-button{
    display: flex;
    text-decoration: none;
    font-family: "Oswald", sans-serif;
    font-size: 18px;
    border: 5px solid #ff853f;
    color: white;
    align-items: center;
    background: linear-gradient(135deg, #10376d, #12a8e8);
    border-radius: 50px;
    padding: 7px 15px 7px 15px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.floatingButtonWrap.two{
    bottom: 80px;
}
.floatingButtonWrap.one{
    bottom: 15px;
}
.floatingButtonWrap.two .cta-button:hover, .floatingButtonWrap.one .cta-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.3);
}
.floatingButtonWrap.two .cta-button .avatar {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #ffffff;
    background: #ffffff;
}
.floatingButtonWrap.two .cta-button .avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}