@import url("font-awesome.min.css");

@import url("owl.css");

@import url("lightboxed.css");

@import url("font-awesome.min.css");

@import url("flaticon.css");

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

* {

    margin: 0px;

    padding: 0px;

    border: none;

    outline: none;

    font-size: 100%;

    box-sizing: border-box;

}



body {

    font-size: 16px;

    line-height: 28px;

    font-weight: 400;

    font-family: 'Open Sans', sans-serif;

}



:root {

    --colour-primary: #00786e;

    --colour-secondary: #da9205;

    --color-secondary: #017974;

}



a,

a:hover,

a:active,

a:focus {

    text-decoration: none;

    outline: none;

    color: var(--colour-secondary);

}



img {

    max-width: 100%;

    height: auto;

}



ul,

li {

    list-style: none;

    margin: 0;

    padding: 0;

}



ol,

li {

    margin: 0;

    padding: 0;

}



@media (min-width: 1200px) {

    .container {

        max-width: 1200px;

    }

}



.auto-container {

    position: static;

    max-width: 1200px;

    padding: 0px 0px;

    margin: 0 auto;

}



.page-wrap {

    margin: 0 auto;

    width: 100%;

    min-width: 320px;

    overflow: hidden;

    position: relative;

}



.lower-box .logo {

    top: 15px;

    position: absolute;

    display: inline-block;

    left: 0;

    z-index: 999;

}



.lower-box .nav-outer {

    position: relative;

    display: inline-block;

    text-align: right;

    margin-left: 0;

    width: 100%;

    padding: 0;

    margin-top: 0;

}



.nav-outer .mobile-nav-toggler {

    position: relative;

    display: none;

    float: right;

    cursor: pointer;

    padding: 25px 0;

}



.nav-outer .mobile-nav-toggler .inner {

    position: relative;

    display: block;

    padding: 3px 5px;

}



.main-menu {

    position: relative;

    /* display: inline-block; */

    text-align: center;

    /* margin: 25px 0 0; */

    top: 0;

    float: right;

}



.main-menu .navbar-collapse {

    padding: 0px;

    display: block !important;

}



.main-menu .navigation {

    position: relative;

    display: block;

    padding: 0 11px;

    border-radius: 24px 0 1px 24px;

}



/* .main-menu .navigation {

    position: relative;

    display: block;

    padding: 0 11px;

    border-radius: 24px 0 1px 24px;

} */



.main-menu .navigation>li {

    position: relative;

    display: inline-table;

}



.main-menu .navigation>li>a {

    position: relative;

    display: block;

    font-size: 17px;

    line-height: 30px;

    font-weight: 400;

    border-right: 0px;

    padding: 8px 9px;

    text-transform: uppercase;

    opacity: 1;

    color: #000000;

    text-decoration: none;

}



.main-menu .navigation>li>a:hover {

    color: #000000;

}



.main-menu .navigation>li>a i {

    position: absolute;

    right: -3px;

    top: 15px;

    color: #37c8d7;

    font-size: 18px;

    transform: rotate(90deg);

    

}



.main-menu .navbar-collapse>ul li.dropdown .dropdown-btn {

    position: absolute;

    right: 0px;

    top: 0;

    width: 50px;

    height: 42px;

    border-left: 1px solid #04102a;

    text-align: center;

    font-size: 16px;

    line-height: 42px;

    color: #ffffff;

    cursor: pointer;

    display: none;

    z-index: 5;

}



.top-wrap {

    position: relative;

}



.header-main {

    position: absolute;

    width: 100%;

    z-index: 5;

    height: 125px;

    background: #fff;

}





.header-one {

    position: relative;

}



.header-one .container {

    position: relative;

}



.header-one .lower-box {

    position: relative;

    height: 100%;

}





/***  Mobile Menu***/



.nav-outer .mobile-nav-toggler {

    position: relative;

    display: none;

    float: right;

    cursor: pointer;

    padding: 25px 0;

}



.nav-outer .mobile-nav-toggler .inner {

    position: relative;

    display: block;

    padding: 8px 3px;

}



.mobile-menu {

    position: fixed;

    top: 0;

    right: 0;

    width: 300px;

    max-width: 100%;

    height: 100%;

    padding-right: 30px;

    opacity: 0;

    visibility: hidden;

    z-index: 999999;

}



.mobile-menu .menu-backdrop {

    position: fixed;

    top: 0;

    right: 0;

    width: 100%;

    height: 100%;

    background-color: rgb(11 26 34);

    -webkit-transform: translateX(101%);

    -ms-transform: translateX(101%);

    transform: translateX(101%);

    transition: all 900ms ease;

    -moz-transition: all 900ms ease;

    -webkit-transition: all 900ms ease;

    -ms-transition: all 900ms ease;

    -o-transition: all 900ms ease;

    z-index: 1;

}



.mobile-menu-visible .mobile-menu .menu-backdrop {

    opacity: 0.70;

    visibility: visible;

    -webkit-transition: all 0.7s ease;

    -moz-transition: all 0.7s ease;

    -ms-transition: all 0.7s ease;

    -o-transition: all 0.7s ease;

    transition: all 0.7s ease;

    -webkit-transform: translateX(0%);

    -ms-transform: translateX(0%);

    transform: translateX(0%);

}



.mobile-menu .mCSB_inside>.mCSB_container {

    margin-right: 5px;

}



.mobile-menu .navbar-collapse {

    display: block !important;

}



.mobile-menu .nav-logo {

    position: relative;

    padding: 30px 25px;

    text-align: left;

}



.mobile-menu .nav-logo a {

    position: relative;

    display: inline-block;

}



.mobile-menu-visible {

    overflow: hidden;

}



.mobile-menu-visible .mobile-menu {

    opacity: 1;

    visibility: visible;

}



.mobile-menu .menu-box {

    position: absolute;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    max-height: 100%;

    overflow-y: auto;

    background: rgb(0, 0, 0);

    padding: 0px 0px;

    z-index: 5;

    opacity: 0;

    visibility: hidden;

    border-radius: 0px;

    -webkit-transform: translateX(101%);

    -ms-transform: translateX(101%);

    transform: translateX(101%);

}



.mobile-menu-visible .mobile-menu .menu-box {

    opacity: 1;

    visibility: visible;

    -webkit-transition: all 0.7s ease;

    -moz-transition: all 0.7s ease;

    -ms-transition: all 0.7s ease;

    -o-transition: all 0.7s ease;

    transition: all 0.7s ease;

    -webkit-transform: translateX(0%);

    -ms-transform: translateX(0%);

    transform: translateX(0%);

}



.mobile-menu .close-btn {

    position: absolute;

    top: 10px;

    right: 10px;

    color: #ffffff;

    font-size: 20px;

    line-height: 30px;

    width: 24px;

    text-align: center;

    cursor: pointer;

    z-index: 10;

    -webkit-transition: all 0.9s ease;

    -moz-transition: all 0.9s ease;

    -ms-transition: all 0.9s ease;

    -o-transition: all 0.9s ease;

    transition: all 0.9s ease;

}



.mobile-menu-visible .mobile-menu .close-btn {

    -webkit-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    transform: rotate(360deg);

}



.mobile-menu .close-btn:hover {

    -webkit-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    transform: rotate(90deg);

}



.mobile-menu .navigation {

    position: relative;

    display: block;

    width: 100%;

    float: none;

}



.mobile-menu .navigation li {

    position: relative;

    display: block;

    border-top: 1px solid rgba(255, 255, 255, 0.10);

}



.mobile-menu .navigation:last-child {

    border-bottom: 1px solid rgba(255, 255, 255, 0.10);

}



.mobile-menu .navigation li>ul>li:first-child {

    border-top: 1px solid rgba(255, 255, 255, 0.10);

}



.mobile-menu .navigation li>a {

    position: relative;

    display: block;

    padding: 10px 25px;

    color: #ffffff;

    font-size: 15px;

    line-height: 24px;

    font-weight: 600;

    text-transform: uppercase;

    -webkit-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

}



.mobile-menu .navigation li>a:before {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    height: 0;

    -webkit-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

}



.mobile-menu .navigation li.current>a:before {

    height: 100%;

}



.mobile-menu .navigation li ul li>a {

    font-size: 15px;

    font-weight: 400;

    margin-left: 20px;

    text-transform: capitalize;

    position: relative;

}



.mobile-menu .navigation li.dropdown .dropdown-btn {

    position: absolute;

    top: 6px;

    right: 6px;

    width: 32px;

    height: 32px;

    text-align: center;

    color: #ffffff;

    font-size: 16px;

    line-height: 32px;

    background: var(--colour-primary);

    cursor: pointer;

    border-radius: 2px;

    -webkit-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

    z-index: 5;

}



.mobile-menu .navigation li.dropdown .dropdown-btn.open {

    -webkit-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    transform: rotate(90deg);

}



.mobile-menu .navigation li>ul,

.mobile-menu .navigation li>ul>li>ul {

    display: none;

}



.mobile-menu .social-links {

    position: relative;

    text-align: center;

    padding: 30px 25px;

}



.mobile-menu .social-links li {

    position: relative;

    display: inline-block;

    margin: 0px 5px 10px;

}



.mobile-menu .social-links li a {

    position: relative;

    color: #ffffff;

    font-size: 20px;

    line-height: 32px;

    -webkit-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

}



