@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

*{
    font-family:  "Montserrat", sans-serif;
    margin: 0;padding: 0;
}
:root{
    --thm-font:  "Montserrat", sans-serif;
    --thm-base: #008263;
    --thm-base-light: #00826330;
    --thm-base2: #F07C00;
    --thm-base2-light: #F07C0020;
    --thm-base3: #696762;
    --thm-base3-light: #69676210;
    --thm-base4: #FFC800;
    --thm-base4-light: #FFC80010;
    --thm-base5: #E40715;
    --thm-base5-light: #E4071510;
    --thm-black: #000000;
    --thm-black-ligth: #00000040;
    --thm-gray: #999999;
    --thm-white: #ffffff;
    --thm-section-bg: #f7f7f7;
    --thm-footer: #e2e2e2;  
    --thm-primary: #666666;
}
h1,
h2,
h3,
h4,
h5,
h6,
p{ margin: 0; }
ul{ margin: 0; padding: 0; }
li{ list-style: none; }
h1{ font-size: 50px; font-weight: 500;} 
h2{ font-size: 32px; font-weight: 600;} 
h3{ font-size: 24px;} 
h4{ font-size: 22px; font-weight: 600;} 
h5{ font-size: 18px; font-weight: 500;} 
h6{ font-size: 18px;}
a{ color: var(--thm-black); text-decoration: none; font-weight: 500; transition: 0.5s;}
a:hover {color: var(--thm-base); }
.mb-80{ margin-bottom: 80px;}
.mt-80{ margin-top: 80px;}
.container{ max-width: 1300px;}

.scroll-page{ position: sticky; top: 140px;}

.points-section .description{ margin-bottom: 10px; list-style: disc; margin-left: 25px;}

.heading-tag{ font-size: 17px; color: var(--thm-base); margin-bottom: 10px; font-weight: 600; text-transform: uppercase;}
.heading{ color: var(--thm-black); margin-bottom: 15px; font-weight: 700;}
.heading2{ color: var(--thm-base);}
.description{ margin-bottom: 15px; font-weight: 500; color: var(--thm-primary);}

a, button { color: inherit; outline: none; border: none; background: transparent;}
.it-btn-theme { display: inline-block; font-weight: 500; font-size: 15px; border-radius: 2px; padding: 12px 30px; text-align: center; color: var(--thm-white); background-color: var(--thm-base2); overflow: hidden;}
.it-btn-theme .btn-wrap { position: relative; z-index: 1; float: left; overflow: hidden; display: inline-block; border: none !important;}
.it-btn-theme .btn-wrap .text-one { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 5px; position: relative; display: block; color: var(--thm-white); transition: 0.3s; text-transform: capitalize;}
.it-btn-theme .btn-wrap .text-two { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 5px; position: absolute; top: 100%; display: block; transition: 0.3s; text-transform: capitalize;}
.it-btn-theme:hover { color: var(--thm-white); background-color: var(--thm-base);}
.it-btn-theme:hover .btn-wrap .text-one { -webkit-transform: translateY(-150%); transform: translateY(-150%);}
.it-btn-theme:hover .btn-wrap .text-two { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}

.btn-box { background-color: var(--thm-base); padding: 10px 20px; color: var(--thm-white); font-size: 14px; transition: 0.5s; font-weight: 600;}
.btn-box:hover { background-color: var(--thm-base2); color: var(--thm-white);}
.btn-box.style2{ background-color: var(--thm-white); color: var(--thm-base);}
.btn-box.style2:hover{ background-color: var(--thm-base2); color: var(--thm-white);}

.owl-dots { text-align: center !important;}
.owl-dot { width: 18px; height: 4px; margin: auto; background-color: var(--thm-base-light) !important; margin: 0 3px;  margin-top: 40px !important; border-radius: 10px;}
.owl-dots .active { width: 18px; background-color: var(--thm-base) !important;}

.social-media{ display: inline-flex; gap: 12px; align-items: center; margin-top: 10px;}
.social-media a{ width: 35px; height: 35px; position: relative; z-index: 2; background: linear-gradient( var(--thm-base4) 0%, var(--thm-base5) 80%) !important; transition: 0.5s; border-radius: 2px;}
.social-media a i{ position: absolute; content: ""; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; transition: 0.5s; font-size: 18px; color:var(--thm-white);}
.social-media a:hover{  transform: scale(1.1);}

.form-section { width: 100%; margin: auto; padding: 40px; background-color: var(--thm-white); border-radius: 4px;}
.form-heading { font-size: 22px; margin-bottom: 0px; color: var(--thm-black); font-weight: 600; }

