*{margin: 0; padding: 0; box-sizing: border-box; font-family: 'Roboto', sans-serif;}
a{text-decoration: none;}
img{max-width: 100%;}
.line-through{text-decoration: line-through;}
.text-right{text-align: right;}

.blink_text
{
    animation:1s blinker linear infinite;
    -webkit-animation:1s blinker linear infinite;
    -moz-animation:1s blinker linear infinite;
    color: red;
}

@-moz-keyframes blinker
{  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker
{  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker
{  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
 }

/*Top Section CSS*/
.top-section{background: #003f6d; padding: 8px 0px; position: relative; z-index: 1111;}
.top-section .row{align-items: center; position: relative;}
.top-section .right-box{text-align: right;}
.top-section ul{padding: 0; margin: 0;}
.top-section ul li{list-style: none; display: inline-block;}
.top-section ul li:first-child{margin-left: 170px;}
.top-section ul li a{color: #fff; display: flex; align-items: center; font-size: 15px;}
.top-section ul li a svg{position: relative; top: -1px; right: 4px; color: #eee; width: 20px; height: 20px;}
.top-section ul li a img{width: 28px; margin-right: 8px;}
.top-section .right-box li{margin-left: 25px;}

.top-section .left-logo {position: absolute; left: 0; top: -24px; z-index: 11;}
.top-section .left-logo img {width: 160px;}

.logo-section{padding: 5px 0px;}
.logo-section .row{align-items: center;}
.logo-section img{width: 110px;}
.logo-section .right-logo{text-align: right;}
.logo-section .right-logo img{width: 272px;}
.logo-section .left-logo{text-align: right;}
.logo-section .left-logo img{width: 150px;}


/*Banner Section*/
.banner-section{max-height: 910px; overflow: hidden; position: relative;}
.banner-section .form-section{position: absolute; right: 10%; top: 0; width: 400px;}
.banner-section .banner-form{background: #fff; position: relative;}
.banner-section .banner-form .alert.alert-warning{position: absolute; left: 0; overflow: hidden;}
.banner-section .heading .title{background-color: #bf0b30; z-index: 2; height: 90px; width: 100%;
    position: absolute; clip-path: polygon(100% 0%, 100% 75%, 50% 100%, 0% 75%, 0 0);
    text-align: center;}
.banner-section .heading h1{font-size: 22px; color: #fff; margin-top: 30px; letter-spacing: 1px;
    font-weight: 500; word-spacing: 3px;}
.banner-section .heading-bottom{z-index: 1; height: 98px; width: 100%; position: absolute;
    background-color: #ffffffa8; clip-path: polygon(100% 0%, 100% 70%, 50% 100%, 0% 70%, 0 0);}
.banner-section .banner-form form{position: relative; z-index: 1; padding: 96px 40px 40px 40px; background: #fff;}
.banner-section .banner-form .form-group{margin-bottom: 10px;}
.banner-section .banner-form .form-group label{color: #444;}
.banner-section .banner-form small{color: #000;}
.banner-section .banner-form small a{color: #003f6d;}
.banner-section .banner-form button{background: #bf0b30; border-color: #bf0b30; margin-top: 15px;
    color: #fff; padding: 12px 20px 10px 20px; border-radius: 4px; font-size: 15px;
    letter-spacing: 1px; text-transform: uppercase; box-shadow: 0 0 30px 0 rgb(0 0 0 / 10%);
    width: 100%;}
.banner-section .banner-form button .feather{width: 18px; height: 18px; margin-right: 8px;}
.banner-section .banner-form .btn-row{padding: 0px 40px; position: relative;
    z-index: 1; display: flex; align-items: center; justify-content: space-between;}
.banner-section .banner-form .btn-row .individual-test{background: #d2f4ff; padding: 15px 22px 12px 22px;
    letter-spacing: 2px; word-spacing: 2px; text-transform: uppercase; font-weight: 500;
    font-size: 14px; color: #003f6d;}
.banner-section .banner-form .btn-row .individual-test .feather{background: #003f6d; color: #fff;
    padding: 4px; width: 22px; height: 22px; border-radius: 40px; position: relative;
    top: -2px;}
.banner-section .banner-form .btn-row .package-test{background: #bf0b30; padding: 15px 22px 12px 22px;
    letter-spacing: 2px; word-spacing: 2px; text-transform: uppercase; font-weight: 500;
    font-size: 14px; color: #fff;}
.banner-section .banner-form .btn-row .package-test .feather{background: #fff; color: #bf0b30;
    padding: 4px; width: 22px; height: 22px; border-radius: 40px; position: relative;
    top: -2px;}

.banner-section .box{position: relative; height: 910px;}
.banner-section .box:after{content: ""; width: 100%; height: 70%; position: absolute; bottom: 0; left: 0;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #000 50%, #000) no-repeat; opacity: .7;}
.banner-section .box .image img{min-height: 910px; object-fit: cover;}
.banner-section .content{width: 50%; position: absolute; bottom: 20%; left: 6%; color: #fff; z-index: 1;}
.banner-section .content h1{font-size: 60px; font-weight: 800; letter-spacing: 1px;
    margin-bottom: 20px; color: #fff; text-shadow: 2px 2px #00000094;}
.banner-section .content p{font-size: 17px; color: #fff;}

/*appointment-section*/
.banner-bottom{position: relative; top: 20px; z-index: 11;}
.banner-bottom .banner-bottom-row{background: #003f6d; padding: 46px;
    border-radius: 6px; background-image: url(../images/bg1.png); background-size: contain;
    width: 100%;}
.banner-bottom .banner-bottom-row ul{margin: 0 15px; padding: 0; display: flex;
    justify-content: space-between;}
.banner-bottom .banner-bottom-row ul li{list-style: none; display: inline-block; width: 24%;
    background: #fff; border: 1px solid #ddd; border-radius: 4px; padding: 15px; text-align: center;
    box-shadow: 13px 13px 51px 0px rgb(10 51 80 / 8%);}
.banner-bottom .banner-bottom-row ul li .icon{margin-bottom: 20px;}
.banner-bottom .banner-bottom-row ul li .feather{margin-right: 10px; color: #003f6d;}
.banner-bottom .banner-bottom-row ul li p{font-size: 13px; margin-bottom: 10px; font-weight: 500;}
.banner-bottom .banner-bottom-row ul li h2{font-size: 18px; font-weight: 500;}
.banner-bottom .banner-bottom-row ul li a{display: block; color: #003f6d; text-decoration: underline;
    font-size: 14px;}
.banner-bottom .pre-section{width: 100%;}
.banner-bottom .pre-section .heading h1{color: #fff;}
.banner-bottom .pre-section .heading h1.blink{color: #ff610f;}
.banner-bottom .pre-section .content{margin-bottom: 5px; background-image: linear-gradient(96deg, rgb(191, 11, 48) 0%, rgb(0, 63, 109) 100%);}


/*About Section*/
.about-section{margin-bottom: 100px; position: relative;}
.about-section:before {width: 100%; height: 100%; position: absolute; content: ""; top: 0px; z-index: -1;
    background: url(../images/about-bg.png) bottom left no-repeat; left: -5%;}
.about-section .about_left{position: relative;}
.about-section .about_left .image {margin-right: 25px; overflow: hidden; position: relative;
    border-radius: 10px;}
.about-section .about_left .image::before {width: 370px; height: 250px; position: absolute;
    content: ''; background: rgba(30, 36, 82, .8); bottom: -23px; right: -23px; border-radius: 10px;
    -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out; opacity: 0;}
.about-section .about_left:hover .image::before {opacity: 1; width: 100%; height: 100%; bottom: 0px;
    right: 0px;}
.about-section .about_left .image img {border-radius: 10px;}
.about-section .about_left .content {width: 370px; height: 250px; background: url(../images/welcome_video_bg.jpg);
    background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 40px;
    border-radius: 10px; position: absolute; bottom: -23px; right: 0px;}
.about-section .about_left .content h2 {font-family: 'Ubuntu', sans-serif; font-weight: 700; color: #fff; 
    line-height: 33px; font-size: 24px; margin-bottom: 30px; transition: all .6s ease;}
.about-section .about_left .video_holder_inner {position: relative;}
.about-section .about_left .video_holder_inner .icon {position: relative; float: left; margin-left: 10px; z-index: 0;}
.about-section .about_left .video_holder_inner .icon::before {position: absolute; z-index: -10; content: '';
    width: 90px; height: 90px; background: #003f6d; border-radius: 50%;
    top: -10px; left: -10px;}
.about-section .about_left .video_holder_inner .icon .feather {font-size: 26px;
    box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 7%);
    border-radius: 50px;
    width: 40px;
    height: 40px;
    display: inline-block;
    color: #ffffff;
    text-align: center;
    position: relative;
    top: 18px;
    left: 14px;}
.about-section .about_left .video_holder_inner .text {margin-left: 105px; padding-top: 20px; position: relative;}
.about-section .about_left .video_holder_inner .text::before {position: absolute; content: ''; width: 40px; height: 3px;
    background: #fff; top: 0; left: 0;}
.about-section .about_left .text h6 {font-family: 'Ubuntu', sans-serif; font-weight: 700; color: #fff; line-height: 26px;
    font-size: 18px;}

.about-section .about_right{position: relative;}
.about-section .about_right .heading {position: relative; margin-bottom: 25px;}
.about-section .about_right .heading h6 {font-weight: 700; color: #bf0b30; line-height: 26px;
    font-size: 14px; text-transform: uppercase; margin-bottom: 10px; letter-spacing: 2px;}
.about-section .about_right .heading .border_line {background: #bf0b30; width: 157px; height: 3px; position: relative;}
.about-section .about_right .heading .border_line::before {position: absolute; height: 10px; width: 3px; background: #bf0b30;
    content: ''; top: -7px; left: 0;}
.about-section .about_right .heading .border_line::after {position: absolute; height: 10px; width: 3px; background: #bf0b30;
    content: ''; top: -7px; right: 0;}
.about-section .about_right .sub_heading {font-weight: 700; color: #003f6d; line-height: 44px; font-size: 36px;
    margin-bottom: 20px;}
.about-section .about_right p.description {margin-bottom: 25px;}
.about-section .about_right ul.first {float: left; position: relative; margin: 0px;}
.about-section .about_right ul {margin: 0; padding: 0;}
.about-section .about_right ul li {font-weight: 700; list-style: none; color: #003f6d; line-height: 26px; font-size: 18px;
    margin-bottom: 10px;}
.about-section .about_right ul li i {color: #bf0b30; margin-right: 10px;}
.about-section .about_right ul.second {position: relative; margin-left: 55%; margin-bottom: 20px;}



/*Program Section CSS*/
.program-section{padding-top: 20px; padding-bottom: 15px; 
    position: relative; z-index: 11;}
.program-section .heading{padding: 0px 300px; display: flex; align-items: center;
    margin-bottom: 30px;}
.program-section .heading .content{text-align: right; border-right: 2px solid #ddd;
    padding-right: 20px;}
.program-section .heading .content h1{font-size: 30px; font-weight: 800; color: #003f6d;}
.program-section .heading .content p{font-size: 17px; color: #555; margin-bottom: 0px;}
.program-section .heading .program-btn{padding-left: 20px;}
.program-section .heading .program-btn a{width: 200px; display: block; color: #fff;
    background-image: linear-gradient(96deg, #bf0b30 0%, #003f6d 100%); text-align: center;
    height: 44px; line-height: 46px; border-radius: 50px;}
.program-section .heading .program-btn a svg{position: relative; top: 2px;}



.program-section .box{background: #fff; box-shadow: 13px 13px 51px 0px rgb(10 51 80 / 16%);
    padding-left: 0px; align-items: center; width: 100%; overflow: hidden; 
    margin: 12px 0px; border-radius: 15px; height: 320px;}
.program-section .box .col-md-4{padding-left: 0px;}
.program-section .box .image{width: 100%; overflow: hidden;}
.program-section .box .image img{max-width: 100%; width: 100%; height: 320px; object-fit: cover;}
.program-section .box .title a{font-size: 20px; font-weight: 500; color: #003f6d; line-height: 24px;}
.program-section .box .description{max-height: 96px; overflow: hidden;}
.program-section .box .description p{font-size: 17px; color: #555;}
.program-section .box .bottom{padding-bottom: 20px;}
.program-section .box .bottom ul{margin: 0; padding: 0;}
.program-section .box .bottom ul li{list-style: none; display: inline-block;}
.program-section .box .bottom ul li:last-child{text-align: right;}
.program-section .box .bottom ul li.show-btn a{color: #bf0b30; border: 1px solid #bf0b30;
    padding: 10px 8px 10px 0px; font-weight: 600; background: transparent;
    box-shadow: none; display: inline; font-size: 14px;}
.program-section .box .bottom ul li.show-btn a span{border: 1px solid #bf0b30; width: 38px;
    height: 43px; padding: 10px; position: relative; top: 0px; left: 4px;}
.program-section .box .bottom ul li.apply-btn{position: relative; right: -20%;}
.program-section .box .bottom ul li.apply-btn a{color: #fff; font-size: 14px;
    padding: 10px 9px 9px 20px; font-weight: 600; border-radius: 40px;
    background-image: linear-gradient(96deg, #bf0b30 0%, #003f6d 100%);}
.program-section .box .bottom ul li.show-btn a svg{border-right: 1px solid #bf0b30; 
    width: 32px; height: 43px; padding: 9px; position: relative; top: 0px; left: -1px; margin-right: 4px;}
.program-section .box .bottom ul li.apply-btn a svg{width: 33px;
    height: 33px; padding: 9px; position: relative; top: 0px; left: -1px;}
.program-section .box .bottom [type=button] {-webkit-appearance: initial!important;}



.program-section .box .date ul{margin: 0; padding: 0;}
.program-section .box .date ul li{list-style: none; display: inline-flex; margin-right: 20px;
    align-items: center;}
.program-section .box .date ul li:last-child{margin-right: 0;}
.program-section .box .date ul li .icon{margin-right: 6px; background: #003f6d; width: 34px; padding: 8px;
    height: 34px; text-align: center; display: flex; align-items: center; justify-content: center;
    color: #fff; border-radius: 4px; background-image: linear-gradient(96deg, #bf0b30 0%, #003f6d 100%);}
.program-section .box .date ul li span{font-size: 12px;}
.program-section .box .date ul li p{margin-bottom: 0;
    color: #003f6d;
    font-weight: 600;
    font-size: 15px;
    margin-top: -4px;}



.highlight-section {background: #fff;}
.highlight-section h1 {font-size: 32px; font-weight: 700; letter-spacing: 1px;
    margin-bottom: 20px; color: #222;}
.highlight-section .box{margin-top: 40px;}
.highlight-section .box ul{margin: 0; padding: 0; display: flex; justify-content: space-between;}
.highlight-section .box ul li{list-style: none; display: inline-block; width: 32.2%;
    text-align: center; position: relative; min-height: 250px;}
.highlight-section .box ul li:nth-child(2){border-left: 1px solid #ddd;
    border-right: 1px solid #ddd; padding: 0px 15px;}
.highlight-section .box ul li h2{color: #bf0b30; margin-bottom: 20px;}
.highlight-section .box ul li small{position: absolute; width: 100%; left: 0;
    bottom: 0; color: #777;}


.highlight-section .row .col-md-3:nth-child(2) {padding-left: 0px!important;}
.highlight-section .row .col-md-3:nth-child(5) {padding-right: 0px!important;}
.highlight-section .row .col-md-3:nth-child(odd) .content{box-shadow: 13px 13px 51px 0px rgb(10 51 80 / 16%); padding: 30px 10px; text-align: center; background-image: linear-gradient(96deg, #003f6d33 0%, #bf0b302b 100%);}
.highlight-section .row .col-md-3:nth-child(even) .content{box-shadow: 13px 13px 51px 0px rgb(10 51 80 / 16%); padding: 30px 10px; text-align: center; background:#fff;}
.highlight-section .row .col-md-3 h3{font-size: 18px; color: #01375e; margin-bottom: 0; font-weight: 700;}
.highlight-section .row .col-md-3 .counter{font-size: 36px; font-weight: 800; color: #d0002b;}
.highlight-section .content h4{font-size: 20px; font-weight: 700; color: #bf0b30; margin-bottom: 20px;}
.highlight-section .content p{text-align: justify; font-size: 16px; color: #555; margin-bottom: 0px;}

.taking-process-section{margin-top: 80px;}
.taking-process-section h1.title{font-size: 30px; font-weight: 800; color: #003f6d;
    margin-bottom: 20px;}
.taking-process-section .box{display: flex; align-items: center; margin-top: 20px;}
.taking-process-section .box .num{width: 50px; height: 50px; line-height: 50px; font-weight: 500;
    color: #fff; font-size: 24px; text-align: center; border-radius: 50%; margin-right: 30px;
    background: linear-gradient(96deg, #003f6d 0%, #bf0b30 100%);
    box-shadow: 13px 13px 51px 0px rgb(10 51 80 / 16%);}
.taking-process-section .box .num p{margin-bottom: 0;}
.taking-process-section .box .content h4{font-size: 22px; margin-bottom: 5px;}
.taking-process-section .box .content p{margin-bottom: 0;}

.calendar-section{margin-top: 80px; margin-bottom: 60px;}
.calendar-section .heading{margin-bottom: 30px;}
.calendar-section .heading h4{font-size: 30px; color: #0075bd;}
.calendar-section #timezone-form{margin-bottom: 15px;}
.calendar-section .table{width: 100%; border-collapse: collapse; margin-bottom: 0; border: 2px solid #2e2e2e1c !important;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
.calendar-section .table thead th{font-size: 15px; padding: 8px 4px; background: #2e2e2e;
    color: #fff;}
.calendar-section .table, .calendar-section .table td, .calendar-section .table th {border: 1px solid #ddd;}
.calendar-section .table tr{vertical-align: middle; text-align: center; font-size: 15px;}
.calendar-section .table tr:nth-child(even) td{background: #fff;}
.calendar-section .table tr td.bg-primary{color: #fff; background-color: #2e2e2e!important;}
.calendar-section .table td{padding:  12px 4px;}
.calendar-section .table td .blink_text{font-weight: 500; font-size: 14px;
    letter-spacing: 1px; display: block; text-transform: uppercase;}
.calendar-section .table th .blink_text{font-weight: 500; font-size: 14px;
    letter-spacing: 1px; display: block; text-transform: uppercase;}
.calendar-section .table td table{border: none; width: 100%;}
.calendar-section .table td table td{border: none; font-size: 15px;}
.calendar-section .table td table tr:nth-child(1) td{border-bottom: 1px solid #2e2e2e;}
.calendar-section .class-time-bg1{background: #f4b084!important;}
.calendar-section .class-time-bg2{background: #ffd966!important;}
.calendar-section .bg-success{color: #fff; min-height: 100px;}
.calendar-section .bg-danger{color: #fff; min-height: 100px;}
.calendar-section .bg-blank{background: #8497b0;}
.calendar-section .table tbody th{background: #f3f9fc; font-size: 15px;}
.calendar-section .table tr:nth-child(even){background-color: #f2f2f2;}

/*.calendar-section .table tr:hover {background-color: #ddd;}*/

.calendar-section .modal .course-detail {font-size: 15px;}
.calendar-section .modal .course-detail h1.title{color: #003f6d; font-size: 26px;}

.calendar-section .modal .course-detail .course-detail-left{margin-bottom: 40px; padding: 65px 15px 0px 15px;
    background: #fff; border: 1px solid #e6e6e6; box-shadow: 0 0 5px rgb(0 0 0 / 10%); 
    position: relative; margin-top: 30px;}
.calendar-section .modal .course-detail .course-detail-left .price{box-shadow: 0 0 35px rgb(0 0 0 / 10%);
    padding: 12px 20px; border-radius: 3px; text-align: left; position: absolute;
    background: #fff; top: -40px; left: 0; right: 0; margin: 0 20px;}
.calendar-section .modal .course-detail .course-detail-left .price h1{margin-bottom: 0;
    font-size: 18px; font-weight: 800; color: #c00e33;}
.calendar-section .modal .course-detail .course-detail-left .price-row h6{font-weight: 800; letter-spacing: 0.6px;
    margin-bottom: 0; font-size: 18px; color: #003f6d;}
.calendar-section .modal .course-detail .course-detail-left .price-row h6 span{color: #f8740a; font-size: 22px;}
.calendar-section .modal .course-detail .course-detail-left .price-row{align-items: center; margin-bottom: 2px;}
.calendar-section .modal .course-detail .course-detail-left .price-row .left-rating p{border-bottom: 0px; 
    padding-bottom: 0; margin-bottom: 0; text-align: right;}
.calendar-section .modal .course-detail .course-detail-left p .icon{margin-right: 6px; background: #003f6d;
    text-align: center; line-height: 27px; color: #fff; border-radius: 4px; 
    width: 26px; height: 26px; display: inline-flex; align-items: center; justify-content: center;}
.calendar-section .modal .course-detail .course-detail-left p .icon i{font-size: 15px;}
.calendar-section .modal .course-detail .course-detail-left p svg{width: 16px; height: 16px;}
.calendar-section .modal .course-detail .course-detail-left h2{font-size: 30px; font-weight: 600;
    margin-bottom: 18px; color: #f8740a;}
.calendar-section .modal .course-detail .course-detail-left .enroll-btn{text-align: center; margin-top: 30px;
    display: flex; justify-content: center;}
.calendar-section .modal .course-detail .course-detail-left .enroll-btn a{color: #fff; background: #c00e33;
    padding: 10px 26px; letter-spacing: 0.5px; font-weight: 600;}



.calendar-section .btn{font-size: 15px; font-weight: 600;}
.calendar-section .btn .feather{width: 18px; height: 18px;}
.calendar-section .view-modal-btn{background: transparent; border: none; color: #003f6d; border-bottom: 1px solid #003f6d;
    border-radius: 0; padding: 0; margin: 4px 0px; font-size: 15px;}
.calendar-section tr button{width: 120px;}


.experience-section{margin-top: 60px; margin-bottom: 100px; text-align: center;}
.experience-section h1 {font-size: 32px; font-weight: 700; letter-spacing: 1px;
    margin-bottom: 20px; color: #222;}
.experience-section ul{margin: 0; padding: 0; width: 100%;}
.experience-section ul li{list-style: none; display: inline-grid; width: 32%;
    text-align: center; border: 1px solid #ddd; height: 250px; padding: 30px;
    margin-top: 20px; margin-right: 15px;}
.experience-section ul li:nth-child(3), .experience-section ul li:nth-child(6){margin-right: 0;}


.modal .form-group{margin-bottom: 20px;}
.modal .input-group-text{height: 38px; border-top-left-radius: 0; border-bottom-left-radius: 0;}

/*form-section CSS*/
.form-section{margin-top: 40px;}

.form-section .left .contact-box {
    margin: 46px 38px 0 0px;
    border: 1px solid #dc3545;
    padding: 15px;
    background-color: #fff;
}
.form-section .left .btn-danger{background: #bf0b30; border-color: #bf0b30;}
.form-section .left .contact-box .btn {
    padding: 5px 15px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin-top: -56px;
    border-radius: 4px;
}
.form-section .left h2{font-size: 28px; font-weight: 600; color: #003f6d;}
.form-section .left .contact-box .content{display: flex; align-items: center; margin: 10px;}

.form-section .left .contact-box p {
    font-size: 16px;
    margin-bottom: 0px;
    font-weight: 600;
    color: #003f6d;
    margin-left: 10px;
}
.form-section .left .contact-box a {
    color: #003f6d;
}

.form-section .left .contact-box .icon {
    font-size: 18px;
    color: #ffffff;
    background: #003f6d;
    width: 34px;
    height: 34px;
    line-height: 36px;
    border-radius: 4px;
    text-align: center;
}
.form-section .left .contact-box .icon .feather{width: 18px; width: 18px;}

.form-section .right{position: relative;}
.form-section .form{box-shadow: 0 2px 30px 0 rgb(0 0 0 / 15%);
    background-image: linear-gradient(96deg, #bf0b30 0%, #003f6d 100%);
    border-top-left-radius: 8px; border-top-right-radius: 8px;}
.form-section .form .heading{padding: 26px 60px 10px 60px;}
.form-section .form .heading h1{color: #fff; font-weight: 600; font-size: 28px;
    line-height: 56px; margin-bottom: 2px;}
.form-section .form .heading h4{font-size: 18px; color: #e4f1fe; font-weight: 500;
    position: relative; display: inline-block;}
.form-section .form .heading h4:before {position: absolute; content: "";
    height: 1px; width: 100%; background: #e4f1fe; right: -112%; top: 12px;
    display: inline-block;}
.form-section .form form{background: #fff; padding: 40px;
    border-top-left-radius: 40px;}
.form-section .form form .form-control {padding: 14px 20px;}
.form-section .form .btn{color: #fff; padding: 10px 30px; font-size: 15px;
    background-image: linear-gradient(96deg, #065ca9 0%, #ea2529 100%);
    font-weight: 600; letter-spacing: 0.5px; border-radius: 47px;
    transition: .2s ease-out; display: inline-block; border:none;
    text-transform: uppercase;}

.faq-section{background: #fff; border-top-left-radius: 8px; border-top-right-radius: 8px;}
.faq-section .heading{padding: 30px 60px 0px 60px;}
.faq-section .heading h1{color: #003f6d; font-weight: 800; font-size: 36px;
    line-height: 56px; margin-bottom: 2px;}
.faq-section .heading h4{font-size: 22px; color: #bf0b30; font-weight: 700;
    position: relative; display: inline-block;}
.faq-section .heading h4:before {position: absolute; content: "";
    height: 1px; width: 100%; background: #bf0b30; right: -112%; top: 12px;
    display: inline-block;}
.faq-section .heading p{font-size: 17px; color: #555;}
.faq-section .accordion{padding: 0px 40px 40px 40px;
    border-top-left-radius: 40px;}
.faq-section .accordion-button {
    font-weight: 700; color: #003f6d; font-size: 17px; letter-spacing: 1px;}
.faq-section .accordion-button:not(.collapsed) {color: #ffffff;
    background-color: #003f6d; font-weight: 700; letter-spacing: 1px;
    font-size: 16px;}
.faq-section .accordion-body p{font-size: 16px; color: #555;}
.faq-section .accordion-button:focus {border-color: #86b7fe00;
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 0%);}


.accordion-section{margin-top: 0px; padding-top: 0px;}
.accordion-section .heading{text-align: center; margin-bottom: 40px;}
.accordion-section .heading h1 {font-size: 32px; font-weight: 700; letter-spacing: 1px;
    margin-bottom: 20px; color: #222;}
.accordion-section .accordion-button:not(.collapsed){background: #003f6d;
    color: #fff;}
.accordion-section .accordion-button:focus{box-shadow: none;}
.accordion-section .accordion-button{font-weight: 600; color: #003f6d; font-size: 18px;}



.testimonial-section{position: relative; width: 100%; padding-top: 120px; padding-bottom: 80px;}
.testimonial-section .header{text-align: center; margin: 0 auto; margin-bottom: 36px;
    width: 51%;}
.testimonial-section .header h4{position: relative; display: block; font-size: 24px;
    line-height: 36px; font-weight: 400;
    padding-bottom: 6px; margin-bottom: 6px; color: #003f6d;}
.testimonial-section .header h4:before{position: absolute; content: '';
    background-image: url(../images/divider-1.png); width: 82px; height: 6px;
    left: 0px; bottom: 0px; background-repeat: no-repeat; left: 50% !important;
    right: inherit !important; transform: translateX(-50%);}
.testimonial-section .header h1{font-size: 40px; font-weight: 700; margin-bottom: 15px;}
.testimonial-section .header p{color: #5f5e5e;}
.testimonial-section .row{align-items: center;}
.testimonial-section .info {text-align: center; border-right: 1px dashed #cccad7;
    display: block;}
.testimonial-section .info img {width: 250px; height: 250px;
    margin: 0 auto 15px; border-radius: 100%;}
.testimonial-section .info h3 {font-size: 25px; font-weight: 500;
    margin: 0 0 6px 0;}
.testimonial-section .info span {font-size: 16px;}
.testimonial-section .info b {color: #003f6d; font-weight: 400;}
.testimonial-section .info .social-info {padding-left: 0; margin-bottom: 0;
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
    position: relative; max-width: 180px; margin: 14px auto 0;}
.testimonial-section .info .social-info li {list-style-type: none;
    display: inline-block;}
.testimonial-section .info .social-info li .feather{width: 18px;
    color: #003f6d;}
.testimonial-section .owl-nav{position: absolute; bottom: 0; left: 34%;}
.testimonial-section .owl-nav button{background: #003f6d!important;
    color: #fff!important; width: 40px; height: 40px; font-size: 21px!important;}




/* subscribe-section */
.subscribe-section{position: relative; bottom: -100px; z-index: 11;}
.subscribe-section .row{background: #bf0b30; display: flex; align-items: center;
    padding: 60px 100px; border-radius: 6px; background-image: url(../images/bg1.png); background-size: contain;
    width: 100%;}
.subscribe-section .row h1{font-size: 26px; color: #fff; font-family: 'Philosopher';
    font-weight: 700; letter-spacing: 3px; margin-bottom: 0;}
.subscribe-section .content{display: flex; align-items: center;}
.subscribe-section .content .feather{width: 60px; height: 40px; color: #fff;
    margin-right: 30px;}
.subscribe-section .form-group{display: flex; align-items: center;}
.subscribe-section .btn{padding: 1rem 1.2rem; background: #003f6d;
    border-color: #003f6d; letter-spacing: 1px; border-top-left-radius: 0;
    border-bottom-left-radius: 0; color: #fff; text-transform: uppercase;}
.subscribe-section .form-control {padding: 1rem 1.2rem; border-top-right-radius: 0;
    border-bottom-right-radius: 0;}

/*Footer Section*/
.footer-section{padding-top: 100px; background-color: #003f6d; background-image: url('../images/footer-bg.png');
    background-size: cover; position: relative; color: #fff;}

.footer-section .data-box{text-align: center; margin-top: 50px;}
.footer-section .data-box h1{font-size: 36px; font-weight: 600;}
.footer-section .data-box h4{font-size: 18px;}
.footer-section .data-box h4 .feather{width: 20px; height: 20px;}
.footer-section .data-box a{color: #fff;}
.footer-section .data-box a.btn{background: #bf0b30; color: #fff; padding: 15px 60px; letter-spacing: 1px; margin-top: 10px;}

.footer-section .bottom{margin-top: 60px; padding-bottom: 30px;}
.footer-section .bottom p{margin-bottom: 0; border-bottom: }
.footer-section .bottom ul{margin: 0; padding: 0; text-align: right;}
.footer-section .bottom ul li{list-style: none; display: inline-block; border-right: 1px solid #ddd;
    padding: 0px 10px;}
.footer-section .bottom li:last-child{border-right: none; padding-left: 0;}
.footer-section .bottom li a{color: #ddd;}
.footer-section .bottom a{color: #b4e0ff; letter-spacing: 2px;}





.scrollTop {position: fixed; right: 10%; bottom: 10px; opacity: 0; z-index: 111; }
.scrollTop a {font-size: 18px;
    color: #fff;
    padding: 20px 20px;
    transition: all 0.4s ease-in-out 0s;
    border-radius: 4px;
    display: block;
    background: #003f6d;}






.buttons-section{background: #fff; margin-top: 30px; margin-bottom: 60px; text-align: center;}
.buttons-section .box a{display: block; box-shadow: 13px 13px 51px 0px rgb(10 51 80 / 16%); padding: 20px 10px;
    text-align: center; background: #fff; color: #003f6d; border: 1px solid #003f6d; font-size: 18px;
    font-weight: 600; transition: 0.5s;}
.buttons-section .box a:hover{background: #003f6d; color: #fff;}


.programme-section{background: #fff;
    padding-bottom: 60px;}
.programme-section h1{font-size: 30px;
    font-weight: 800;
    color: #003f6d;
    margin-bottom: 20px;}
.programme-section ul{margin-left: 15px;}
.programme-section li{margin-bottom: 15px;}
.programme-section li:last-child{margin-bottom: 0;}
.programme-section a.download{background: #003f6d; color: #fff; width: fit-content;
    padding: 15px 30px;
    font-size: 16px;
    border-radius: 4px;}


.program-faculty-section {padding-top: 60px;
    padding-bottom: 60px;
    position: relative;
    z-index: 11;
    background: #ebf4ff;}
.program-faculty-section .row{align-items: center; justify-content: center;}
.program-faculty-section .heading{text-align: center; margin-bottom: 40px;}
.program-faculty-section .heading h1 {font-size: 30px;
    font-weight: 800;
    color: #003f6d; margin-bottom: 20px;}
.program-faculty-section .image{width: 140px; height: 140px; border-radius: 50%;
    overflow: hidden;}
.program-faculty-section .image img{width: 140px; height: 140px; border-radius: 50%;
    object-fit: cover;}
.program-faculty-section .data h2.name{font-size: 26px;
    font-weight: 800;
    color: #003f6d;
    margin-bottom: 2px;}
.program-faculty-section .data h5.post{font-size: 18px; font-weight: 700; color: #bf0b30;}
.program-faculty-section .owl-nav button{background: #003f6d !important; color: #fff !important; width: 36px;
    height: 36px; line-height: 34px !important; font-size: 24px !important;}

.certificate-section{background: #fff;
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative;
    z-index: 11;}
.certificate-section h1{    font-size: 30px;
    font-weight: 800;
    color: #003f6d; margin-bottom: 20px;}
.certificate-section .data{padding-right: 80px;}
.certificate-section .image img{border-radius: 8px;}


#paymentModal{z-index: 1111111;}

.modal form{width: 100%;}

/*Gallery Section CSS*/
.gallery-section{background: #fff; padding-top: 30px; padding-bottom: 30px; 
    position: relative; z-index: 11;}
.gallery-section .heading {align-items: center; margin-bottom: 24px;}
.gallery-section .heading h1 {font-size: 30px; font-weight: 800; color: #003f6d;}
.gallery-section .heading p {font-size: 17px; color: #555; margin-bottom: 0px;}
.gallery-section .heading .right {text-align: right;}
.gallery-section .heading .right a {padding: 0px 20px; display: block; color: #fff;
    background-image: linear-gradient(96deg, #bf0b30 0%, #003f6d 100%);
    text-align: center; height: 44px; line-height: 46px; border-radius: 50px;
    display: inline-block;}
.gallery-section .heading .right a svg{margin-left: 6px;}
.gallery-section .box{position: relative; box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
    margin: 15px 0px;}
.gallery-section .svg-shape {position: absolute; bottom: 0; left: 0; width: 100%;
    overflow: hidden; line-height: 0; transform: scaleX(-1);}
.gallery-section .svg-shape svg {position: relative; display: block; width: calc(183% + 1.3px);
    height: 80px; transform: rotateY(180deg);}
.gallery-section .svg-shape .shape-fill {fill: #FFFFFF;}
.gallery-section .box .content{position: absolute; bottom: 0; left: 10px;}
.gallery-section .box .content .count p{font-size: 16px; color: #bf0b30; font-weight: 600;
    margin-bottom: 0px;}
.gallery-section .box .content h1{font-size: 18px; font-weight: 600;}
.gallery-section .box .content h1 a{color: #003f6d;}
.gallery-section .box .image{height: 206px; overflow: hidden;}
.gallery-section .owl-theme .owl-dots .owl-dot.active span{background: #bf0b30;}
.gallery-section .owl-theme .owl-dots .owl-dot span {background: #003f6d5e;}

/*Video Section CSS*/
.video-section {background: #fff; position: relative; z-index: 11; padding-bottom: 40px;}
.video-section .heading{align-items: center; margin-bottom: 30px;}
.video-section .heading h1{font-size: 30px; font-weight: 800; color: #003f6d;}
.video-section .heading p{font-size: 17px; color: #555; margin-bottom: 0px;}
.video-section .heading .video-btn a{width: 200px; display: block; color: #fff;
    background-image: linear-gradient(96deg, #bf0b30 0%, #003f6d 100%); text-align: center;
    height: 44px; line-height: 46px; border-radius: 50px; display: inline-block;}
.video-section .heading .video-btn a svg{position: relative; top: 2px;}
.video-section .heading .right{text-align: right;}
.video-section .video{box-shadow: 13px 13px 51px 0px rgb(10 51 80 / 16%);
    background-image: linear-gradient(96deg, #bf0b30 0%, #003f6d 100%);
    padding: 7px 7px 0px 7px; border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;}
.video-section .video .video-content{background: #fff; text-align: center;
    margin-top: -7px; border-top-left-radius: 4px; border-top-right-radius: 4px;}
.video-section .video .video-content h4{font-size: 20px; font-weight: 700;
    padding: 15px;}


    .apply-section{margin-bottom: 0px;}
    .apply-section .box .image{box-shadow: 13px 13px 51px 0px rgb(10 51 80 / 16%);
        text-align: center; background: #f3f7fc; border-bottom-left-radius: 66px;
        border-bottom-right-radius: 66px;}
    .apply-section .box .image a{color: #bf0b30; border: 1px solid #bf0b30; padding: 6px 26px;
        display: inline-block; border-radius: 60px; margin: 10px 0px;}
    .apply-section .tool-content{background: #fff; text-align: center; border-radius: 15px;
        box-shadow: 13px 13px 51px 0px rgb(10 51 80 / 16%); padding: 15px; margin-bottom: 20px;}
    .apply-section .tool-content img{height: 150px;}
    .apply-section .tool-content p{font-size: 18px; display: block; margin-bottom: 0px;
        color: #003f6d; font-weight: 700;}


.pre-section{margin-bottom: 20px;}
.pre-section .heading{display: flex; align-items: center; justify-content: space-between;}
.pre-section .heading h1{font-size: 26px;}
.pre-section .heading .blink{color: #d0002b;
    font-size: 26px;
    animation: blink 1s linear infinite;
}
.pre-section .heading span{
    
}
@keyframes blink{
0%{opacity: 0;}
50%{opacity: .5;}
100%{opacity: 1;}
}
.pre-section .content{background: #1d6c9c; color: #fff; display: flex; align-items: center; gap: 15px;
   padding: 15px; width: 100%; border-radius: 10px; justify-content: space-between; margin-bottom: 30px;}
.pre-section .content .title h1{font-size: 26px;}
.pre-section .content .list{width: 40%;}
.pre-section .content .list h4{font-size: 18px;}
.pre-section .content .list ul{padding-left: 0px; display: flex; flex-wrap: wrap;
    list-style: none; width: 100%;}
.pre-section .content .list ul li{width: 50%;}
.pre-section .content .list ul li .feather{width: 15px; height: 15px; margin-right: 5px;
    color: #fff;}
.pre-section .content .price{text-align: right; width: 15%;}
.pre-section .content .price h1{font-size: 26px; color: #c1fdb9; font-weight: 900;}
.pre-section .pre-btn{background: #c1fdb9; outline: none; border: none; padding: 15px 20px;
    width: 100%; color: #000; font-size: 17px; border-radius: 10px; min-width: max-content;}

.pre-section .pre-section-row .pre-section-box.session-one .content{background: #198754;}
.pre-section .pre-section-row .pre-section-box.session-two .content{background: #0d6efd;}
.pre-section .pre-section-row .pre-section-box.session-three .content{background: #003f6d;}
.pre-section .pre-section-row .pre-section-box.session-four .content{background: #3c38d5;}


.program-update-data{margin-top: 30px; margin-bottom: 15px; background: #eff5ff;
    border-radius: 8px; padding: 15px; margin-top: 40px;}
.program-update-data .row{align-items: center;}
.program-update-data h4{text-align: left; font-size: 22px; font-weight: 800;
    color: #222; line-height: 28px;}
.program-update-data h1{text-align: left; color: #003f6d; font-size: 46px;
    font-weight: 900;}
.program-update-data ul {padding-left: 22px;}
.program-update-data li{font-weight: 700;}
.program-update-data img{max-height: 320px; transition: 0.5s;}
.program-update-data img:hover{transform: scale(1.15);}
.program-update-data a.btn{
    width: 100%;
    color: #fff;
    font-size: 14px;
    padding: 10px 9px 9px 20px;
    font-weight: 600;
    border-radius: 40px;
    background-image: linear-gradient(96deg, #bf0b30 0%, #003f6d 100%);
    transition: 0.5s;
}
.program-update-data a.btn:hover{transform: scale(1.04);}

@media (max-width: 768px) {
    .row{margin: 0;}
    .logo-section .right-logo img {width: 190px;}
    .banner-section {max-height: fit-content; overflow: auto;}
    .banner-section .content {width: 100%; position: relative; bottom: 0; left: 0;
        padding: 10px; background: #003f6d;}
    .banner-section .content h1{font-size: 24px;}
    .banner-section .content h4{margin-bottom: 15px!important; font-size: 16px;}
    .banner-section .box{height: auto;}
    .banner-section .box .image img {min-height: 100%;}
    .banner-section .form-section {position: relative; right: 0; top: 0; width: 100%;
        margin-top: 0px;}
    .banner-bottom{top: 0}
    .banner-bottom .banner-bottom-row{padding: 15px; margin: 0; margin-top: 15px;}
    .banner-bottom .banner-bottom-row ul {margin: 0; flex-direction: column;}
    .banner-bottom .banner-bottom-row ul li{width: 100%;}

    .banner-bottom .pre-section{padding: 15px 15px 15px;}

    .buttons-section{margin-top: 15px; margin-bottom: 15px;}

    .highlight-section .row .col-md-3 .counter {font-size: 30px;}
    .highlight-section .row .col-md-3 h3 {font-size: 16px;}

    .taking-process-section{margin-top: 15px;}
    .taking-process-section h1.title {font-size: 20px; margin-bottom: 0;}
    .taking-process-section .box .content h4 {font-size: 18px;}
    .taking-process-section .box .num p{width: 50px; font-size: 16px;}

    .calendar-section{margin-top: 15px; margin-bottom: 15px;}
    .calendar-section .heading{margin-bottom: 0;}
    .calendar-section .heading h4{font-size: 20px;}

    .programme-section{padding-bottom: 15px;}
    .programme-section h1{font-size: 20px; margin-bottom: 15px;}

    .program-faculty-section{padding-top: 15px; padding-bottom: 15px;}
    .program-faculty-section .heading{text-align: left; margin-bottom: 15px;}
    .program-faculty-section .heading h1{font-size: 20px;}
    .program-faculty-section .data h2.name{font-size: 18px;}
    .program-faculty-section .data h5.post{font-size: 16px;}
    .program-faculty-section .image {width: 90px; height: 90px; margin-bottom: 10px;}
    .program-faculty-section .image img{width: 90px; height: 90px;}

    .certificate-section{padding-top: 15px; padding-bottom: 15px;}
    .certificate-section .data{padding-right: 0;}
    .certificate-section h1{font-size: 20px;}

    .accordion-section .heading{margin-bottom: 0;}
    .accordion-section .heading h1{font-size: 20px;}
    .accordion-section .accordion-button{font-size: 16px;}

    .video-section{padding-bottom: 0;}
    .video-section .heading{text-align: center;}
    .video-section .heading h1{font-size: 20px;}
    .video-section .heading .video-btn a{display: block!important; width: auto;}
    .video-section .video .video-content h4{font-size: 16px;}

    .gallery-section .heading{text-align: center;}
    .gallery-section .heading h1{font-size: 20px;}
    .gallery-section .heading .video-btn a{display: block!important; width: auto;}

    .testimonial-section{padding-top: 15px; padding-bottom: 15px;}
    .testimonial-section .header h4{font-size: 18px;}
    .testimonial-section .header{width: 100%;}
    .testimonial-section .header h1{font-size: 20px;}
    .testimonial-section .info h3{font-size: 20px;}
    .testimonial-section .data h5{font-size: 18px;}
    .testimonial-section .info{text-align: left;}
    .testimonial-section .info img{width: 90px; height: 90px; margin: 0;}
    .testimonial-section .owl-nav{left: 0; bottom: -30px;}

    .form-section .form .heading {padding: 15px 15px 15px 30px;}
    .form-section .left h2{font-size: 20px;}
    .form-section .left .contact-box {margin: 30px 0px 15px 0px;}
    .form-section .form form{padding: 15px;}
    .form-section .form .heading h4{font-size: 16px;}
    .form-section .form .heading h1{font-size: 20px; line-height: normal;}
    .form-section .form form .form-control {padding: 10px 15px;}

    .subscribe-section{bottom: 0; margin: 15px 0px;}
    .subscribe-section .row{padding: 15px 0px; margin: 0;}
    .subscribe-section .row h1{font-size: 18px;}

    .footer-section{padding-top: 1px;}
    .footer-section .data-box h1{font-size: 20px;}
    .footer-section .data-box a.btn{font-size: 14px; padding: 10px 40px;}
    .footer-section .bottom{margin-top: 30px; padding-bottom: 15px;}

    .pre-section .container .container{padding-left: 0; padding-right: 0;}
    .pre-section .heading{padding: 0;}
    .pre-section p{padding: 0;}
    .pre-section .heading h1{font-size: 16px; font-weight: 600;}
    .pre-section .heading .blink{font-size: 16px; font-weight: 600;}
    .pre-section .content{flex-direction: column; align-items: flex-start; gap: 5px; margin-bottom: 0;}
    .pre-section .col-md-12{padding: 0;}
    .pre-section .content .title h1{font-size: 20px;}
    .pre-section .content .list{width: 100%;}
    .pre-section .content .list ul{flex-direction: column;}
    .pre-section .content .list ul li{width: 100%; font-size: 15px;}
    .pre-section .content .price{width: 100%; text-align: left; display: flex; align-items: center; gap: 15px;}
    .pre-section .content .price p, .pre-section .content .price h1{margin-bottom: 0;}
    .pre-section .content .price h1{font-size: 20px;}
    .pre-section .pre-btn{font-size: 14px; padding: 8px 15px;}
    .pre-section .pre-section-box{margin-bottom: 30px;}

    .programme-section .buttons-section .container{padding-left: 0; padding-right: 0;}
    .programme-section .highlight-section .container{padding-left: 0; padding-right: 0;}

    .program-update-data{margin-top: 0;}
    .program-update-data h4{font-size: 18px;}
    .program-update-data h1{font-size: 30px;}
    .program-update-data li{font-size: 15px;}
    .program-update-data a.btn{font-weight: 400;}
    .program-update-data img{margin-top: 15px;}


}