.mobile-menu .social-links li a:hover {

    color: #dddddd;

}



.main-menu .navigation>li>ul {

    border-top: 3px solid #00786e;

    position: absolute;

    top: 100%;

    visibility: hidden;

    left: 0;

    width: 160px;

    opacity: 0;

    z-index: 100;

    box-shadow: 0px 0px 7px 1px #7d7d7d;

    background-color: #ffffff;

}



.main-menu .navigation>li.dropdown:hover>ul {

    opacity: 1;

    visibility: visible;

    -moz-transform: translateY(0);

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

    transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

}



.main-menu .navigation>li>ul>li>ul {

    position: absolute;

    left: 110%;

    top: 0%;

    width: 330px;

    padding: 0px 0px;

    z-index: 100;

    color: #000;

    background: #ffffff;

    -webkit-transition: all 200ms linear;

    -moz-transition: all 200ms linear;

    -ms-transition: all 200ms linear;

    -o-transition: all 200ms linear;

    transition: all 200ms linear;

    -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);

    -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);

    -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);

    -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);

    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);

    opacity: 0;

    border-top: 3px solid #47a5ae;

}



.main-menu .navigation>li>ul>li>ul>li>ul {

    position: absolute;

    left: 110%;

    top: 0%;

    width: 291px;

    padding: 0px 0px;

    z-index: 100;

    color: #000;

    background: #ffffff;

    -webkit-transition: all 200ms linear;

    -moz-transition: all 200ms linear;

    -ms-transition: all 200ms linear;

    -o-transition: all 200ms linear;

    transition: all 200ms linear;

    -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);

    -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);

    -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);

    -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);

    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);

    opacity: 0;

    border-top: 3px solid #47a5ae;

}



.main-menu .navigation>li>ul>li>ul>li {

    position: relative;

    display: block;

    padding: 0px 10px;

    width: 100%;

    border-bottom: 1px solid #e5e5e5bf;

}



.main-menu .navigation>li>ul>li>ul>li>ul>li {

    position: relative;

    display: block;

    padding: 0px 10px;

    width: 100%;

    border-bottom: 1px solid #e5e5e5bf;

}



.main-menu .navigation>li>ul>li>ul>li>ul>li>a {

    position: relative;

    display: block;

    padding: 4px 0px;

    color: #000000!important;

    font-size: 15px;

    line-height: 24px;

    text-align: left;

    text-transform: capitalize;

    transition: all 200ms ease;

    -webkit-transition: all 200ms ease;

    -moz-transition: all 200ms ease;

    -ms-transition: all 200ms ease;

    -o-transition: all 200ms ease;

}



.links-widjet {

    padding-left: 55px;

}



.main-menu .navigation>li>ul>li>ul>li>a {

    position: relative;

    display: block;

    padding: 4px 0px;

    color: #000000;

    font-size: 15px;

    line-height: 24px;

    text-align: left;

    text-transform: capitalize;

    transition: all 200ms ease;

    -webkit-transition: all 200ms ease;

    -moz-transition: all 200ms ease;

    -ms-transition: all 200ms ease;

    -o-transition: all 200ms ease;

}



.main-menu .navigation>li>ul>li>ul>li:hover {

    background: var(--colour-secondary);

}



@media only screen and (min-width: 768px) {

    .main-menu .navigation>li>ul,

    .main-menu .navigation>li>ul>li>ul {

        display: block!important;

        visibility: hidden;

        opacity: 0;

    }

}



.main-menu .navigation li>ul>li.dropdown:hover>ul {

    visibility: visible;

    opacity: 1;

    top: 0;

    left: 100%;

    transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

}



.main-menu .navigation>li>ul>li {

    position: relative;

    display: block;

    width: 100%;

}



.main-menu .navigation>li>ul>li>ul>li:hover {

    background: var(--colour-primary);

}



.main-menu .navigation>li>ul>li>ul>li:hover a {

    color: #fff;

}



.main-menu .navigation>li>ul>li:hover {

    background: var(--colour-primary);

}



.main-menu .navigation>li>ul>li>a {

    position: relative;

    display: block;

    padding: 4px 16px;

    line-height: 24px;

    font-weight: 500;

    font-size: 15px;

    text-transform: capitalize;

    color: #181818;

    text-align: left;

    transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

}



.main-menu .navigation>li>ul>li {

    border-bottom: 1px solid #e5e5e5bf;

}



.main-menu .navigation>li>ul>li:last-child {

    border-bottom: none;

}



.main-menu .navigation>li>ul>li:hover {

    background: var(--colour-primary);

}



.main-menu .navigation>li>ul>li>a:hover {

    color: #fff;

}





/* Top Left*/



.header-main .top-left {

    position: relative;

    padding: 10px 2px 10px 10px;

    top: 10px;

    left: 38%;

}



.header-main .top-left::before {

    content: "";

    position: absolute;

}



.header-main .bottom-left {

    position: relative;

    padding: 10px 2px 10px 10px;

    top: 10px;

    left: 38%;

}



.header-main .bottom-left::before {

    content: "";

    position: absolute;

}





.header-main .info-list {

    position: relative;

}



.header-main .info-list li {

    position: relative;

    display: inline-block;

    font-size: 16px;

    line-height: 12px;

    color: #000000;

    border: 1px solid #000000;

    font-weight: 400;

    padding: 2px 11px 3px 0px;

    margin-right: 2px;

    border-radius: 8px;

}



.header-main .info-list li:nth-child(2) {

    border-right: none;

    background: #00786e;

    padding: 2px 7px;

    border-radius: 8px;

}



.header-main .info-list li:nth-child(3) {

    background: none;

}



.header-main .info-list li a {

    display: inline-flex;

    color: #000000;

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

}



.header-main .info-list li a:hover {

    color: #000000;

}



.logins_section {

    display: none;

}



.header-main .info-list li span {

    position: relative;

    display: inline-block;

    color: #000000;

    font-size: 15px;

    line-height: 31px;

    width: 32px;

    height: 32px;

    font-weight: 500;

    text-align: center;

    border-radius: 50%;

}



.header-main .top-right {

    position: relative;

    float: right;

}





/*** 



====================================================================

		Banner Section

====================================================================



***/



.banner-section {

    position: relative;

}



.banner-carousel {

    position: relative;

}



.slides {

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    height: 100vh;

}



.slide1 {

    background-image: url(../gallery/banner-one.jpg);

}





.slide1 .container {

    position: relative;

    height: 100%;

}







.logins_section a {

    display: inline-block;

    color: #fff;

    padding: 2px 16px;

    cursor: pointer;

    border: 1px solid;

    font-size: 16px;

    border-radius: 8px;

    /* background: #00786e; */

}



.logins_section i {

    padding-right: 10px;

}





/*** 



====================================================================

	    Headings

====================================================================



***/



.sec-title1 h3 {

    color: #505050;

    text-transform: none;

    font-size: 20px;

    margin-bottom: 6px;

}



.sec-title1 h2 {

    position: relative;

    display: block;

    font-size: 33px;

    line-height: 1.2em;

    color: #000000;

    font-weight: 400;

    text-transform: none;

    text-transform: uppercase;

}

.serv-sec .sec-title1{

margin-top: 40px;

}



/*** 



====================================================================

	 	Home page about Section

====================================================================



***/



.abt-content {

    padding-top: 70px;

    padding-bottom: 40px;

    text-align: center;

}



.abt-content p {

    line-height: 32px;

}



.abt-cnt h2 {

    text-transform: uppercase;

    font-size: 22px;

    /* border-bottom: 2px dotted #f58466; */

    display: inline-flex;

    color: #fdfdfd;

    padding: 10px;

    background: #47a5ae;

    border-radius: 46px;

}



.abt-cnt p {

    line-height: 30px;

}



.abt-cnt h1 {

    text-transform: uppercase;

    font-size: 32px;

}



.abt-img img {

    /* border: 5px solid #ececec; */

    box-shadow: 1px 9px 37px -9px #545454;

    /* filter: grayscale(0.6); */

    border-radius: 32px;

}



.m_list_info {

    text-align: center;

    box-shadow: 0px 0px 10px #c5c4c4;

    padding: 29px;

    border: 6px solid #f1f1f1;

    border-radius: 5%;

}



.vi_list_info {

    text-align: center;

    box-shadow: 0px 0px 10px #c5c4c4;

    padding: 29px;

    border: 6px solid #f1f1f1;

    border-radius: 5%;

    height: 331px;

}



.v_list_info {

    text-align: center;

    box-shadow: 0px 0px 10px #c5c4c4;

    padding: 29px;

    border: 6px solid #f1f1f1;

    border-radius: 5%;

    height: 331px;

}



/*.mvv-img img {

     filter: brightness(0) invert(0); 

}*/



.serv-sec {

    padding-top: 70px;

    padding-bottom: 80px;

}



.serv-sec .sec-title1 h2 {

    border-bottom: 2px solid #000000;

    display: inline-block;

}



.courses-sec .sec-title1 h2 {

    border-bottom: 2px solid #000000;

    display: inline-block;

}



.blog-app .sec-title1 h2 {

    border-bottom: 2px solid #000000;

    display: inline-block;

}



.services-row {

    padding-top: 30px;

}