.form-control { display: block; margin-top: 3px; padding: 10px 15px; font-size: 14px; font-weight: 500; color: var(--thm-black); background-color: transparent; background-clip: padding-box; border: none; border-bottom: 1px solid var(--thm-black-ligth); -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 2px; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; }
.form-select { margin-top: 3px; padding: 10px 15px; font-size: 14px; font-weight: 500; border-radius: 2px; border: none; border-bottom: 1px solid var(--thm-black-ligth); background-color: transparent; color: #000000;}
.form-select:focus { border-bottom: 1px solid var(--thm-base); box-shadow: none; }
.form-control:focus { color: var(--thm-black); background-color: transparent; border-bottom: 1px solid var(--thm-base); outline: 0px; box-shadow: none; }
.form-section button{ border: none; }

.form-control::placeholder{ color: #000000;}
.checkbox-div{ display: flex; gap: 6px;}
.form-check-label{ font-size: 15px; font-weight: 500; margin-top: 1px; color: var(--thm-base3);}
.form-section .btn-box{ width: 100%; border-radius: 3px;}
.form-label { margin-bottom: .5rem; font-size: 14px; color: var(--thm-base3); font-weight: 500;}

header{ background-color: var(--thm-white); box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 8px;}
.top-header{ display: flex; align-items: center; justify-content: space-between; padding: 10px 80px; background-color: #EBF2F3;}
.top-header .web-info{ display: flex; gap: 20px; align-items: center;}
.top-header .web-info p{ display: flex; align-items: center; gap: 6px; font-weight: 500;}
.top-header .web-info p i{ color: var(--thm-base); font-size: 18px;}
.top-header .web-info a{ display: flex; align-items: center; gap: 8px; background-color: var(--thm-base); color: var(--thm-white); font-size: 14px; padding: 5px 20px; border-radius: 35px;}
.top-header .web-info a i{ font-size: 17px;}
.top-header .top-bar-action{ display: flex; gap: 12px; align-items: center;}
.top-header .top-bar-action a i{ background-color: #66666620; padding: 7px 8px; border-radius: 50%; transition: 0.7s; font-size: 16px;}
.top-header .top-bar-action a:hover i{ background-color: var(--thm-base); color: var(--thm-white);}

nav{ display: flex; align-items: center; justify-content: space-between; padding: 5px 80px;}
nav .web-logo img{ max-width: 90px;}
nav .main-menu{ display: flex; gap: 30px; align-items: center; justify-content: space-between;}
nav .main-menu .menu{ display: flex; gap: 30px; align-items: center;}
nav .main-menu .menu > li{ display: flex; gap: 5px; align-items: center;}
nav .main-menu .menu > li > a{ font-weight: 600; font-size: 15px; color: var(--thm-black); transition: 0.5s; border-bottom: 1px solid transparent; text-transform: uppercase;}
nav .main-menu .menu > li > a:hover{ color: var(--thm-base2); border-bottom: 1px solid var(--thm-base2);}
nav .main-menu .nav-action{ display: flex; gap: 8px; align-items: center;}
nav .main-menu .nav-action a{ font-weight: 600; line-height: 1.4;}
nav .main-menu .nav-action a img{ max-width: 50px;}
nav .main-menu .nav-action .call-text { color: var(--thm-gray); font-weight: 500; opacity: 0.7; font-size: 15px;}

.dropdown{ position: relative;}
.dropDown-menu{ position: absolute; width: 270px; background-color: var(--thm-white); box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 8px; top: 42px; border-top: 3px solid var(--thm-base); border-radius: 4px; opacity: 0; visibility: hidden; z-index: 2; transition: 0.5s;}
.dropDown-menu.dropDown-menu-products{ width: 350px;}
.dropDown-menu li{ border-bottom: 1px solid #00000010;}
.dropDown-menu li:last-child{ border: none;}
.dropDown-menu li a{ display: block; padding: 10px 20px; font-size: 15px; font-weight: 600; color: var(--thm-black); text-transform: uppercase; }
.dropDown-menu li a:hover{ background-color: var(--thm-base2-light); color: var(--thm-base); -webkit-text-stroke-width: 0px; font-weight: 600;}
.dropdown:hover .dropDown-menu{ opacity: 1; visibility: visible;}
.dropdown-open{ display: none;}

.sticky { position: fixed; top: 0; width: 100%; box-shadow: rgba(0, 0, 0, 0.14) 0px 3px 8px; z-index: 1000; background-color: var(--thm-white); transition: 0.3s;}

.banner-section{ position: relative; margin-bottom: 40px;}
.banner-section .banner-silder .banner-bg{ min-height: 850px; background-image: url(../images/slide_1.jpg); background-repeat: no-repeat; background-size: cover; background-position: center left;}
.banner-section .banner-silder .banner-bg.banner-bg-img{ background-image: url(../images/slide_2.jpg);}
.banner-section .banner-silder .banner-bg.banner-bg-img-2{ background-image: url(../images/slide_3.jpg);}
.banner-section .banner-silder .banner-bg.banner-bg-img-3{ background-image: url(../images/slide_4.jpg);}
.banner-section .banner-silder .banner-bg.banner-bg-img-4{ background-image: url(../images/slide_5.jpg);}
.banner-section .banner-silder .banner-bg.banner-bg-img-5{ background-image: url(../images/slide_6.jpg);}
.banner-section .banner-silder .banner-content{ width: 55%; position: absolute; top: 50%; left: 50%; transform: translate( -50%, -50%); z-index: 20; text-align: center; padding-bottom: 30px;}
.banner-section .banner-silder .banner-content h6{ display: inline-block; color: var(--thm-base); margin-bottom: 5px; background-color: var(--thm-base-light); padding: 7px 30px; border-radius: 4px; text-transform: uppercase;}
.banner-section .banner-silder .banner-content h1{ color: var(--thm-base2); margin-bottom: 15px; font-weight: 400; line-height: 1.3;}
.banner-section .banner-silder .banner-content h1 span{ color: var(--thm-base2); font-weight: 700; text-transform: uppercase;}
.banner-btn{ display: flex; gap: 15px; justify-content: center;}

.fill-body { fill: var(--thm-white) !important; height: 150px;}
.rounded-bottom{ position: absolute; bottom: -17px; z-index: 3; width: 100%;}

/* .banner-section .banner-silder .banner-content.banner-content2{ width: 35%; top: 50%; left: 40%; transform: translatey(-50%); text-align: left;} */
.banner-section .banner-silder .banner-content.banner-content3{ width: 40%; top: 45%; left: 10%; transform: translatey(-45%); text-align: left;}
.banner-section .banner-silder .banner-content.banner-content2 .banner-btn{ justify-content: start;}
.banner-section .banner-silder .banner-content.banner-content3 .banner-btn{ justify-content: start;}

.about-section  img{ border-radius: 6px; }
.about-section .about-img.ab-img-1{ text-align: right;}
.about-section .about-img .ab-img-2{ margin-top: -50px;}
.about-section .about-points{ display: inline-flex; gap: 20px; align-items: center; margin-bottom: 20px; flex-wrap: wrap;}
.about-section .about-points .about-item{ display: flex; gap: 12px; align-items: center; border: 1px solid var(--thm-base-light); padding: 10px; border-radius: 4px;}
.about-section .about-points .about-item img{ max-width: 50px;}
.about-points .about-item p{ font-size: 16px; font-weight: 600; line-height: 1.3;}

.history-section{ background-image: url(../images/years-3.jpg); background-position: right top; box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 8px; display: flex; align-items: center;}
.history-section .history-bg{ width: 50%; background-color: var(--thm-base2); -webkit-clip-path: polygon(0 0, 100% 0%, 80% 100%, 0 100%); clip-path: polygon(0 0, 100% 0%, 80% 100%, 0 100%); padding-left: calc((100% - 1300px) / 2);}
.history-section .history-bg .history-content{ flex-wrap: wrap; padding: 100px 150px 100px 0px;}
.history-section .history-bg .history-content div{ display: flex; gap: 10px; align-items: center;}
.history-section .history-bg .history-content div h3{ font-size: 60px; font-weight: 700; color: var(--thm-white); line-height: .9; margin-bottom: 20px;}
.history-section .history-bg .history-content .description{ color: var(--thm-white); border-top: 1px solid #FFFFFF25; padding-top: 15px; padding-bottom: 10px;}

.success-history{ width: 45%;}
.success-history .success-history-content h5{ display: inline-block; font-size: 22px; margin-bottom: 15px; font-weight: 600; color: var(--thm-base); text-align: center; border-bottom: 1px solid var(--thm-base2); padding-bottom: 4px;}

.academics-section .bg-gradient-1 { border-radius: 20px; position: relative; transition: 0.5s; box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 8px; background: linear-gradient(151.71deg, #fc8a11 40%, var(--thm-base5) 100%) !important;}
.academics-section .bg-gradient-2 { border-radius: 20px; position: relative; transition: 0.5s; box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 8px; background: linear-gradient(151.71deg, #fc8a11 40%, var(--thm-base5) 100%) !important;}
.academics-section .academics-item{ padding: 50px 15px; padding-bottom: 30px; margin-bottom: 10px;}
.academics-section .academics-item h6{ color: var(--thm-white); font-weight: 500; font-size: 14px; text-transform: uppercase; margin-bottom: 10px;}
.academics-section .academics-item .academic-img{ position: sticky; margin-bottom: 30px; z-index: 5;}
.academics-section .academics-item .shape-image { position: absolute; right: 0; top: 23px; z-index: 1;}
.academics-section .academics-item .shape-image img { vertical-align: middle;}
.academics-section .academics-item .points-section{ padding: 0px 20px;}

.coming-soon-container{ position: relative;}
.coming-soon-container .coming-soon-img{ max-width: 150px; position: absolute; top: 45px; left: 50%; transform: translateX(-50%); z-index: 10px;}
.coming-soon-container .coming-soon-text{ visibility: hidden;}

.funfact .funfact-content{ display: grid; gap: 0px; grid-template-columns: repeat(4, 1fr); background-color: var(--thm-section-bg); padding: 50px 0px; border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 8px;}
.funfact .funfact-content .funfact-items{ border-right: 1px solid var(--thm-base2-light);}
.funfact .funfact-content .funfact-items:last-child{ border-right: none;}
.funfact .funfact-content .funfact-items .funfact-text{ text-align: center; margin-top: 10px;}
.funfact .funfact-content .funfact-items h2{ font-size: 50px; font-weight: 700; color: var(--thm-base2); /* opacity: 0.7; */}
.funfact .funfact-content .funfact-items .description{ margin-bottom: 0px; font-weight: 600; font-size: 16px;}

.campus-life-section{ width: 100%; padding: 0; margin-top: 80px; box-sizing: border-box;}
.campus-life-section .row { margin: 0; --bs-gutter-x: 0 !important;}
.campus-life-section .campus-life-img img{ border-radius: 0px 10px 10px 0px; width: 100%; height: auto; box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 8px;}
.campus-life-section .campus-life-content{ padding: 0px 40px;}
.campus-life-section .campus-life-content img{ max-width: 70px; margin-bottom: 15px;}

.facilities-section .facilities-head-box{ padding-bottom: 20px; margin-bottom: 30px; border-bottom: 1px solid var(--thm-base-light);}
.facilities-section .facilities-head-box .heading-tag{ margin-bottom: 4px;}
.facilities-section .facilities-head-box .heading{ margin-bottom: 0px;}
.facilities-section .facilities-items { margin: 10px; border-radius: 10px; text-align: center; transition: 0.5s; border: 1px solid var(--thm-base-light);}
.facilities-section .facilities-items img{ border-radius: 10px 10px 0px 0px;}
.facilities-section .facilities-items h5{ font-size: 18px; font-weight: 600; padding: 15px 15px; border-radius: 0px 0px 10px 10px;}
.facilities-section .facilities-items:hover{ box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 8px;}

.facilities-silder .owl-nav{ position: absolute; top: -100px; right: 40px;}
.facilities-silder .owl-nav .owl-prev span{ font-size: 30px !important; color: var(--thm-black) !important; background-color: var(--thm-base2-light) !important; padding: 0px 14px 4px 14px!important; border-radius: 6px 0px 0px 6px; transition: 0.5s; border-right: 1px solid #00A6C020;}
.facilities-silder .owl-nav .owl-next span{ font-size: 30px !important; color: var(--thm-black) !important; background-color: var(--thm-base2-light) !important; border-radius: 0px 6px 6px 0px; padding: 0px 14px 4px 14px!important;}
.facilities-silder .owl-nav .owl-prev:hover span,
.facilities-silder .owl-nav .owl-next:hover span{ color: var(--thm-white) !important; background-color: var(--thm-base) !important;}
.facilities-section .facilities-silder .owl-dot { margin-top: -20px !important;}

.work-process-section .process-step{ border: 1px solid var(--thm-base-light); padding: 30px 20px; border-radius: 3px; position: relative;}
.work-process-section .heading-content{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px;}
.work-process-section .process-step h5{ margin: 15px 0px; font-weight: 600;}
.work-process-section .process-step .process-icon{ display: inline-block;}
.work-process-section .process-step .process-icon img{ max-width: 50px; margin-bottom: 20px;}
.work-process-section .process-step .description{ margin-bottom: 0px;}
.work-process-section .process-step .process-icon .step-num{ text-align: right; font-size: 100px; font-weight: 700; color: #75757510; position: absolute; top: 0px; right: 15px; line-height: 1.0;}

.faculties-landing-section{ background: linear-gradient(90deg, var(--thm-base2-light) 35%, var(--thm-base-light) 100%); padding: 50px;}
.faculties-landing-section .container{ border: 1px solid #00000010; border-radius: 12px; padding: 0px 30px; padding-top: 50px;}
.faculties-landing-section .faculties-frame-img img{ padding: 0px 20px; }

.accreditation-logo img{ padding: 4px 20px;  border: 1px solid #FFC80040;  border-radius: 8px; margin-top: 15px;}

.Home-from-section{ padding: 80px 0px;}
.Home-from-section .container .description i{ color: var(--thm-base);}
.Home-from-section .container .heading-tag.heading-tag2{ display: inline-block; padding-bottom: 6px; border-bottom: 1px solid var(--thm-base);}
.Home-from-section .container .description i{ color: var(--thm-base);}
.Home-from-section .container .form-section{ background-color: #F07C0010; border-radius: 14px;}

.testimonials-items img{ max-width: 40px; border-radius: 10px; margin-bottom: 10px;}
.testimonials-items { background-color: var(--thm-white); padding: 30px; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 8px; margin: 5px;}
.testimonials-items .person-title{ display: inline-flex; justify-content: center; align-items: center; gap: 6px; z-index: 2;}
.testimonials-items .person-title h5{ font-size: 18px; font-weight: 600; line-height: 1.0;}
.testimonials-items .person-title p{ color: #757575;}
.testimonials-items .person-title img{ max-width: 45px !important;}
.testimonials-section .person-title .reating{ font-size: 12px; color: var(--thm-base4); transition: 0.5s; margin-top: 2px;}

.footer-section{ background-color: var(--thm-base4-light);}
.footer-section .footer-container{ padding: 50px 10px 30px 10px;}
.footer-section .footer-container .footer-logo a img{ max-width: 250px; margin-bottom: 25px;}
.footer-section .footer-container .description{ color:var(--thm-base3);}
.footer-section .footer-container .sub-heading{ font-size: 17px; display: inline-block; color:var(--thm-base); padding-bottom: 4px; border-bottom: 1px solid var(--thm-base); margin-bottom: 25px;}
.footer-section .footer-container .sub-heading.sub-heading2{ visibility: hidden;}
.footer-section .footer-container .footer-services li{ margin-bottom: 10px; overflow: hidden;}
.footer-section .footer-container .footer-services li a{ display: inline-flex; color:var(--thm-base3); transition: 0.5s; position: relative;  padding-bottom: 4px;}
.footer-section .footer-container .footer-services li a::before{ content: ""; position: absolute; width: 100%; height: 2px; background-color: var(--thm-base); bottom: 0px; left: -100%; transition: 0.5s; z-index: 2;}
.footer-section .footer-container .footer-services li a:hover{ font-weight: 600; color: var(--thm-base); }
.footer-section .footer-container .footer-services li a:hover::before{ color: var(--thm-base);  left: 0px;}
.footer-section .footer-container .footer-contact > a{ display: flex; gap: 10px; align-items: center; margin-bottom: 10px; color:var(--thm-base3);}
.footer-section .footer-container .footer-contact p{ display: flex; gap: 10px; align-items: center; margin-bottom: 10px; color:var(--thm-base3); padding-bottom: 10px; border-bottom: 1px solid var(--thm-line);}
.footer-section .footer-container .footer-contact p:hover i{ color: var(--thm-base);}
.footer-section .footer-container .footer-contact p:last-child{ display: flex; gap: 10px; align-items: center; margin-bottom: 10px; color:var(--thm-base3); padding-bottom: 0px; border-bottom: none;}
.footer-section .footer-container .footer-contact p a{ color:var(--thm-base3);}
.footer-section .footer-container .footer-contact p:hover a{ color: var(--thm-base); font-weight: 600;}

.footer-section .footer-bottom-section{ background-color: var(--thm-base); padding: 20px 0px;}
.footer-bottom-section .copyright__bg p a{ color: var(--thm-color); transition: 0.5s;}
.footer-bottom-section .copyright__bg p a:hover{ font-weight: 600;}

.breadcrumb-section .breadcrumb-bg { background-image: url(../images/breadcrumb-bg.jpg); padding: 150px 0px; background-size: cover; background-position: center; text-align: center; position: relative; margin-bottom: 40px;}
.breadcrumb-section .breadcrumb-bg.breadcrumb-nursing{ background-image: url(../images/breadcrumb-nursing.jpg); padding: 500px 0px 100px 0px;}
.breadcrumb-section .breadcrumb-bg.breadcrumb-academics{ background-image: url(../images/slide_1.jpg); padding: 500px 0px 100px 0px;}
.breadcrumb-section .breadcrumb-bg.breadcrumb-academics.breadcrumb-about{ background-image: url(../images/breadcrumb-about.jpg);}
.breadcrumb-section .breadcrumb-bg.breadcrumb-faculty{ background-image: url(../images/breadcrumb-faculty.jpg); background-size: cover; padding: 200px 0px 100px 0px;}


.breadcrumb-section .breadcrumb-heading { text-transform: uppercase; font-size: 32px; font-weight: 700; color: var(--thm-white); line-height: 1.2; margin-bottom: 4px; z-index: 9;}
.breadcrumb-section .breadcrumb { display: inline-flex; margin-bottom: 0; list-style: none; align-items: center; padding: 8px 0px;  }
.breadcrumb-section .breadcrumb .breadcrumb-item a { font-weight: 500; color: var(--thm-white);}
.breadcrumb-section .breadcrumb .breadcrumb-item { font-size: 15px;}
.breadcrumb-section .breadcrumb .symbol-breadcrumb { font-weight: 500; font-size: 18px; color: var(--thm-white); padding: 0px 8px; margin-top: 2px;} 
.breadcrumb-section .breadcrumb .breadcrumb-item.active { color: var(--thm-base2); font-weight: 500;}

.our-vision-section{ background-color: #f7f7f7; padding: 40px;}
.our-vision-section img{ border-radius: 6px;}

.statement-section{
    background-color: #f7f7f7; padding: 50px;
}
.statement-section img{
    border-radius: 20px;
    max-width: 250px;
}
.statement-items {
    /* display: flex;
    gap: 20px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap; */
    text-align: center;
    border: 2px solid var(--thm-base-light);
    padding: 20px;
    border-radius: 20px;
}

/* gallery */
.horizontal:after {content: "";display: flex;clear: both;}
.vertical {float: left;width: 25%;padding: 5px;}
.vertical img {margin-top: 12px;width: 100%;cursor: pointer;}

.custom-container .tabs__buttons--container { display: flex; flex-wrap: wrap; margin-bottom: 30px; justify-content: center; padding: 10px; background-color: var(--thm-section-bg) !important; box-shadow: rgba(0, 0, 0, 0.14) 0px 3px 8px;}
.custom-container .tabs__buttons--container .description{ padding: 5px 0px 10px 0px; border-bottom: 1px solid #86868630; color: var(--thm-black); font-weight: 700;}
.tabs__tab-btn { border: none; padding: 10px 30px; cursor: pointer; font-size: 17px; font-weight: 600; background-color: var(--thm-base); color: var(--thm-white); margin: 5px 0px; border-right: 1px solid var(--thm-black-ligth);}
.tabs__tab-btn:last-child{ border: none;}
.tabs__tab-btn--not-selected { background-color: var(--thm-section-bg); color: var(--thm-black);}
.tabs__tab-btn--not-selected:hover{ background-color: #00A6C020; color: var(--thm-base);}
.tabs__tab-btn:hover { transition: 0.3s;}
.tabs__tab--hide { display: none;}
.tabs__tab--show { display: block;}
.tabs__tab { animation: tabApear 0.6s;}
@keyframes tabApear { from { opacity: 0; } to { opacity: 1; }}
@media(max-width: 720px) { .vertical {width: 50%;}}

.principal-office-section .heading,
.administrative-office-section .heading{ display: inline-block; border-bottom: 1px solid var(--thm-base2); color: var(--thm-base2); font-size: 30px; margin-bottom: 20px;}
.principal-office-section .principal-office-img img{ border-radius: 10px;}
.administrative-office-section .administrative-office-img img{ border-radius: 10px;}

.wcu-section .wcu-items{ display: flex; gap: 30px; align-items: center; margin: 20px 0px;}
.wcu-section .wcu-items .wcu-icon{ position: relative;}
.wcu-section .wcu-items .wcu-icon::after{ position: absolute; content: ''; right: -15px; bottom: -20px; height: 40px; width: 40px; border-radius: 50%; z-index: -1; background-color: #00826320; transition: 0.5s;}
.wcu-section .wcu-items:hover .wcu-icon::after{ right: 0px; bottom: 0px;}
.wcu-section .wcu-items .wcu-icon img{ max-width: 55px;}
.wcu-section .wcu-items h5{ font-weight: 600; margin-bottom: 6px;}
.wcu-section .wcu-items .description{ margin-bottom: 0px;}
.wcu-section .wcu-img{ width: 100%;}
.wcu-section .wcu-btn{ text-align: center; margin-top: 40px;}

.faculties-silder-section { background-color: var(--thm-section-bg); padding: 80px 0px;}

.faculties-profile-container{ padding: 30px;}
.faculties-profile-container .container{ padding: 30px; background-color: var(--thm-section-bg); border-radius: 20px;} 
.faculties-profile-container .profile-img{ text-align: center;}
.faculties-profile-container .profile-img img{ max-width: 300px;}

.accreditation-page-item{ padding: 30px 0px; border-bottom: 1px solid #00000020;}
.accreditation-page-item:last-child{ border: none;}
.accreditation-page-item .heading{ font-size: 24px; color: var(--thm-base2);}

.Facilities-page img{ border-radius: 10px;}
.Facilities-page-items{ background-color: #00826310; padding: 80px 0px}
.Facilities-page-items.Facilities-page-items2{ background-color: #ffffff}
.Facilities-grid{ display: grid; gap: 20px; grid-template-columns: repeat(2, 1fr); padding: 0px 50px}
.Facilities-grid-item a img{ border-radius: 4px}

.activities-page.activities-page2{ background-color: var(--thm-section-bg); padding: 60px 0px; }
.activities-page .activities-silder .item a img{ border-radius: 14px; }

.course-detail-page  h2{ color: var(--thm-base);}
.course-detail-page .course-detail{ background-color: #9b9b9b10; padding: 40px 30px; border-radius: 6px; margin-bottom: 30px; box-shadow: rgba(0, 0, 0, 0.14) 0px 3px 8px;}
.course-detail-page .course-detail  h4{ font-size: 26px; font-weight: 700; margin-top: 10px; margin-bottom: 15px; display: inline-block; color: var(--thm-base2); border-bottom: 1px solid var(--thm-base2);}

.file-download{ border: 1px solid var(--thm-footer); padding: 20px; border-radius: 7px; margin-top: 30px; text-align: center;}
.file-download p{ font-size: 17px; font-weight: 600;}
.file-download  .file-download-action-btn{ display: flex; gap: 15px; justify-content: center; flex-wrap: wrap;}
.file-download .btn-box{ text-align: center; animation: blur 3s linear infinite;  background-color: var(--thm-base2); border-radius: 3px;}
.file-download .btn-box:hover{ background-color: var(--thm-base5); animation: blur2 3s linear infinite;}
@keyframes blur {
    0%, 90% { color: var(--thm-base2); }
    50% { color: #ffffff; }
}
@keyframes blur2 {
    0%, 90% { color: var(--thm-base5); }
    50% { color: #ffffff; }
}

.course-detail-page .side-bar .side-bar-content{ text-align: center;}
.course-detail-page .side-bar .side-bar-content h6{ color: var(--thm-white); background-color: var(--thm-base2); padding: 6px; margin-bottom: 14px; border-radius: 4px;}
.course-detail-page .side-bar{ margin-bottom: 30px; background-color: #9b9b9b10; padding: 20px; border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.14) 0px 3px 8px;}
.course-detail-page .side-bar li a:hover{ background-color: var(--thm-base2);}
.side-form-bar .form-section{ padding: 20px; box-shadow: none; text-align: center; background-color: transparent;}

.nursing-labs-container{ display: grid; gap: 20px; grid-template-columns: repeat(2, 1fr);}
.nursing-labs-section .nursing-labs-item{ border-radius: 8px; text-align: center;}
.nursing-labs-section .nursing-labs-item img{ border-radius: 7px;}
.nursing-labs-section .nursing-labs-item div{ padding: 14px;}
.nursing-labs-section .nursing-labs-item h5{ font-weight: 600; font-size: 16px;}

.Facilities-course-container{ display: grid; gap: 20px; grid-template-columns: repeat(3, 1fr);}
.Facilities-course-container .Facilities-course-item{ text-align: center;}
.Facilities-course-container .Facilities-course-item h5{ font-weight: 600; font-size: 16px; padding: 14px;}
.Facilities-course-container .Facilities-course-item a img{ border-radius: 10px;}

.course-page-admission h3{ display: inline-block; font-size: 24px; font-weight: 600; margin-bottom: 20px; color: var(--thm-base2); border-bottom: 1px solid var(--thm-base2-light); padding-bottom: 3px;}
.course-page-admission .process-step{ text-align: center; border: 1px solid var(--thm-base-light); margin-bottom: 20px; padding: 20px ; border-radius: 10px;}
.course-page-admission .process-step h5{ font-weight: 600; font-size: 18px;}
.course-page-admission .process-step span{ font-size: 28px; font-weight: 700; color: var(--thm-base2);}

.contact-info-section .container{ background-color: var(--thm-section-bg); padding: 40px; border-radius: 6px;}
.contact-info-section .contact-info{ display: grid; gap: 20px; grid-template-columns: repeat(1, 1fr); background-color: var(--thm-base2-light); padding: 30px; border-radius: 4px;}
.contact-info-section .contact-info .contact-info-item{ display: flex; gap: 14px; align-items: center; padding-bottom: 20px; border-bottom: 1px solid #00000040; transition: 0.5s; position: relative; overflow: hidden;}
.contact-info-section .contact-info .contact-info-item:last-child{ border-bottom: none;}
.contact-info-section .contact-info .contact-info-item > i{ font-size: 26px; padding: 12px; color: var(--thm-white); background-color: var(--thm-base2); border-radius: 3px; transition: 0.5s;}
.contact-info-section .contact-info .contact-info-item p{ color: var(--thm-black); font-weight: 600;}
.contact-info-section .contact-info .contact-info-item a{ color: var(--thm-base3); font-weight: 500;}
.contact-info-section .contact-info .contact-info-item:hover a{ color: var(--thm-base);}
.contact-info-item .contact-info-social .social-media a{ background: linear-gradient( var(--thm-base2) 0%, var(--thm-base2) 80%) !important;}

.remove-box{ height: 74px; width: 300px; background-color: var(--thm-base2-light); border-radius: 3px; margin-left: 8px;}
.map-section .map{ background-color: var(--thm-white); text-align: center; padding: 10px; border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.14) 0px 3px 8px; margin: 0px 5px;}
.map-section .map h5{ font-weight: 600; padding: 10px 0px 15px 0px; color: var(--thm-base);}
.map-section .map iframe{ border-radius: 6px;}

.cureer-page-section h3{ display: inline-block; font-weight: 700; color: var(--thm-base); margin-bottom: 15px; border-bottom: 1px solid var(--thm-base-light);}
.cureer-page-section .form-section{  border-radius: 14px; box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 8px;}

/* our work page gallery css */
.main .container {display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 18px; justify-content: center;align-items: center;}
.main .container.container-meeting{ grid-template-columns: repeat(3, 1fr);  grid-gap: 25px;}
.main .card {color: #252a32; border-radius: 8px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.24); border: 3px solid var(--thm-base4-light);}
.main .card-image {position: relative; display: block;width: 100%;padding-top: 70%;}
.main .card-image img,
.main .card-image video {display: block; position: absolute; top: 0; left: 0; width: 100%;height: 100%;object-fit: cover; border-radius: 8px;}

/* table{ overflow-x: scroll;} */
/* table { border: solid tomato; overflow: auto; resize: both; background: lightblue; scrollbar-color: rgba(255, 100, 70, 0.8) rgba(0, 100, 200, 0.5);} */
/* tr:nth-child(even) {background-color: var(--thm-base2-light);} */
/* tr:nth-child(odd) {background-color: var(--thm-base2);} */
/* .t-head{color: #0C5B7E;font-size: 16px;font-weight: 600;} */
table, th, td { border: 1px solid var(--thm-black); border-collapse: collapse;}
td { padding: 8px 15px; font-weight: 500; font-size: 15px; color: var(--thm-primary);}
th { padding: 8px;}
.th{ text-align: center;}
table h6{ font-weight: 600;}

/* toogle bar */
.ham { width: 60px; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: transform 400ms; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; display: none; margin: -10px;  }
.hamRotate.active { transform: rotate(45deg);}
.hamRotate180.active { transform: rotate(180deg);}
.line { fill: none; transition: stroke-dasharray 400ms, stroke-dashoffset 400ms; stroke: var(--thm-base); stroke-width: 5.0; stroke-linecap: round; }
.ham6 .top { stroke-dasharray: 40 172;}
.ham6 .middle { stroke-dasharray: 40 111;}
.ham6 .bottom { stroke-dasharray: 40 172;}
.ham6.active .top { stroke-dashoffset: -132px;}
.ham6.active .middle { stroke-dashoffset: -71px;}
.ham6.active .bottom { stroke-dashoffset: -132px;}

/* back-to-top-button */
#back-to-top-button { display: inline-block; background-color: var(--thm-base); width: 50px; height: 50px; text-align: center; border-radius: 2px; position: fixed; bottom: 30px; right: 30px; transition: background-color .3s, opacity .5s, visibility .5s; opacity: 0; visibility: hidden; z-index: 1000; box-shadow: rgba(0, 0, 0, 0.14) 0px 3px 8px;}
#back-to-top-button::after { content: "\f077"; font-family: FontAwesome; font-weight: normal; font-style: normal; font-size: 22px; line-height: 50px; color: var(--thm-white); }
#back-to-top-button:hover { cursor: pointer; background-color: var(--thm-base2); }
#back-to-top-button:active { background-color: var(--thm-light); }
#back-to-top-button.show { opacity: 1; visibility: visible; }

/* Accordion section Css */
/* .accordion-button:focus {z-index: 3;border-color: var(--thm-base);outline: 0;box-shadow: none;}
.accordion-button:not(.collapsed) {color: var(--thm-base);background-color: transparent;box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);font-weight: 500;}
.accordion-button {font-weight: 500;} */
.accordion-button:not(.collapsed) { color: var(--thm-white); background-color: var(--thm-base); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);}
.accordion-button:not(.collapsed)::after { color: var(--thm-white); filter: brightness(40);}
.accordion-button:focus { z-index: 3; border-color: var(--thm-black-ligth); outline: 0; box-shadow: none; /* box-shadow: 0 0 0 0.25rem rgba(143, 175, 250, 0.25); */ border-radius: 6px;}
.accordion-item:first-of-type .accordion-button { border: 1px solid var(--thm-black-ligth); border-radius: 6px;}
.accordion-item { border: none; margin-bottom: 15px;}
.accordion-item .accordion-button { border: 1px solid var(--thm-black-ligth); border-radius: 6px; margin-bottom: 2px; font-weight: 600; }
.accordion-body { border: 1px solid var(--thm-black-ligth); border-radius: 6px; margin-bottom: 20px; font-weight: 500;}


.calltoaction{
    padding: 35px 50px;
    position: relative;
    background-image: url(../images/breadcrumb-bg.jpg);
    background-position: center, top;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 20px;
    transition: 0.8s;
}
.calltoaction .container{
    border: 1px solid #FFFFFF70;
    padding: 20px 40px;
    border-radius: 7px;
}
.calltoaction .container .heading,
.calltoaction .container .description{
    margin-bottom: 0px;
    color: var(--thm-white);
    transition: 0.5s;
}