.serv-blocks {

    border: 5px solid #f5f5f5;

    box-shadow: 0px 0px 10px #c5c4c4;

    padding: 20px;

    height: 538px;

}



.serv-content {

    padding-top: 20px;

}



.serv-img img {

    filter: grayscale(1);

}



.serv-content a {

    background: #017974;

    color: #fff;

    padding: 5px 10px;

}



.serv-content a:hover {

    color: #fff;

}



.serv-content h2 {

    font-size: 27px;

}



.courses-sec {

    margin-bottom: 100px;

    position: relative;

}



.course-row {

    padding-top: 30px;

}



.courses-sec::before {

    content: " ";

    position: absolute;

    width: 100%;

    height: 71%;

    top: 144px;

    /* background: #000; */

    left: 0px;

}



.course-block {

    background: #505050;

    padding: 54px 50px;

    color: #fff;

    /* border: 5px solid #000000; */

    box-shadow: 0px 0px 10px #c5c4c4;

    height: 526px;

}



.course-block h3 {

    font-weight: 300;

    font-size: 27px;

}



.course-block a {

    background: #017974;

    color: #fff;

    padding: 5px 10px;

}



.course-block a:hover {

    color: #fff;

}



.courses-sec .course-bg {

    position: absolute;

    background: #ffffff;

    width: 67%;

    height: 408px;

    left: 0px;

    box-shadow: -1px 4px 28px #a1a1a1;

    right: 0px;

    margin: auto;

    top: 142px;

}



.course-bg:before {

    content: '';

    height: 50%;

    width: 96px;

    background: #505050;

    transform: translateY(-50%);

    position: absolute;

    left: -97px;

    top: 50%;

    bottom: 15px;

    right: 15px;

    z-index: -1;

    clip-path: polygon(0 0, 30% 50%, 0 100%, 100% 100%, 100% 0);

}



.course-bg::after {

    transform: translateY(-50%) rotateY(180deg);

    left: auto;

    right: -97px;

    position: absolute;

    top: 50%;

    bottom: 15px;

    content: '';

    background: #505050;

    height: 50%;

    width: 96px;

    z-index: -1;

    clip-path: polygon(0 0, 30% 50%, 0 100%, 100% 100%, 100% 0);

    -webkit-transform: translateY(-50%) rotateY(180deg);

    -moz-transform: translateY(-50%) rotateY(180deg);

    -ms-transform: translateY(-50%) rotateY(180deg);

    -o-transform: translateY(-50%) rotateY(180deg);

}



.list-items {

    padding-top: 10px;

    font-weight: 300;

    padding-bottom: 10px;

}



.appointment-form {

    text-align: center;

    padding: 42px 44px;

    background: #505050;

    border-radius: 27px;

    box-shadow: 0px 6px 5px #8b8b8b;

}



.appointment-form h2 {

    text-transform: capitalize;

    font-weight: 600;

    border-bottom: 1px solid;

    color: #ffffff;

    font-size: 25px;

    padding-bottom: 2px;

    display: inline-flex;

    margin-bottom: 8px;

}



.appointment-form p {

    font-size: 16px;

    margin: 0 0 13px;

    color: #fff;

}



.appointment-form .form-control {

    border: none;

    background-color: transparent;

    border-bottom: 1px dotted #d7d7d7;

    border-radius: 0px;

    height: 50px;

    color: #ffffff;

}



.appointment-form .form-control::placeholder {

    color: #ffffff;

}



.appointment-form .btn-style-one {

    position: relative;

    font-size: 16px;

    line-height: 30px;

    text-transform: uppercase;

    padding: 6px 30px;

    font-weight: 600;

    overflow: hidden;

    min-width: 123px;

    border-radius: 30px;

    background: #017974;

    border: none;

    color: #fff;

}



.blog-row .col-md-6:nth-child(odd) .date {

    border-radius: 0 calc(var(--dateH) / 2) calc(var(--dateH) / 2) 0;

}



.blog-row .col-md-6 .date {

    --dateH: 3rem;

    height: var(--dateH);

    margin-inline: calc(var(--inlineP) * -1);

    text-align: center;

    background-color: #505050;

    color: white;

    font-size: 1.25rem;

    font-weight: 700;

    display: grid;

    place-content: center;

    position: relative;

    border-radius: calc(var(--dateH) / 2) 0 0 calc(var(--dateH) / 2);

}



.blog-row .col-md-6 .date::before {

    content: "";

    width: 8%;

    aspect-ratio: 1;

    background: #000;

    background-image: linear-gradient(rgba(0, 0, 0, 0.2) 100%, transparent);

    position: absolute;

    top: 100%;

    clip-path: polygon(0 0, 100% 0, 0 100%);

    -webkit-clip-path: polygon(0 0, 100% 0, 0 100%);

    right: 0;

}



.blog-row .col-md-6:nth-child(odd) .date::before {

    clip-path: polygon(0 0, 100% 0, 100% 100%);

    left: 0;

}



.blog-content {

 

    padding-top: 15px;

    background: #fff;
    text-align: center;

    /* box-shadow: 0px 6px 5px #8b8b8b; */

}



.blog-content h2 {

    font-size: 25px;

}



.blog-row {

    padding-top: 40px;

}



.blog-row .col-md-6:nth-child(odd) {

    border-right: 2px dashed;

}



.blog-content a {

    background: #017974;

    color: #fff;

    padding: 5px 10px;

}



.blog-content a:hover {

    color: #fff;

}



.blog-app {

    position: relative;

    margin-bottom: 90px;

}





/*** 



====================================================================

	 	Scroll to top

====================================================================



***/



.scroll-to-top {

    position: fixed;

    bottom: 20px;

    right: 20px;

    width: 48px;

    height: 48px;

    color: #fff;

    font-size: 20px;

    line-height: 48px;

    text-align: center;

    z-index: 100;

    cursor: pointer;

    background: rgb(81 81 81);

    border-radius: 5px;

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

}



.scroll-to-top:hover {

    background: #000

}



.asahcmaab {

    background: #505050;

    text-align: center;

    padding: 45px 0;

    position: relative;

    z-index: 1;

    width: 100%;

    line-height: 40px;

}



.asahcmaab p {

    color: #ffffff;

    font-size: 40px;

    font-weight: 400;

    margin: 0 0 20px;

    text-transform: capitalize;

}



.asahcmaab h2 {

    font-size: 27px;

    font-weight: 400;

    margin-top: 0;

    display: inline-block;

    color: #ffffff;

}



.asahcmaab a {

    color: #fff;

    background: #017974;

    padding: 4px 10px;

    border-radius: 30px;

}



.asahcmaab a:hover {

    color: #fff;

}



/*** 



====================================================================

	Main Footer

====================================================================



***/



.main-footer {

    position: relative;

    padding-top: 40px;

}



.main-footer:before {

    position: absolute;

    left: 0;

    bottom: 0;

    right: 0;

    margin: auto;

    width: 41%;

    height: 50px;

    content: "";

    z-index: -1;

}



.main-footer .anim-icons .icon {

    opacity: 0.08;

}



.main-footer .footer-upper {

    position: relative;

    background-position: center;

    background-repeat: no-repeat;

    padding: 0px 0px 15px;

    margin-top: 0;

    text-align: center;

}



.f_c_row {

    position: relative;

}



.f_c_row::before {

    content: "";

    position: absolute;

    width: 42%;

    height: 1px;

    left: 0;

    right: 0;

    margin: auto;

    background: #343c38;

    top: 12px;

}



.f_c_row .col-md-4:nth-child(3) .f_c_info_list a {

    background: #0f1630;

}



._f_logo {

    text-align: center;

    position: relative;

    margin: 0px 0 16px;

    z-index: 2;

}



.add_bar_row .col-md-4:nth-child(1) {

    border-right: 1px dashed;

}



._f_logo img {

    /* width: 196px; */

    border-radius: 10px;

}



.footer_about {

    text-align: center;

}



.footer_about p {

    margin-bottom: 0px;

}



.footer_about a {

    display: inline-block;

    color: #e98223;

    margin: 0px 0 18px;

    font-size: 17px;

}



.useful-links {

    display: inline-block;

    margin: 5px 0 29px;

    padding: 5px 22px;

    border-top: 1px solid #a1a1a1;

    border-bottom: 1px solid #a1a1a1;

}



.useful-links .useful-ul {

    text-align: center;

}



.useful-links .useful-ul span {

    display: inline-block;

    margin-right: 20px;

    text-transform: capitalize;

    color: #000000;

    font-weight: 600;

    font-size: 21px;

}



.useful-links .useful-ul li {

    display: inline-block;

}



.useful-links .useful-ul li a {

    padding: 0 7px;

    border-right: 1px solid #989898;

    color: #181818;

    font-size: 16px;

}







.useful-links .useful-ul li:last-child a {

    border-right: 0px;

}



.main-footer .footer-upper .footer-column {

    position: relative;

    margin-bottom: 35px;

}



.main-footer .footer-widget .widget-title {

    position: relative;

    font-size: 23px;

    font-weight: 600;

    color: #988ceb;

    margin-bottom: 18px;

    text-transform: uppercase;

    text-align: center;

}



.main-footer .footer-widget .widget-title::before {

    content: "";

    position: absolute;

    width: 34%;

    height: 2px;

    border-bottom: 2px solid #afa4ff;

    left: 0;

    top: 29px;

    right: 0;

    margin: auto;

}



a:hover {

    color: #153647;

    text-decoration: none;

}





/*Logo Widget*/



.logo-widget {

    position: relative;

    text-align: center;

}



.logo-widget .logo img {

    position: relative;

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

    margin-top: 12px;

    width: 302px;

}



.logo-widget .logo img:hover {

    opacity: 1;

}



.logo-widget .text {

    position: relative;

    color: #000000;

    font-size: 15px;

    line-height: 29px;

    margin-bottom: 7px;

}





/*Links Widget*/



.main-footer .links-widget {

    position: relative;

}



.main-footer .activity-list {

    position: relative;

    padding-top: 10px;

}



.main-footer .activity-list li {

    position: relative;

    margin-bottom: 10px;

}



.main-footer .activity-list li:last-child {

    margin-bottom: 0;

}



.main-footer .activity-list li a {

    display: block;

    font-size: 16px;

    line-height: 22px;

    color: #c8bfe3;

    padding: 10px 15px;

    padding-left: 30px;

    font-weight: 400;

    border: 1px solid rgba(255, 255, 255, .10);

    border-radius: 8px;

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

}



.main-footer .activity-list li a:hover {

    border: 1px solid #ff4788;

}



.main-footer .list {

    position: relative;

}



.main-footer .list li {

    position: relative;

    display: block;

    margin-bottom: 7px;

    padding-left: 17px;

}



.main-footer .list li:before {

    position: absolute;

    left: 0;

    top: 9px;

    height: 10px;

    width: 10px;

    border-radius: 5px;

    border: 2px solid #14aae9;

    content: "";

}



.main-footer .list li a {

    position: relative;

    font-size: 15px;

    line-height: 26px;

    font-weight: 500;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

    color: inherit;

}



.main-footer .list li a:hover {

    color: #14aae9;

}





/*COntact Widget*/



.main-footer .contact-widget {

    position: relative;

}



.main-footer .contact-info {

    position: relative;

}



.main-footer .contact-info li {

    position: relative;

    display: block;

    font-size: 14px;

    line-height: 30px;

    color: #000000;

    font-weight: 500;

    padding-left: 44px;

    margin-bottom: 20px;

}



.main-footer .contact-info li:last-child {

    margin-bottom: 0;

}



.main-footer .contact-info li .icon {

    position: absolute;

    left: 0;

    top: 0;

    font-size: 17px;

    line-height: 30px;

    width: 30px;

    height: 30px;

    background: #000000;

    text-align: center;

    color: #ffffff;

}



.main-footer .contact-info li a {

    color: #000000;

    display: inline-block;

    transition: all 300ms ease;

}



.main-footer .contact-info li a:hover {

    color: #000000;

}



.main-footer .footer-bottom {

    position: relative;

    text-align: center;

}



.main-footer .footer-bottom:before {

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    width: 100%;

    opacity: .03;

    content: "";

}



.main-footer .footer-bottom .social-icon-two {

    position: relative;

    float: right;

}



.main-footer .footer-bottom .copyright {

    position: relative;

    /* font-weight: 500; */

    font-size: 16px;

    line-height: 30px;

    padding: 0px 0px 8px;

}

._addre_bar a{

    color: #000;

}

._addre_bar a:hover{

    color: #db910e;

}



._addre_bar {

    padding-bottom: 10px;

}



.main-footer .footer-bottom .copyright a {

    color: #000000;

    font-weight: bold;

}



.main-footer .footer-bottom .copyright a:hover {

    text-decoration: none;

}



.social-icon-two {

    position: relative;

    text-align: center;

    margin-top: 11px;

    display: inline-block;

    padding: 17px 17px 0;

}



.social-icon-two li {

    position: relative;

    display: inline-block;

}



.social-icon-two li a {

    position: relative;

    display: block;

    font-size: 20px;

    width: 40px;

    height: 40px;

    line-height: 36px;

    color: rgb(81 81 81);

    border: 1px solid rgb(81 81 81);

    border-radius: 50%;

    font-weight: 400;

    text-align: center;

    margin: 0 5px;

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

    background: transparent;

}



.social-icon-two li a:first-child {

    margin-left: 0;

}



._addre_bar h5 {

    font-weight: 400;

    font-size: 16px;

    line-height: 26px;

}



.cardi-bg h3 {

    font-size: 60px;

    color: #000;

    transform: rotate(-90deg);

    top: 222px;

    position: absolute;

    opacity: 0.2;

    left: -56%;

    font-weight: 900;

    text-transform: uppercase;

}



.onco-bg h3 {

    font-size: 60px;

    color: #000;

    transform: rotate(-90deg);

    top: 225px;

    text-transform: uppercase;

    font-weight: 900;

    opacity: 0.2;

    position: absolute;

    right: -62%;

    -webkit-transform: rotate(-90deg);

    -moz-transform: rotate(-90deg);

    -ms-transform: rotate(-90deg);

    -o-transform: rotate(-90deg);

}





/*** 



====================================================================

		Banner Section

====================================================================



***/



.banner-section {

    position: relative;

}



.banner-carousel .slide-item1 {

    position: relative;

    background-repeat: no-repeat;

    background-position: center top;

    background-size: cover;

    padding: 350px 0 155px;

    overflow: hidden;

}



.banner-section .slide-item1:before {

    position: absolute;

    right: 0;

    top: 0;

    height: 100%;

    width: 100%;

    content: "";

    z-index: 3;

    background: linear-gradient(to right, black, transparent);

}



.banner-section .slide-item2:before {

    position: absolute;

    right: 0;

    top: 0;

    height: 100%;

    width: 100%;

    content: "";

    z-index: 3;

    background: linear-gradient(to right, black, transparent);

}



.banner-carousel .content-box {

    position: relative;

    z-index: 5;

}



.banner-carousel h2 {

    position: relative;

    display: block;

    font-size: 48px;

    line-height: 70px;

    color: #ffffff;

    font-weight: 200;

    margin-bottom: 30px;

    opacity: 0;

    -webkit-transition: all 1000ms ease;

    -moz-transition: all 100ms ease;

    -ms-transition: all 1000ms ease;

    -o-transition: all 1000ms ease;

    transition: all 1000ms ease;

    -webkit-transform: translateY(-50px);

    -moz-transform: translateY(-50px);

    -ms-transform: translateY(-50px);

    -o-transform: translateY(-50px);

    transform: translateY(-50px);

}



.banner-carousel .active h2 {

    opacity: 1;

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

    -webkit-transition-delay: 100ms;

    -moz-transition-delay: 100ms;

    -ms-transition-delay: 100ms;

    -o-transition-delay: 100ms;

    transition-delay: 100ms;

}



.banner-carousel .content-box .text {

    position: relative;

    display: block;

    font-size: 24px;

    line-height: 41px;

    color: #ffffff;

    font-weight: 100;

    margin-bottom: 55px;

    opacity: 0;

    -webkit-transition: all 100ms ease;

    -moz-transition: all 100ms ease;

    -ms-transition: all 100ms ease;

    -o-transition: all 100ms ease;

    transition: all 100ms ease;

    -webkit-transform: translateY(-100px);

    -moz-transform: translateY(-100px);

    -ms-transform: translateY(-100px);

    -o-transform: translateY(-100px);

    transform: translateY(-100px);

}



.banner-carousel .active .text {

    opacity: 1;

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

    -webkit-transition-delay: 300ms;

    -moz-transition-delay: 300ms;

    -ms-transition-delay: 300ms;

    -o-transition-delay: 300ms;

    transition-delay: 300ms;

}



.banner-carousel .link-box {

    position: relative;

    opacity: 0;

    -webkit-transition: all 1000ms ease;

    -moz-transition: all 100ms ease;

    -ms-transition: all 1000ms ease;

    -o-transition: all 1000ms ease;

    transition: all 1000ms ease;

    -webkit-transform: translateY(50px);

    -moz-transform: translateY(50px);

    -ms-transform: translateY(50px);

    -o-transform: translateY(50px);

    transform: translateY(50px);

}



.banner-carousel .active .link-box {

    opacity: 1;

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

    -webkit-transition-delay: 1500ms;

    -moz-transition-delay: 1500ms;

    -ms-transition-delay: 1500ms;

    -o-transition-delay: 1500ms;

    transition-delay: 1500ms;

}



.banner-carousel .link-box a {

    position: relative;

    display: inline-block;

    padding: 13px 45px;

    font-weight: 700;

}



.slide-item1 {

    background-image: url(../gallery/banner/image-1.jpg);

    height: 812px;

}



.slide-item2 {

    background-image: url(../gallery/banner/image-2.jpg);

    height: 812px;

}



.banner-carousel .slide-item2 {

    position: relative;

    background-repeat: no-repeat;

    background-position: center top;

    background-size: cover;

    padding: 350px 0 155px;

    overflow: hidden;

}



@keyframes scale {

    100% {

        transform: scale(1);

    }

}



.top-wrap1 {

    position: relative;

}



.top-wrap1 .header-main {

    background: none;

}



.bread_cumb_wrap {

    position: relative;

    text-align: center;

    left: 0;

    right: 0;

    padding: 153px 0 60px

}



.bread_cumb_wrap::before {

    content: "";

    position: absolute;

    width: 100%;

    height: 210px;

    top: 0;

    left: 0;

    z-index: -1;

    background-image: url(../gallery/breadcrumb-bg.png);

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    opacity: .1

}



.bread_cumb_wrap::after {

    content: "";

    position: absolute;

    bottom: 76px;

    left: 0;

    right: 0;

    margin: auto;

    width: 85%;

    height: 5px;

    background: linear-gradient(to left, transparent, #52525269, transparent);

    z-index: -99;

}



.bread_cumb_wrap h1 {

    text-transform: capitalize;

    color: #000000;

    font-size: 26px;

    margin-bottom: 10px;

    font-weight: 600;

}



.bread_cumb_wrap ul {

    display: inline-block;

    box-shadow: 0 5px 4px #ccc;

    padding: 4px 15px;

    border-radius: 30px;

    background: #fff

}



.bread_cumb_wrap ul li {

    display: inline-block;

    position: relative;

    padding: 0 7px;

    color: #2c2c2c

}



.bread_cumb_wrap ul li:last-child:before {

    display: none

}



.bread_cumb_wrap i {

    color: #525252;

    ;

}



.bread_cumb_wrap ul li a {

    display: block;

    color: #000000;

    font-size: 17px;

}



.bread_cumb_wrap .active {

    color: var(--color-secondary);

}



.inner-section {

    position: relative;

    min-height: 47vh;

    padding: 40px 0px 80px;

}



.inner-section1 {

    position: relative;

    min-height: 47vh;

    padding: 40px 0px 80px;

    text-align: center;

}



._content_section {

    position: relative;

    padding: 39px 0px 90px;

    min-height: 50vh;

}



.counter {

    color: #fff;

    text-align: center;

    padding: 38px 30px 10px;

    margin: 0 0 50px;

    border-radius: 30px 0;

    position: relative;

    z-index: 1;

}



.counter:before {

    content: "";

    background: #525252;

    border-radius: 25px;

    border-top: 2px dashed #525252;

    border-bottom: 2px dashed #525252;

    border-left: 2px solid #525252;

    border-right: 2px solid #525252;

    box-shadow: inset 0 4px 8px rgba(0, 0, 0, 0.15);

    position: absolute;

    top: 12px;

    left: 12px;

    right: 12px;

    bottom: 27px;

    z-index: -1;

}



.counter .counter-icon {

    font-size: 35px;

    margin: 0 0 20px;

    transform: rotateX(0deg);

    transition: all 0.3s ease 0s;

    color: #fff;

}



.counter h3 {

    font-size: 15px;

    font-weight: 500;

    margin: 0 0 20px;

    color: #fff;

}



.counter .counter-value {

    background: #017974;

    font-size: 20px;

    font-weight: 500;

    text-align: center;

    line-height: 41px;

    width: 51%;

    padding: 0 15px;

    margin: 0 0 0 0px;

    border-radius: 30px;

    color: #fff;

    text-transform: uppercase;

    display: inline-block;

}



@media screen and (max-width:990px) {

    .counter {

        margin-bottom: 40px;

    }

}



.app_map_sec {

    position: relative;

    background: #f5f5f5;

    padding: 20px;

    box-shadow: 0px 0px 10px #ccc;

}



._c_form_sub {

    position: relative;

    padding: 0px 10px 6px;

    margin-top: 0;

    text-align: center;

}



._c_form_sub h3 {

    text-transform: uppercase;

    margin-bottom: 8px;

    font-weight: 400;

    font-size: 34px;

    display: inline-flex;

    border-bottom: 2px solid;

}



._c_form_sub .form-control {

    background-color: #ffffff;

    height: 45px;

    border: 0px;

    border-radius: 7px;

}



._c_form_sub .form-control {

    color: #0c4f95;

}



._c_form_sub textarea.form-control {

    height: 95px;

}



._c_form_sub .btn {

    margin-top: 22px;

    background: #017974;

    border: transparent;

}



._c_map iframe {

    box-shadow: 0px 0px 10px #cbcbcb;

    width: 100%;

    height: 370px;

    border: 7px solid #ffffff;

}



._c_map h3 {

    text-transform: uppercase;

    margin-bottom: 40px;

    font-weight: 400;

    font-size: 34px;

    display: inline-flex;

    border-bottom: 2px solid;

}



.course_section {

    padding-bottom: 30px;

}



.course_section p span {

    text-decoration: line-through;

    color: red;

}



.service-faq h2 {

    text-transform: uppercase;

    font-size: 29px;

    display: inline-block;

    margin-bottom: 20px;

    padding: 9px;

    color: #fff;

    background: #017974;

}





 .accordion {

    background-color: #ebebeb;

    border-radius: 8px;

    padding: 12px;

    cursor: pointer;

    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);

    margin-bottom: 10px;

  }

  

  .accordion-header {

    border: none;

    width: 100%;

    display: flex;

    justify-content: space-between;

    align-items: center;

    background-color: transparent;

    font-size: 16px;

    font-weight: bold;

    cursor: pointer;

    padding: 8px;

  }

  

  .accordion-header span {

    max-width: 100%;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

  }

  

  .accordion-body {

    color: #444;

    font-size: 14px;

    opacity: 0;

    height: 0;

    overflow: hidden;

    transition: opacity .3s 

  }

  

  .accordion-body.active {

    height: 100%;

    opacity: 1;

    

    padding: 5px;

  }

  

  .accordion-header h5 {

    margin-bottom: 0px;

    font-size: 17px;

    font-weight: 700;

}

  

  .arrow {

    transition: transform .2s linear;

  }

  .accordion:has(.active) .arrow {

    transform: rotate(180deg);

  }





/**************************************************/





/* .popup-form */





/**************************************************/



.popup-form {

    position: fixed;

    left: 0;

    top: -200%;

    min-height: 100vh;

    height: 100%;

    width: 100%;

    height: 500px;

    background-color: rgba(51, 51, 51, 0.7);

    overflow-y: auto;

    z-index: 99999;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-transition: all .3s linear;

    transition: all .3s linear;

    opacity: 0;

}



.popup-form>.inner-block {

    position: relative;

    border-radius: 8px;

    max-width: 450px;

    width: 100%;

    

    background-color: #ffffff;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    overflow: hidden;

}



.popup-form-close {

    position: absolute;

}



.popup-form>.inner-block>#popup-form-close {

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    position: absolute;

    right: 15px;

    top: 15px;

    font-size: 30px;

    font-weight: 900;

    color: #b3b3b3;

    cursor: pointer;

    line-height: 20px;

    -webkit-transition: all .3s linear;

    transition: all .3s linear;

}



.popup-form>.inner-block>#popup-form-close:hover {

    color: #333333;

}



.popup-form>.inner-block>.img {

    overflow: hidden;

    max-width: 340px;

    width: 100%;

    width: 100%;

    height: 100%;

}



.popup-form>.inner-block>.img>img {

    height: 100%;

    width: 100%;

    -o-object-fit: cover;

    object-fit: cover;

    -o-object-position: 0% center;

    object-position: 0% center;

}



.popup-form>.inner-block>form {

    width: 100%;

    padding: 50px;

}



.popup-form>.inner-block>form>.section-title {

    font-size: 27px;

    color: #333333;

    margin-bottom: 44px;

}



.popup-form>.inner-block>form>.input-box {

    position: relative;

    width: 100%;

    height: 35px;

    margin-bottom: 25px;

    -webkit-transition: all .3s linear;

    transition: all .3s linear;

    border-bottom: 2px solid rgba(51, 51, 51, 0.3);

}



.popup-form>.inner-block>form>.input-box>label {

    position: absolute;

    top: 50%;

    left: 0;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    color: #7f7f7f;

    font-size: 15px;

    -webkit-transition: all .3s linear;

    transition: all .3s linear;

}



.popup-form>.inner-block>form>.input-box>input {

    height: 100%;

    width: 100%;

    position: absolute;

    left: 0;

    top: 0;

    border: none;

    outline: none;

    background-color: transparent;

    font-size: 14px;

    font-weight: 700;

    color: #333333;

}



.popup-form>.inner-block>form>.input-box:hover,

.popup-form>.inner-block>form>.input-box:focus {

    border-bottom-color: #333333;

}



.popup-form>.inner-block>form>.input-box:hover>label,

.popup-form>.inner-block>form>.input-box:focus>label {

    top: -10px;

    font-size: 14px;

}



.popup-form>.inner-block>form>.select-box {

    position: relative;

    width: 100%;

    height: 35px;

    margin-bottom: 25px;

    -webkit-transition: all .3s linear;

    transition: all .3s linear;

    border-bottom: 2px solid rgba(51, 51, 51, 0.3);

}



.popup-form>.inner-block>form>.select-box>.fa {

    position: absolute;

    right: 0;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    color: #333333;

    font-size: 20px;

    line-height: 10px;

}



.popup-form>.inner-block>form>.select-box>select {

    height: 100%;

    width: 100%;

    position: absolute;

    left: 0;

    top: 0;

    border: none;

    outline: none;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    background-color: transparent;

    font-size: 15px;

    font-weight: 700;

    color: #333333;

    padding-right: 20px;

}



.popup-form>.inner-block>form>.select-box>select>option {

    line-height: 2;

    background-color: #ffffff;

}



.popup-form>.inner-block>form>.select-box:hover {

    border-bottom-color: #333333;

}



.popup-form>.inner-block>form>.btn {

    width: 100%;

    text-align: center;

    padding: 10px 10px;

    background: #26282b;

    border-radius: 50px;

    display: inline-block;

    color: #fff;

}



.popup-form>.inner-block>form>.btn1 {

    width: 100%;

    text-align: center;

    padding: 10px 10px;

    background: #a6a6a694;

    border-radius: 50px;

    display: inline-block;

    color: #26282b;

    cursor: pointer;

}



.popup-form>.inner-block>form>p {

    padding: 25px 0px;

    margin-bottom: 0px;

}



@media (max-width: 768px) {

    .popup-form>.inner-block {

        height: initial;

        max-width: 300px;

    }

    .popup-form>.inner-block>.img {

        display: none;

    }

    .popup-form>.inner-block>form {

        padding: 50px 15px;

    }

}



.popup-form1 {

    position: fixed;

    left: 0;

    top: -200%;

    min-height: 100vh;

    height: 100%;

    width: 100%;

    height: 500px;

    background-color: rgba(51, 51, 51, 0.7);

    overflow-y: auto;

    z-index: 99999;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-transition: all .3s linear;

    transition: all .3s linear;

    opacity: 0;

}



.popup-form1>.inner-block {

    position: relative;

    border-radius: 8px;

    max-width: 450px !important;

    width: 100%;

   height:660px !important;

    background-color: #ffffff;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    

}



.popup-form-close1 {

    position: absolute;

}



.popup-form1>.inner-block>#popup-form-close1 {

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    position: absolute;

    right: 15px;

    top: 15px;

    font-size: 30px;

    font-weight: 900;

    color: #b3b3b3;

    cursor: pointer;

    line-height: 20px;

    -webkit-transition: all .3s linear;

    transition: all .3s linear;

}



.popup-form1>.inner-block>#popup-form-close1:hover {

    color: #333333;

}



.popup-form1>.inner-block>form {

    width: 100%;

    padding: 50px;

}



.popup-form1>.inner-block>form>.section-title {

    font-size: 27px;

    color: #333333;

    margin-bottom: 44px;

}



.popup-form1>.inner-block>form>.input-box {

    position: relative;

    width: 100%;

    height: 35px;

    margin-bottom: 25px;

    -webkit-transition: all .3s linear;

    transition: all .3s linear;

    border-bottom: 2px solid rgba(51, 51, 51, 0.3);

}



.popup-form1>.inner-block>form>.input-box>label {

    position: absolute;

    top: 50%;

    left: 0;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    color: #7f7f7f;

    font-size: 15px;

    -webkit-transition: all .3s linear;

    transition: all .3s linear;

}



.popup-form1>.inner-block>form>.input-box>input {

    height: 100%;

    width: 100%;

    position: absolute;

    left: 0;

    top: 0;

    border: none;

    outline: none;

    background-color: transparent;

    font-size: 14px;

    font-weight: 700;

    color: #333333;

}



.popup-form1>.inner-block>form>.input-box:hover,

.popup-form1>.inner-block>form>.input-box:focus {

    border-bottom-color: #333333;

}



.popup-form1>.inner-block>form>.input-box:hover>label,

.popup-form1>.inner-block>form>.input-box:focus>label {

    top: -10px;

    font-size: 14px;

}



.popup-form1>.inner-block>form>.select-box {

    position: relative;

    width: 100%;

    height: 35px;

    margin-bottom: 25px;

    -webkit-transition: all .3s linear;

    transition: all .3s linear;

    border-bottom: 2px solid rgba(51, 51, 51, 0.3);

}



.popup-form1>.inner-block>form>.select-box>.fa {

    position: absolute;

    right: 0;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    color: #333333;

    font-size: 20px;

    line-height: 10px;

}



.popup-form1>.inner-block>form>.select-box>select {

    height: 100%;

    width: 100%;

    position: absolute;

    left: 0;

    top: 0;

    border: none;

    outline: none;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    background-color: transparent;

    font-size: 15px;

    font-weight: 700;

    color: #333333;

    padding-right: 20px;

}



.popup-form1>.inner-block>form>.select-box>select>option {

    line-height: 2;

    background-color: #ffffff;

}



.popup-form1>.inner-block>form>.select-box:hover {

    border-bottom-color: #333333;

}



.popup-form1>.inner-block>form>.btn {

    width: 100%;

    text-align: center;

    padding: 10px 10px;

    background: #26282b;

    border-radius: 50px;

    display: inline-block;

    color: #fff;

    

}



.popup-form1 .input-box.ib-pass{

    margin-bottom: 137px !important;

}



.popup-form1 .ib-info{

    position: absolute;

    top: 35px;

    font-size: 13px;

    color: #7f7f7f;

}



.popup-form1>.inner-block>form>.btn1 {

    width: 100%;

    text-align: center;

    padding: 10px 10px;

    background: #a6a6a694;

    border-radius: 50px;

    display: inline-block;

    color: #26282b;

    cursor: pointer;

    margin-bottom: 50px;

}



.popup-form1>.inner-block>form>p {

    padding: 20px 0px;

    margin-bottom: 0px;

}

.popup-form1>.inner-block>form>p.s-tcp {

    padding-bottom:0px;

    font-size:14px;

}







@media (max-width: 768px) {

    .popup-form1>.inner-block {

        height: initial;

        max-width: 300px;

    }

    .popup-form1>.inner-block>.img {

        display: none;

    }

    .popup-form1>.inner-block>form {

        padding: 50px 15px;

    }

}



.popup-form3 {

    position: fixed;

    left: 0;

    top: -200%;

    min-height: 100vh;

    height: 100%;

    width: 100%;

    height: 500px;

    background-color: rgba(51, 51, 51, 0.7);

    overflow-y: auto;

    z-index: 99999;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-transition: all .3s linear;

    transition: all .3s linear;

    opacity: 0;

}



.popup-form3>.inner-block {

    position: relative;

    border-radius: 8px;

    max-width: 450px;

    width: 100%;

   

    background-color: #ffffff;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    overflow: hidden;

}



.popup-form-close3 {

    position: absolute;

}



.popup-form3>.inner-block>#popup-form-close3 {

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    position: absolute;

    right: 15px;

    top: 15px;

    font-size: 30px;

    font-weight: 900;

    color: #b3b3b3;

    cursor: pointer;

    line-height: 20px;

    -webkit-transition: all .3s linear;

    transition: all .3s linear;

}



.popup-form3>.inner-block>#popup-form-close3:hover {

    color: #333333;

}



.popup-form3>.inner-block>form {

    width: 100%;

    padding: 50px;

}



.popup-form3>.inner-block>form>.section-title {

    font-size: 27px;

    color: #333333;

    margin-bottom: 44px;

}



.popup-form3>.inner-block>form>.input-box {

    position: relative;

    width: 100%;

    height: 35px;

    margin-bottom: 25px;

    -webkit-transition: all .3s linear;

    transition: all .3s linear;

    border-bottom: 2px solid rgba(51, 51, 51, 0.3);

}



.popup-form3>.inner-block>form>.input-box>label {

    position: absolute;

    top: 50%;

    left: 0;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    color: #7f7f7f;

    font-size: 15px;

    -webkit-transition: all .3s linear;

    transition: all .3s linear;

}



.popup-form3>.inner-block>form>.input-box>input {

    height: 100%;

    width: 100%;

    position: absolute;

    left: 0;

    top: 0;

    border: none;

    outline: none;

    background-color: transparent;

    font-size: 14px;

    font-weight: 700;

    color: #333333;

}



.popup-form3>.inner-block>form>.input-box:hover,

.popup-form3>.inner-block>form>.input-box:focus {

    border-bottom-color: #333333;

}



.popup-form3>.inner-block>form>.input-box:hover>label,

.popup-form3>.inner-block>form>.input-box:focus>label {

    top: -10px;

    font-size: 14px;

}



.popup-form3>.inner-block>form>.select-box {

    position: relative;

    width: 100%;

    height: 35px;

    margin-bottom: 25px;

    -webkit-transition: all .3s linear;

    transition: all .3s linear;

    border-bottom: 2px solid rgba(51, 51, 51, 0.3);

}



.popup-form3>.inner-block>form>.select-box>.fa {

    position: absolute;

    right: 0;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    color: #333333;

    font-size: 20px;

    line-height: 10px;

}



.popup-form3>.inner-block>form>.select-box>select {

    height: 100%;

    width: 100%;

    position: absolute;

    left: 0;

    top: 0;

    border: none;

    outline: none;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    background-color: transparent;

    font-size: 15px;

    font-weight: 700;

    color: #333333;

    padding-right: 20px;

}



.popup-form3>.inner-block>form>.select-box>select>option {

    line-height: 2;

    background-color: #ffffff;

}



.popup-form3>.inner-block>form>.select-box:hover {

    border-bottom-color: #333333;

}



.popup-form3>.inner-block>form>.btn {

    width: 100%;

    text-align: center;

    padding: 10px 10px;

    background: #26282b;

    border-radius: 50px;

    display: inline-block;

    color: #fff;

}



.popup-form3>.inner-block>form>.btn1 {

    width: 100%;

    text-align: center;

    padding: 10px 10px;

    background: #a6a6a694;

    border-radius: 50px;

    display: inline-block;

    color: #26282b;

    cursor: pointer;

}



.popup-form3>.inner-block>form>p {

    padding: 25px 0px;

    margin-bottom: 0px;

}



@media (max-width: 768px) {

    .popup-form3>.inner-block {

        height: initial;

        max-width: 300px;

    }

    .popup-form3>.inner-block>.img {

        display: none;

    }

    .popup-form3>.inner-block>form {

        padding: 50px 15px;

    }

}



.popup-form4 {

    position: fixed;

    left: 0;

    top: -200%;

    min-height: 100vh;

    height: 100%;

    width: 100%;

    height: 500px;

    background-color: rgba(51, 51, 51, 0.7);

    overflow-y: auto;

    z-index: 99999;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-transition: all .3s linear;

    transition: all .3s linear;

    opacity: 0;

}



.popup-form4>.inner-block {

    position: relative;

    border-radius: 8px;

    max-width: 450px;

    width: 100%;

    height: 565px;

    background-color: #ffffff;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    overflow: hidden;

}



.popup-form-close4 {

    position: absolute;

}



.popup-form4>.inner-block>#popup-form-close3 {

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    position: absolute;

    right: 15px;

    top: 15px;

    font-size: 30px;

    font-weight: 900;

    color: #b3b3b3;

    cursor: pointer;

    line-height: 20px;

    -webkit-transition: all .3s linear;

    transition: all .3s linear;

}



.popup-form4>.inner-block>#popup-form-close3:hover {

    color: #333333;

}



.popup-form4>.inner-block>form {

    width: 100%;

    padding: 50px;

}



.popup-form4>.inner-block>form>.section-title {

    font-size: 27px;

    color: #333333;

    margin-bottom: 44px;

}



.popup-form4>.inner-block>form>.input-box {

    position: relative;

    width: 100%;

    height: 35px;

    margin-bottom: 25px;

    -webkit-transition: all .3s linear;

    transition: all .3s linear;

    border-bottom: 2px solid rgba(51, 51, 51, 0.3);

}



.popup-form4>.inner-block>form>.input-box>label {

    position: absolute;

    top: 50%;

    left: 0;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    color: #7f7f7f;

    font-size: 15px;

    -webkit-transition: all .3s linear;

    transition: all .3s linear;

}



.popup-form4>.inner-block>form>.input-box>input {

    height: 100%;

    width: 100%;

    position: absolute;

    left: 0;

    top: 0;

    border: none;

    outline: none;

    background-color: transparent;

    font-size: 14px;

    font-weight: 700;

    color: #333333;

}



.popup-form4>.inner-block>form>.input-box:hover,

.popup-form4>.inner-block>form>.input-box:focus {

    border-bottom-color: #333333;

}



.popup-form4>.inner-block>form>.input-box:hover>label,

.popup-form4>.inner-block>form>.input-box:focus>label {

    top: -10px;

    font-size: 14px;

}



.popup-form4>.inner-block>form>.select-box {

    position: relative;

    width: 100%;

    height: 35px;

    margin-bottom: 25px;

    -webkit-transition: all .3s linear;

    transition: all .3s linear;

    border-bottom: 2px solid rgba(51, 51, 51, 0.3);

}



.popup-form4>.inner-block>form>.select-box>.fa {

    position: absolute;

    right: 0;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    color: #333333;

    font-size: 20px;

    line-height: 10px;

}



.popup-form4>.inner-block>form>.select-box>select {

    height: 100%;

    width: 100%;

    position: absolute;

    left: 0;

    top: 0;

    border: none;

    outline: none;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    background-color: transparent;

    font-size: 15px;

    font-weight: 700;

    color: #333333;

    padding-right: 20px;

}



.popup-form4>.inner-block>form>.select-box>select>option {

    line-height: 2;

    background-color: #ffffff;

}



.popup-form4>.inner-block>form>.select-box:hover {

    border-bottom-color: #333333;

}



.popup-form4>.inner-block>form>.btn {

    width: 100%;

    text-align: center;

    padding: 10px 10px;

    background: #26282b;

    border-radius: 50px;

    display: inline-block;

    color: #fff;

}



.popup-form4>.inner-block>form>.btn1 {

    width: 100%;

    text-align: center;

    padding: 10px 10px;

    background: #a6a6a694;

    border-radius: 50px;

    display: inline-block;

    color: #26282b;

    cursor: pointer;

}



.popup-form4>.inner-block>form>p {

    padding: 25px 0px;

    margin-bottom: 0px;

}



@media (max-width: 768px) {

    .popup-form4>.inner-block {

        height: initial;

        max-width: 300px;

    }

    .popup-form4>.inner-block>.img {

        display: none;

    }

    .popup-form4>.inner-block>form {

        padding: 50px 15px;

    }

}



.course_section p {

    text-align: justify;

    line-height: 28px;

    margin-bottom: 8px;

}



.course_section .serv-img img {

    border: 7px solid #f5f5f5;

    box-shadow: 0px 0px 10px #9f9f9f;

}



.course_section h2 {

    font-size: 23px;

    color: var(--color-secondary);

    margin-bottom: 5px;

}



.course_section h3 {

    font-size: 20px;

    color: var(--color-secondary);

    margin-bottom: 5px;

}



.course_section a {

    color: var(--colour-secondary);

}



.course_section .c-img img {

    border: 7px solid #f5f5f5;

    box-shadow: 0px 0px 10px #9f9f9f;

}



.course_section .c-img-row {

    padding: 18px 0;

}



.ol_styles {

    list-style: none;

    padding: 0 0 0 23px;

}



.ol_styles li {

    position: relative;

    padding-left: 20px;

    margin-bottom: 5px;

    line-height: 28px;

    font-size: 15px;

}



.ol_styles li::before {

    position: absolute;

    content: "\f192";

    font-family: 'Font Awesome 5 Free';

    font-size: 11px;

    font-weight: 700;

    color: var(--color-secondary);

    left: 0px;

    top: 1px;

    transition: all 500ms ease;

}



.course_section .c_design {

    margin-bottom: 25px;

    border-left: 5px solid #b5b5b5;

    border-right: 5px solid #b5b5b5;

    box-shadow: 0 5px 4px #ccc;

    border-radius: 9px;

    padding: 10px 10px 10px;

    background: #fff;

}



.link-to {

    padding-top: 30px;

    padding-bottom: 30px;

}



.link-to a {

    padding: 5px 10px;

    border: 1px solid #000;

    color: #dc9205;

    font-size: 20px;

}



.link-to a:hover {

    color: red;

}



._c_form_sub1 {

    text-transform: uppercase;

    margin-bottom: 8px;

    font-weight: 400;

    font-size: 34px;

    display: inline-flex;

    border-bottom: 2px solid;

}



.c-map iframe {

    border: 5px solid #e5e5e5;

}



/* Payment section */



.payment-sec{

    position: relative;

    

}



.payment-sec .ps-blk{



    border-radius: 19px;

    box-shadow: 0px 0px 10px #9f9f9f;

    min-height: 300px;

    min-width: 200px;

    top:45px;

    position: relative;

    padding: 45px;

}



.payment-sec .ps-blk img{

    width: 150px;

}



.payment-sec .ps-blk-text p{

    font-size: 14px;

    

    font-weight: 600;

    margin-bottom: 0px;

    color: #505050;

    

}



.ps-blk-text .p-success{

    color: #55c410;

}



.ps-blk-text .p-failure{

    color: #f00021;

}



.ps-blk-text h2{

    font-size: 35px;

    font-weight: 600;

    margin-bottom: 10px;

  

    padding-bottom: 10px;

}



.ps-blk-text h2::after{

    content:"" ;

    position: absolute;

    width: 80%;

    height: 2px;

    background: #d5d5d5;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    border-radius: 1px;

}



.ps-blk-text h3{

    font-size: 25px;

    font-weight: 600;

    margin-bottom: 8px;

}



.ps-blk-text a{

    display: block;

    padding: 3px 10px;

    background: #505050;

    border-radius: 5px;

    color: #fff;

    text-transform: capitalize;

   

}



.ps-blk .table td {

padding:0 5px;

border: none;

text-align: start;

width: 50%;

font-size: 15px;

  }



  .ps-blk .table .t-left{

    font-size: 14px;

    color: #505050;

    font-weight: 600;

  }



  @media only screen and (max-width: 800px){ .payment-sec .ps-blk {

   

    padding: 10px;

}}





.dropdown-menu.show {

    padding: 10px;

    inset: auto auto 0px 0px !important;



    transform: translate(15px, -64px) !important;

}

.bg-primary{

 background-color:#1b8e85 !important;

 }



 .sidebar-nav .courses-nav .nav-link{

  background-color: transparent;



 }





 .form-check-input:checked {

  background-color:#1b8e85 !important;

  border-color: #1b8e85 !important;

}



.form-check-label{

  margin-right: 10px;

  margin-bottom: 5px;

}







.popup-form1 ::-webkit-scrollbar-track{

        border-radius: 10px;

    }

    .popup-form1 ::-webkit-scrollbar{

        width: 8px;

    }

    .popup-form1 ::-webkit-scrollbar-thumb{

        border-radius: 10px;

        background-color: #eaeaea;

    }

.security-form {

   



    border-radius: 19px;

  box-shadow: 0px 0px 10px #9f9f9f;

  min-height: 300px;

  min-width: 200px;

  top: 45px;

  position: relative;

  padding: 45px;

    

}



.security-form>.inner-block {

    position: relative;

    border-radius: 8px;

    max-width: 450px;

    width: 100%;

   

    background-color: #ffffff;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    overflow: hidden;

}



.security-form>.inner-block>form {

    width: 100%;

    padding: 0px;

}



.security-form>.inner-block>form>.section-title {

    font-size: 27px;

    color: #333333;

    margin-bottom: 44px;

}



.security-form>.inner-block>form>.input-box {

    position: relative;

    width: 100%;

    height: 35px;

    margin-bottom: 25px;

    -webkit-transition: all .3s linear;

    transition: all .3s linear;

    border-bottom: 2px solid rgba(51, 51, 51, 0.3);

}



.security-form>.inner-block>form>.input-box>label {

    position: absolute;

    top: 50%;

    left: 0;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    color: #7f7f7f;

    font-size: 15px;

    -webkit-transition: all .3s linear;

    transition: all .3s linear;

}



.security-form>.inner-block>form>.input-box>input {

    height: 100%;

    width: 100%;

    position: absolute;

    left: 0;

    top: 0;

    border: none;

    outline: none;

    background-color: transparent;

    font-size: 14px;

    font-weight: 700;

    color: #333333;

}



.security-form>.inner-block>form>.input-box:hover,

.security-form>.inner-block>form>.input-box:focus {

    border-bottom-color: #333333;

}



.security-form>.inner-block>form>.input-box:hover>label,

.security-form>.inner-block>form>.input-box:focus>label {

    top: -10px;

    font-size: 14px;

}



.security-form>.inner-block>form>.select-box {

    position: relative;

    width: 100%;

    height: 35px;

    margin-bottom: 25px;

    -webkit-transition: all .3s linear;

    transition: all .3s linear;

    border-bottom: 2px solid rgba(51, 51, 51, 0.3);

}



.security-form>.inner-block>form>.select-box>.fa {

    position: absolute;

    right: 0;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    color: #333333;

    font-size: 20px;

    line-height: 10px;

}



.security-form>.inner-block>form>.select-box>select {

    height: 100%;

    width: 100%;

    position: absolute;

    left: 0;

    top: 0;

    border: none;

    outline: none;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    background-color: transparent;

    font-size: 15px;

    font-weight: 700;

    color: #333333;

    padding-right: 20px;

}



.security-form>.inner-block>form>.select-box>select>option {

    line-height: 2;

    background-color: #ffffff;

}



.security-form>.inner-block>form>.select-box:hover {

    border-bottom-color: #333333;

}



.security-form>.inner-block>form>.btn {

    width: 100%;

    text-align: center;

    padding: 10px 10px;

    background: #26282b;

    border-radius: 50px;

    display: inline-block;

    color: #fff;

}



.security-form>.inner-block>form>.btn1 {

    width: 100%;

    text-align: center;

    padding: 10px 10px;

    background: #a6a6a694;

    border-radius: 50px;

    display: inline-block;

    color: #26282b;

    cursor: pointer;

}



.security-form>.inner-block>form>p {

    padding: 25px 0px;

    margin-bottom: 0px;

}



@media (max-width: 768px) {

    .security-form>.inner-block {

        height: initial;

        max-width: 300px;

    }

    .security-form>.inner-block>.img {

        display: none;

    }

    .security-form>.inner-block>form {

        padding: 50px 15px;

    }

}





.security-form .sq-head{

    font-size: 25px;



}



.btn-success {

    color: #fff;

    background-color: var(--color-secondary)!important;

   border: none;

}



.btn-success:hover {

    color: #fff;

    background-color: var(--color-secondary)!important;

    border-color: var(--color-secondary)!important

}



.btn-success.focus,.btn-success:focus {

    box-shadow: 0 0 0 .2rem var(--color-secondary)

}



.btn-success.disabled,.btn-success:disabled {

    color: #fff;

    background-color: var(--color-secondary);

    

}



.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle {

    color: #fff;

    background-color: var(--color-secondary);

   

}



.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus {

    box-shadow: none

}

.pswd-reset{

    position: relative;

    height: 100vh;

    align-content: center;

    

}



.pswd-reset .ps-blk{



    min-height: 300px;

    min-width: 200px;

 position: relative;

   

}



.pswd-reset .pswd-img img{

    width: 150px;

}



.pswd-reset .pswd-blk-text p{

    font-size: 14px;

      font-weight: 600;

    margin-bottom: 10px;

    color: #505050;

    

}



.pswd-blk-text .pswd-h{

    color: #505050;

}



.pswd-blk-text h2{

    font-size: 35px;

    font-weight: 600;

    

}



.pswd-blk-text a{

    padding: 3px 10px;

    background: #505050;

    border-radius: 5px;

    color: #fff;

    text-transform: capitalize;

     

}



  @media only screen and (max-width: 800px){ .pswd-reset .ps-blk {

   

    padding: 10px;

}}

.pymt-sec {

  position: relative;

}



.pymt-sec .py-blk {

  border-radius: 19px;

  box-shadow: 0px 0px 10px #9f9f9f;

  min-height: 300px;

  min-width: 200px;

  top: 45px;

  position: relative;

  padding: 45px;

}



.pymt-sec .pymt-logo img {

  width: 250px;

}



.pymt-sec .pymt-icon {

  margin: 10px 0;

}

.pymt-sec .pymt-icon img {

  width: 100px;

}



.pymt-sec .pymt-blk-text p {

  font-size: 16px;

  margin: 10px 0;



  font-weight: 600;

 

  color: #505050;

}



.pymt-blk-text .py-amt {

  color: #505050;

}



.pymt-blk-text h2 {

  font-size: 35px;

  font-weight: 600;

}

.pymt-blk-text h3 {

  font-size: 25px;

  font-weight: 600;

  margin-bottom: 8px;

}



.pymt-blk-text a {

  padding: 3px 10px;

  background: #505050;

  border-radius: 5px;

  color: #fff;

  text-transform: capitalize;

  font-weight:400;

}



@media only screen and (max-width: 800px) {

  .pymt-sec .py-blk {

    padding: 10px;

  }

}

.module-info-body .module-asmt{

  position: relative;



}



.module-asmt .asmt-table #asmt-link{

  width: 100%;

  border-radius: 3px;

  border: 1px solid #505050;

  padding: 5px;

}







.asmt-table {

  position: relative;

  margin-top: 12px

}



.asmt-table .form-control {

  height: 58px;

  background-color: transparent;

  border: 1px solid #e4e4e4;

  color: #505050;

}



.asmt-table .btn {

  position: absolute;

  top: 46px;

  right: 8px;

  background: #1b8e85;

  border: none;

  border-radius: 5px;

  padding: 11px 16px;

  color: #fff



}

.asmt-table .form-control:focus {

  color: var(--bs-body-color);

  background-color: var(--bs-body-bg);

  border-color: #ffffff;

  outline: 0;

  box-shadow: 0 0 0 .15rem rgba(112, 112, 112, 0.25);

}



.asmt-table .form-control::placeholder {

  color: #505050;

  opacity: 0.4;

}



@media (max-width: 800px){

  .asmt-table .form-control {

    height: 59px;

    margin-top: 13px

  }

  

  .asmt-table .btn {

    color: #fff;

    position: relative;

    top: 7px;

    left: 0;

    padding: 6px 14px;

    right: 0;

    margin: auto;

    bottom: 0px;

    display: flex;

  }



  

}



  .modal-btn a{

    background: var(--colour-primary);

    color: #fff;

    padding: 5px 10px;

    display: inline-block;

    margin-top: 10px;

}

 .modal-content{

    width: 500px;

 }



 .modal-footer {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-align: center;

    align-items: center;

    -ms-flex-pack: end;

    justify-content: flex-end;

    padding: 1rem;

   border: 0;

   color: var(--color-secondary);

   right: 0px;

    position: absolute;

    top: -10px;

    z-index: 1;

  }

  button.pp-close.close {

    position: absolute;

    top: 0;

    left: 0;

    z-index: 2;

    background-color: var(--color-secondary);

    opacity: 1;

    color: #fff;

    font-size: 35px;

    padding: 0 6px;

    padding-bottom: 2px;

}

.modal-dialog {

    max-width: 500px;

    margin: 9.75rem auto;

}



.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {

    opacity: 1;

}



.course_section.s-pp h4{

    font-size:19px;

    color: var(--color-secondary);

}



/* for chrome */

    input[type=number]::-webkit-inner-spin-button,

    input[type=number]::-webkit-outer-spin-button {

    -webkit-appearance: none;

    margin: 0;}             





/* for mozilla */  

   input[type=number] {-moz-appearance: textfield;}




   .blog-box{
    border: 5px solid #f5f5f5;
    box-shadow: 0px 0px 10px #c5c4c4;
    padding: 20px;
   }


   .blog-blk{
    border: 5px solid #f5f5f5;
    box-shadow: 0px 0px 10px #c5c4c4;
    padding: 20px;

   }

   .blog-cnt h2 {
    font-size: 27px;
    color: var(--color-secondary);
}

.blog-cnt a {
    background: #017974;
    color: #fff;
    padding: 5px 10px;
}